body
    { 
        line-height: 1.5em; 
        color: #333; 
        background: #cccc99;
        margin: 0;
        padding: 0;
        text-align: center;
        font-family: trebuchet ms, verdana, sans-serif;
        font-size: 13px;
    }

p 
    { 
        margin-top: 0px; 
        font-family: trebuchet ms, verdana, sans-serif;
        font-size: 13px;
    }

img {
    border: 0 ;
}

.bodyText {
    margin-top: 0px; 
    font-family: trebuchet ms, verdana, sans-serif;
    font-size: 13px;
}

div.success {
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px ;
    width: 70%;
    text-align: center;
    font-weight: bold ;
    background: #DDF7DD;
    border: 1px solid #009900;
}

div.error {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 10px ;
    width: 70%;
    text-align: center;
    font-weight: bold ;
    background: #ffffcc;
    border: 1px solid red;
}

span.error {
    font-weight: bold;
    color: red;
}

div.validation {
    margin-left: 10px ;
    color: #ff0000 ;
}

/*
h3 
    { 
        font: bold 140% trebuchet ms;
        letter-spacing: -1px; 
        margin-bottom: 0; 
        color: #c96;
    }
*/
    
a:link 
    { 
        text-decoration: none;
        color: #000;
    }
    
a:visited 
    { 
        text-decoration: none;
        color: #000;
    }
    
a:hover, a:active 
    { 
        text-decoration: none;
        color: #036;
    }

div.footer {

    text-align: center; 
    color: #e0b080; 
    font-size: -1em ;
    margin-top:15px ;
}

div.footer a {
    font-weight: bold ;
    color: #e0b080;
    font-size: -1em
}

div.footer a:hover {
    text-decoration: none;
    color: #036;
}


div.spacer {
  clear: both ;
}

div.row {
  clear: both;
  padding-top: 2px;
  font-family: trebuchet ms, verdana, sans-serif;
  font-size: 13px;
  }

div.row span.label {
  float: left;
  width: 130px;
  text-align: left;
  }

div.row span.formw {
  float: left;
  width: 335px;
  text-align: left ;
  }


div.formheader {
    width: 550px;
    clear: both;
    padding-bottom: 2px;
    padding-top: 5px;
    font-family: trebuchet ms, verdana, sans-serif;
    font-weight: bold ;
    font-size: 13pt ;
    margin-bottom: 7px; 
    /* color: #c96; */
    /* color: #DBEAF5 ; */
    color: #e0b080 ;
    border-bottom: 2px solid #cccc99;
}

div.frmButtons {
    float: right
}

.headerText {
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-color: #F1D79E;
        font-family: verdana, sans-serif;
        font-size: 30px;
        font-weight: bold;
        padding: 12px 12px 12px 12px; 
        text-align: right;
        vertical-align: bottom;
}

p.price {
    float : left ;
    clear: right;
    margin: 0 0 0 0;
    font-weight: bold ;
    color: green ;
}

p.priceCenter {
    margin: 0px 0px 0px 0px;
    font-weight: bold ;
    color: green ;
}

/*----- Create Order List View Specific Stuff ----*/

div.orderListView{
    background: #ffffee ;
    margin-bottom: -1px ;
    border: 1px solid #cccc99 ; 
    padding: 0 0 0 0 ;
}


div.orderListView span.label {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    border-right: 1px solid #cccc99 ;
    color: #000 ;
    width: 45% ;
    padding: 5px 5px 5px 2px ;
}

div.orderListView span.quantity {
    float: left;
    width: 6% ;
    border-right: 1px solid #cccc99 ;
    padding: 5px 2px 5px 2px ;
    text-align: center ;
}


div.orderListView span.status{
    float: left;
    width: 13% ;
    border-right: 1px solid #cccc99 ;
    padding: 5px 2px 5px 2px ;
    text-align: center ;
}

