div#header {
    width: 100%;
    height: 70px;
    clear: left;
    text-align: left;
    background: url(../images/header_background.png) repeat-x;
    background-color: #fafafa
}

div#main_nav {  
    width: 100%;
    height: 1.5em;
    clear: left;
    background-color: #ececf0;
    border-bottom: 1px dashed DarkKhaki;
    margin-bottom: 16px;
    text-align: right
}

#main_nav label {
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.8em
}

#main_nav ul {
    position: absolute;
    top: 81px;
    left: -12px;
    list-decoration-type: none;
    margin: 0
}

img.banner { float: right }

#main_nav li {
    display: inline;
    margin-right: 0.7em
}

#main_nav a {
    text-decoration: none;
    color: #662200;
    font-family: Times,serif;
    font-size: 0.9em;
    font-weight: bold
}

#main_nav a:hover { text-decoration: underline }

img { border: 0 }

img.product { padding: 14px 0 2px 3px }

div#side_nav { 
    float: left;
    width: 16.5em;
    border: 1px dashed DarkKhaki;
    padding: 5px
}

#side_nav h3 {
    font-family: Helvetica,Arial;
    font-size: 0.8em;
    font-weight: bold;
    color: #114455;
    background-color: #ececf0;
    margin: 4px 0 0 0;
    padding: 3px
}

#side_nav label, #login label, #register label {
    font-family: sans-serif;
    font-size: 0.7em;
    color: #444444;
    text-align: right;
    width: 5em
}

.login { width: 9em }

#side_nav label, #side_nav input.login, #login label, #login input.login {
    display: block;
    float: left;
    margin-bottom: 1px
}

#side_nav form br, #login br { clear: left }

#side_nav fieldset {
    border: none;
    padding: 0
}

#side_nav form a { float: right }

#side_nav legend { display: none }

#loggedin span { 
    font-family: Arial,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #662200
}

div#loggedin { margin-bottom: 4px }

div#main_content {
    margin: 0 0 6px 19em;
    width: 36em;
    text-align: right;
    border: 1px dashed DarkKhaki;
    padding: 5px
}   

div#product_details { 
    border-bottom: 1px solid DarkKhaki;
    padding-bottom: 10px
}

div#category_list_head, div#cart_summary_head, div#phone_order_head {
    background-color: #ececf0;
    font-family: Helvetica,Arial;
    font-size: 0.8em;
    font-weight: bold;
    color: #114455;
    padding: 3px
}

div#category_list_content, div#cart_summary_content { padding-bottom: 20px }

div#phone_order_content p { 
    margin: 4px 0 20px 16px;
    font-size: 0.8em
}

#cart_summary_content {
    padding: 7px 0 0 12px;
    color: #444444
}

#cart_summary_content table {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    width: 100%
}

.cart_summary_value { background-color: #f4f0b4 }

.summary_total {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    font-weight: bold;
    text-align: right
}

hr {
    border: 0;
    height: 1px;
    background-color: #b3b3b3;
    color: #b3b3b3;
    margin: 1px
}

#cart_summary_content a { float: right}

a.category_unselected {
    font-family: Times;
    font-size: 0.9em;
    font-weight: bold;
    color: #662200;
    line-height: 1.6em;
    padding-left: 17px;
    text-decoration: none
}

a.category_unselected:hover { text-decoration: underline }

a.category_selected {
    font-family: Times;
    font-size: 0.9em;
    font-weight: bold; 
    color: #666b0f;
    line-height: 1.6em;
    padding-left: 17px;
    text-decoration: none
}

a.link {
    color: #114455;
    font-weight: bold;
    text-decoration: none
}

#main_content h2 {
    color: #662200;
    font-family: Verdana,Arial;
    font-size: 1.2em;
    margin: 0
}

div#first_page_title p, div#category_title p {
    margin: 5px 0 4px 4.4em;
    width: 34em
}

div#first_page_title, div#category_title, div#search_title { 
    background-color: #ececf0;
    padding: 4px 4px 4px 0
}

div#account_details { padding-left: 2em }

#account_details table { 
    width: 34em; 
    font-family: Verdana;
    font-size: 0.8em;
    margin: 2em 0 1.5em 0
}

.account_part {
    background-color: #ececf0;
    width: 18em;
    text-align: left
}

.edit_account {
    border-top: 1px solid DarkKhaki;
    text-align: right
}

