/**
 * Styles for Office Furniture Factory Shop.
 *
 * @author Tom Ryder <tom@prodev.co.nz>
 * @copyright 2010 Professional Development
 */
html {
    background: #536452;
}
body {
    background: #ffffff;
    border: 2px groove #000000;
    border-collapse: collapse;
    font: normal normal normal 0.8em/1.5 "Arial", sans-serif;
    margin: 10px auto;
    width: 980px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#head {
    border-bottom: 4px solid #3b8138;
    padding: 10px;
}
    #title {
        float: left;
        margin: 0;
        padding: 0 0 5px 0;
    }
        #title a {
            display: block;
            text-decoration: none;
        }
        #title img {
            border: 0;
            display: block;
        }
    #top {
        float: right;
        width: 605px;
        height: 110px;
    }
    #byline {
        clear: both;
        font-family: "Arial Narrow", sans-serif;
        font-size: 1.3em;
        font-weight: bold;
    }
#panel {
    background: #aaccaa url("images/navigation-shadow.gif") 50% top no-repeat;
    clear: left;
    overflow: auto;
    padding: 5px 10px;
}
    #panel a {
        color: #000000;
    }
    #panel label {
        cursor: pointer;
        font-weight: bold;
    }
    #login {
        float: right;
    }
        #login a {
            margin-left: 1em;
        }
    #search {
        padding: 0 0 0 10px;
    }
#body {
    border-collapse: collapse;
    width: 100%;
}
    #left {
        padding: 10px;
        vertical-align: top;
        width: 16em;
    }
        #left div.menu {
            margin: 0 0 1em 0;
            padding: 0;
            position: relative;
            z-index: 99;
        }
        #left div.menu a {
            display: block;
            font-weight: bold;
            padding: 0.5em 1em 0.5em 2em;
            text-decoration: none;
            width: 13em;
        }
        #left div.menu a:hover {
            background: #449944;
        }
        #left div.menu li {
            width: 16em;
        }
        #left div.menu ul {
            line-height: 1;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #left div.menu li ul {
            margin: -2em 0 0 16em;
            position: absolute;
            width: 16em;
            left: -999em;
        }
        #left div.menu li.hover ul {
            background: #3b8138;
            left: auto;
        }
        #left div.menu li.hover ul ul {
            left: -999em;
        }
        #left div.menu li li.hover ul {
            left: auto;
        }
        #left .menu li.hover {
            background: #3b8138;
            position: static;
        }
        #left .menu li.hover a {
            color: #ffffff;
        }
        #left .menu li.selected a, 
        #left .menu li.selected li.selected a, 
        #left .menu li.selected li.selected li.selected a {
            color: #2cd830;
        }
        #left .menu li.selected li a,
        #left .menu li.selected li.selected li a {
            color: #ffffff;
        }
        #left .menu li {
            background-image: url("images/menu-item-background.gif");
            background-position: 2px 0;
            background-repeat: no-repeat;
        }
        #left .menu li li {
            background-image: none;
        }
        #left .menu li.selected {
            background-position: 2px -112px;
        }
        #left .widget {
            margin: 0 0 1em 0;
        }
        #left .title {
            display: block;
            font-weight: bold;
            text-decoration: none;
        }
    #center {
        padding: 10px;
        vertical-align: top;
    }
    #right {
        padding: 10px;
        vertical-align: top;
        width: 20%;
    }
        #right .widget {
            margin: 0 0 1em 0;
        }
#foot {
    background: #3b8138;
    color: #ffffff;
    font-size: 0.9em;
    padding: 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
    #foot a {
        color: #ffffff;
    }
    #foot .locations {
        margin: 0;
        text-align: center;
    }
    #foot .legal {
        margin: 0;
        text-align: center;
    }
        #foot .legal img {
            border: 0;
            vertical-align: middle;
        }
    #foot .menu {
    }
        #foot .menu ul {
            margin: 0;
            padding: 0;
            text-align: center;
        }
            #foot .menu li {
                border-right: 1px solid #ffffff;
                display: inline;
                margin: 0;
                padding: 0 4px 0 8px;
            }
                #foot .menu a {
                    font-weight: bold;
                    text-decoration: none;
                }
                #foot .menu a:hover {
                    text-decoration: underline;
                }
            #foot .menu .last {
                border: 0;
            }
            #foot .menu .selected a {
                color: #2cd830;
            }
a {
    color: #3b8138;
}
a img {
    border-color: #3b8138;
}
h1 {
    color: #ff9900;
    margin: 0.25em 0;
}
h2, h3, h4, h5, h6 {
    color: #006600;
    margin: 1em 0 0.25em 0;
}
ol {
    margin: 0 0 1em 0;
}
p {
    margin: 0 0 1em 0;
}
ul {
    margin: 0 0 1em 0;
}


input.text,
select,
textarea
{
	border: 2px solid #3b8138;
}
input.text:focus,
select:focus,
textarea:focus
{
	border-color: #36a93b;
}
input.text,
input.button,
textarea
{
	padding: 2px;
}
input.button
{
	background: #555;
	color: #eee;
	border-top: 3px solid #777;
	border-left: 3px solid #777;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	padding: 1px 3px;
}
input.button.edit,
input.button.save,
input.button.update
{
	background: #339;
	color: #ddf;
	border-top: 3px solid #559;
	border-left: 3px solid #559;
	border-right: 3px solid #117;
	border-bottom: 3px solid #117;
}
input.button.add,
input.button.send,
input.button.confirm,
input.button.continue
{
	background: #393;
	color: #dfd;
	border-top: 3px solid #7b7;
	border-left: 3px solid #7b7;
	border-right: 3px solid #171;
	border-bottom: 3px solid #171;
}
input.button.return,
input.button.cancel,
input.button.delete,
input.button.action
{
	background: #933;
	color: #fdd;
	border-top: 3px solid #955;
	border-left: 3px solid #955;
	border-right: 3px solid #711;
	border-bottom: 3px solid #711;
}
fieldset.controls
{
	border: 0 none;
}