div.orderListView span.date{
    float: left;
    width: 18% ;
    border-right: 1px solid #cccc99 ;
    padding: 5px 2px 5px 2px ;
    text-align: center ;
}

div.orderListView span.price {
    float: left ;
    font-weight: bold;
    color: green ;
    width: 12% ;
    text-align: right;
    padding: 5px 2px 5px 2px ;
    margin-right: 0px;
}

/*----- Create Type Specific stuff ----*/

div.typeProps {
    margin-left: 50px;
}

/*----- Property Specific Stuff -----*/


div.propRow {
    clear: both ;
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: -1px ;
    border: 1px solid #cccc99 ; 
    background: #ffffee ;
    width: 100% ;
}

div.propRow span.label {
    float: left ;
    width: 45% ;
    border-right: 1px solid #cccc99 ;
    padding: 2px 5px 2px 5px  ;
}

div.propRow span.formw {
    float: left ;
    width: 45% ;
    padding: 2px 5px 2px 5px  ;
    border-left : 1px solid #cccc99 ;
    margin-left : -1px solid #cccc99 ;
}

/*----- Item Specific -------*/

div.ItemView {

}

div.ItemView div.ImageAdj {
    margin-left: 260px ;
    margin-right: 30px ;
    margin-top: 0px ;
    margin-bottom: 10px ;
    padding: 5px 5px 0px 5px ;
    background: #ffffee ;
    border: 1px dashed #000;
}

div.ItemView img {
    float: left ;
    width: 250px ;
    margin-right: 10px ;
    margin-bottom: 0px ;
}

div.ItemView p.label {
    font-size: 14pt ;
    font-weight: bold ;
    background: #e0b080;
    padding-top: 5px ;
    padding-bottom: 5px ;
    padding-left: 5px ;
    margin: 0 0 5px 0 ;
}

div.ItemView p.price {
    /*margin: 0 0 0 0;*/
    margin-top: 5 px;
    margin-bottom: 5px;
    font-size: 12pt ;
    /*clear: both ;*/
}

div.ItemView span.price {
    display : inline ;
    margin: 0 0 0 0;
    font-weight: bold ;
    color: green ;
}

div.ItemView div.details {
    clear: both ;
    float: left ;
    margin-right : 30px
}

div.ItemView div.properties {
    width: 80% ;
    margin-left: auto ;
    margin-right: auto ;
    border: 0 ;
}

div.ItemView p.shortdesc {
    margin-top: 5px ;
    margin-bottom: 20px ;
}

/*----- Item List specific ----- */

div.itemListView {
    background: #ffffee ;
    margin-bottom: -1px ;
    border: 1px solid #000 ;
    padding: 5px 5px 5px 5px ;
}

div.itemListView span.label {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    color: #000 ;
    width: 30% ;
}

div.itemListView span.desc {
    float: left;
    width: 53% ;
    padding-right: 10px ;
}

div.itemListView span.price {
    float: right ;
    font-weight: bold;
    color: green ;
    width: 12% ;
    text-align: right ;
    padding-right: 0px;
}



/*----- Item thumbnail specific ----- */

div.itemThumbView {
    background: #ffffee ;
    padding: 5px 0px 5px 0px ;
    margin: 5px 3px 5px 3px ;
    border: 1px solid #000 ;
    float: left ;
    text-align: center ;
    font-weight: bold ;
    height: 165px ;
    width: 135px ;
}

div.itemThumbView img {
    float: center ;
    width: 120px ;
    height: 120px ;
}

div.itemThumbView p {
    margin: 0px 0px 0px 0px;
    text-align: center ;
}


/*----- Item detailed view specific ----- */


div.itemDetailedView {
    /* background:  #FFFBDF;  */
    background: #ffffee ;
    text-align: left ;
    border-collapse: collapse ;
    margin-bottom: 3px ;
    border: 1px solid #000 ; 
}