.error { 
    color: red;
    font-family: sans-serif;
    font-size: 0.9em
}


/* PRODUCTS LIST */

div.products_list {
    margin: 10px 0 8px 0;
    padding: 8px 4px 0 4px;
    border-top: 1px dashed DarkKhaki;
    width: 32em
}

.products_list h3 {
    font-family: Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    margin: 2px
}

img.product_image { 
    float: left;
    margin-right: 1em
}

.product_name { 
    text-decoration: none;
    color: #662200
}

.products_list a:hover { 
    color: #003344;
    text-decoration: underline
}

.products_list p, #main_content p, #side_nav p {
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    color: #444444
}

.products_list span, #main_content span {
    font-family: Arial;
    font-size: 0.8em;
    color: #333333
}

.paging_text {
    font-family: sans-serif;
    font-size: 0.8em;
    color: #999999
}

.paging_text a { color: #666666 }

.search_words { margin: 3px 4em 12px 0 }

.first_page_text {
    color: navy;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 0.9em
}

.submit { padding: 0 }

div#footer {
    clear: left;
    background-color: #f4fffa
}

.add_to_cart, .check_out {
    font-family: Times,serif;
    font-weight: bold;
    color: navy;
    text-decoration: none;
    margin-left: 1em;
    border-bottom: 1px solid navy
}

.check_out { padding-top: 6px }

a.add_to_cart:hover { text-decoration: none }

/* admin page */

#control_panel h1 {
    color: #662200;
    font-family: Verdana,Arial;
    font-size: 1.2em;
    margin: 0
}

#control_panel th {
    font-family: Verdana;
    font-weight: bold;
    font-size: 0.8em;
    color: #ffffff;
    background: #003344;
    padding: 0 4px 0 4px
}

#control_panel td {
    font-family: Verdana;
    font-size: 0.8em;
    background: #ededed
}

#control_panel legend, #admin_login legend, #control_panel h2 {
    font-family: Verdana;
    font-size: 1.1em;
    font-weight: bold;
    color: #003344;
    padding-right: 3px
}

#control_panel h3 { 
    font-family: Times;
    font-size: 0.9em;
    margin-bottom: 0;
    color: #003344
}

#control_panel legend a { font-size: 0.9em }

#control_panel span, #control_panel p {
    color: #444444;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 0.8em
}

#control_panel p { margin: 1px 0 20px 0 }

div#admin_login {
    position: absolute;
    top: 4em;
    left: 30%;
    width: 25em
}

#admin_login label, #admin_login input {
    font-family: Verdana;
    font-size: 0.8em;
    display: block;
    margin-top: 2px;
    float: left
}

#admin_login label {
    text-align: right;
    width: 10em
}

#admin_login br{ clear: left }

.admin_prod_details label {
    font-family: Verdana;
    font-size: 0.8em
}

.admin_prod_details p {
    font-family: Arial;
    font-size: 0.9em
}

.admin_prod_details img { padding: 2px }


/* shopping cart */
form.shopping_cart th, td.cart_item { text-align: left }

form.shopping_cart table { width: 100% }

form.shopping_cart td, form.shopping_cart th { 
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 0.8em;
    padding: 4px 4px 3px 4px
}

form.shopping_cart th { background-color: #ececf0 }

form.shopping_cart legend {
    font-family: Arial;
    font-weight: bold;
    font-size: 1.1em;
    color: #662200 
}

form.shopping_cart fieldset { border: none }

.cart_total { 
    text-align: right;
    border-top: 1px solid DarkKhaki 
}

#checkout_details {
    border-top: 1px solid DarkKhaki;
    text-align: left;
    margin-top: 1em
}


div#register, div#login {
    background-color: #fafafa;
    margin: 4px;
    text-align: left;
    height: 12em
}

#register p, #login p { 
    float: left;
    width: 10em;
    margin: 1em
}

#register form { text-align: right }

#login form, .customer_details_edit, .credit_card_edit, .address_edit {
    font-family: Arial;
    font-size: 0.9em;
    color: #444444;
    margin: 2.2em 1em 1.5em 1em
}

#login legend, .customer_details_edit legend, .credit_card_edit legend, .address_edit legend {
    color: #662200;
    font-size: 1.2em;
    font-family: Verdana;
    font-weight: bold
}

#login fieldset, .customer_details_edit fieldset, .credit_card_edit fieldset, .address_edit fieldset { 
    border: 1px solid #cecece;
    padding: 1.4em
}