div.itemDetailedView div.header {
    padding: 1px 5px 1px 5px ;
    border-bottom: 1px solid #000000;
    /* background: #F1D496; */
    background: #e0b080;
    /* background: #c96 ; */
    /* background: #F1D496 ; */
    font-weight: bold;
    font-size: 10pt ;
    color: #000;
    clear : both ;
}

div.header span.label {
    float: left ;
    text-align : left ;
    width: 130px ;
}

div.header span.formw{
    float: right;
    text-align : right ;
    font-weight: normal ;
    font-style: italic ;
    font-size: 13px ;
}

div.itemDetailedView div.content {
    padding: 5px 5px 5px 5px ;
}


div.itemDetailedView img {
    float: left ;
    margin: 5px 5px 5px 0;
    width: 120px ;
}

div.itemDetailedView p.desc {
    margin-left: 125px;
    margin-top: 0px
    float : left ;
}
/* --------- checkoutListView ----------- */
div.checkOutListView {
    background: #ffffee ;
    margin-bottom: -1px ;
    border: 1px solid #000 ;
    padding: 5px 5px 5px 5px ;
}

div.checkOutListView span.label {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    color: #000 ;
    width: 40% ;
}

div.checkOutListView span.qty {
    float: left;
    width: 20% ;
}



div.checkOutListView span.price {
    float: right ;
    font-weight: bold;
    color: green ;
    width: 40% ;
    text-align: right ;
}

/* --------- itemsAndCosts ----------- */
div.itemsAndCosts {
    background: #ffffef ;
    margin-bottom: -1px ;
    border: 1px solid #000 ;
    padding: 5px 5px 5px 5px ;
    text-align: right ;
}

div.itemsAndCosts span.items {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    color: #000 ;
    width: 50% ;
}

div.itemsAndCosts span.label {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    color: #000 ;
    width: 50% ;
    text-align: left ;
}


div.itemsAndCosts span.costs {
    float: right ;
    font-weight: bold;
    color: green ;
    width: 40% ;
    text-align: right ;
}

/* --------- Login view stuff -------  */
div.loginView {
	width:500px;
    margin-right: auto;
    margin-left: auto;
}

div.loginView div.ImageAdj {
    padding: 5px 5px 5px 5px ;
    background: #ffffee ;
    border: 1px dashed #000;
    margin-top: 20px ;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px ; 
    text-align: center ;
    width: 400px ;
}

div.loginView table {
    margin-right: auto ;
    margin-left: auto ;
}

div.loginView a {
    margin-top: 5px ;
}

div.loginView p.label {
    font-size: 14pt ;
    font-weight: bold ;
    background: #e0b080;
    padding-top: 5px ;
    padding-bottom: 5px ;
    padding-left: 5px ;
    margin: 0 0 5px 0 ;
    text-align: center ;
}


div.loginView div.properties {
    margin-left: auto ;
    margin-right: auto ;
    border: 0 ;
}

div.loginView p.shortdesc {
    margin-left: auto ;
    margin-right: auto ;
    margin-top:  auto;
    margin-bottom: auto ;
}

div.loginView div.formhead {
    /* width: 550px; */
    clear: both;
    padding-bottom: 2px;
    padding-top: 5px;
    font-family: trebuchet ms, verdana, sans-serif;
    font-weight: bold ;
    font-size: 13pt ;
    margin-bottom: 7px;
    /* color: #c96; */
    /* color: #DBEAF5 ; */
    color: #e0b080 ;
    border-bottom: 2px solid #cccc99;
}




/* --------- OrderList  ----------- */

div.orderlist {
    background: #ffffee ;
    margin-bottom: -1px ;
    border: 1px solid #000 ;
    padding: 5px 5px 5px 5px ;
}

div.orderlist span.orderid {
    float: left;
    width: 15% ;
}


div.orderlist span.user {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    color: #e0b080;
    width: 20% ;
}


div.orderlist span.label {
    float: left ;
    font-weight: bold;
    font-size: 10pt ;
    color: #000 ;
    width: 20% ;
}

div.orderlist span.qty {
    float: left;
    width: 10% ;
}



div.orderlist span.price {
    float: left ;
    font-weight: bold;
    color: green ;
    width: 15% ;
    text-align: left ;
}

div.orderlist span.status {
    float: right ;
    font-weight: bold;
    font-size: 10pt ;
    color: #000 ;
    width: 20% ;
}




/* --------- Left bar ----------- */

#navcontainer {
    margin-left: 5px;
    float: left;
    color: #000;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block; 
padding: 5px 10px;
width: 140px;
/*background-color: #036;*/
text-decoration: none;
}

#navcontainer ul a:hover
{
color: #fff;
background-color: #A03E19;
text-decoration: none;
}

#navcontainer a:link 
    { 
        text-decoration: none;
        border-bottom: 1px dotted #000; 
        color: #000;
    }
    
#navcontainer a:visited 
    { 
        text-decoration: none;
        border-bottom: 1px dotted #000;
        color: #000;
    }
    
#navcontainer a:active 
    { 
        text-decoration: none;
        border-bottom: 1px solid #036;
        color: #036;
    }

#navcontainer ul ul li { 
    margin: 0 0 1px 0;
    font-style: italic ;
    font-size: -1em;
}

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
/*color: #fff;*/
/*background-color: #369;*/
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #A03E19;
text-decoration: none;
}


/* ---( specific divs )----------------------------- */

#container 
    {
        position: relative;
        background: #FFFBDF url(fade.gif) no-repeat 0 ;
        margin: 0 auto 10px auto;
        padding-top: 10px;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        text-align: left;
        width: 800px;
    }

#pageHeader
    {
        position: relative;
        bottom: 0px;
        margin: 0 auto 0 auto;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 3px solid #000;
        height: 92px;
        width: 800px;
        background: #F1D496 url(top.gif) no-repeat top left;
    }

#logo {
    height: 95px ;
    float: left ;
    margin-left: 15px ;
}

#form
    {
        float:right;
        width:580px;
        margin-right:20px;
        margin-left:20px;
        /*margin: 0px 20px 0px 200px;*/
    }
    
#supportingText 
    {
        padding-left: 20px; 
        margin: 0 350px 40px 0;
    }

#footer 
    { 
        border-top: 1px dotted #CDC4AC;
        padding-top: 6px;
        text-align: center;
    }
    
#footer a:link, #footer a:visited 
    { 
        margin-right: 6px;
    }

/* ---( right side nav)----------------------------- */

#linkList 
    {
        position: absolute; 
        top: 92px; 
        right: 0;
        left: auto;
        width: 300px;
        padding: 0;
        border-left: 1px solid #CDC4AC;
        border-bottom: 1px solid #CDC4AC;
        background: #E5E0D4 url(zen.gif) no-repeat;
        z-index: 1;
    }
    
#linkList2 
    { 
        margin: 190px 15px 15px 15px; 
    }

#linkList h3
    {
        color: #635F57;
        font-family: trebuchet ms;
        font-size: 120%;
        margin: 0 0 6px 0;
        padding: 0;
    }   
    
#linkList ul
    {
        margin: 0px;
        padding: 0px;
    }
#linkList li
    {
        display: block; 
        margin-bottom: 2px;
        padding-left: 14px;
        background: url(arrow.gif) no-repeat 0 5px;
        list-style-type: none;
    }
    
#linkList li a:link
    { 
        color: #c96;
        border-bottom: none;
    }
    
#linkList li a:visited
    {
        color: #c96;
        border-bottom: none;
    }
    
#linkList li a:hover
    {
        color: #963;
    }

#lselect
    {
        padding: 12px 0 12px 0;
        border-top: 1px dashed #CDC4AC;
        border-bottom: 1px dashed #CDC4AC;
    }
    
#lresources
    {
        margin-top: 12px;
    }
