/********************************************/
/***            Basic Elements            ***/
/********************************************/
html {
    margin: 0px;
    padding: 0px;
}
body { 
    background-color: #FFFFFF;
    background: url("../images/bg.gif") repeat scroll left top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin: 0px;
    padding: 0px;
}
a {
    background-color: inherit;
    color: #5E453B;
}
a:hover {
    background-color: inherit;
    color: #5E453B;
}
h1 {
    font: 15px/15px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0px;
    padding-bottom: 14px;
}
p {
    margin: 0px;
    padding: 0px 0px 6px 0px;
}
table, 
td, 
tr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 0px;
}
th { 
    font-weight: normal;
}
img {
    border: 0px;
}
form {
    display: inline;
}
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #92766B;
    margin: 0px;
}

/********************************************/
/***                 Main                 ***/
/********************************************/
#main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 910px;
    height: 450px;
    text-align: left;
    margin-top: -240px;
    margin-left: -455px;
    padding: 0px;
}

/********************************************/
/***                Header                ***/
/********************************************/
#header {
    position: relative;
    top: 0px;
    width: 910px;
    height: 50px;
    background: transparent url(../images/header.png) no-repeat scroll 0px 0px;
    color: inherit;
}
#headerSummary {
    background-color: inherit;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 40px;
    padding-top: 10px;
    float: right;
}

/********************************************/
/***            Left Navigation           ***/
/********************************************/
#leftNavigation {
    position: absolute;
    left: 0px;
    top: 50px;
    width: 210px;
    height: 400px;
    background-color: #FFFFFF;
    color: inherit;
}
#leftNavigation ul {
    list-style-type: none;
    margin: 0px;
    padding: 10px;
}
#leftNavigation a {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-decoration: none;
    display: block;
}
/*** First Level ***/
#leftNavigation ul li a:hover, 
#leftNavigation ul li a.current:link, 
#leftNavigation ul li a.current:visited {
    background-color: inherit;
    color: #5E453B;
}
#leftNavigation ul li a, 
#leftNavigation ul li a.current:hover {
    background-color: inherit;
    color: #92766B;
}

/********************************************/
/***                Content               ***/
/********************************************/
#contentBox {
    position: relative;
    top: 0px;
    left: 210px;
    width: 330px;
    height: 370px;
    background-color: #FFFFFF;
    color: inherit;
    line-height: 15px;
    padding: 15px 15px 15px 355px;
}
ul.links {
    margin: 10px 0px 0px 0px;
    padding: 0px 10px 0px 1px;
    list-style-type: none;
}
.first {
    height: 183px;
}
.second {
    padding-top: 15px;
}

/********************************************/
/***               Wishlist               ***/
/********************************************/
#donorBox {
    position: absolute;
    top: 240px;
    left: 225px;
    width: 275px;
    height: 195px;
}
#donor {
    background-color: #5E453B;
    color: inherit;
    width: 275px;
}
#donor td {
    background-color: #FFFFFF;
    color: inherit;
    padding: 2px;
}
#wishlist {
    position: absolute;
    top: 65px;
    left: 515px;
    width: 395px;
    height: 355px;
    overflow: auto;
}
#wishlist table {
    background-color: #5E453B;
    color: inherit;
    width: 378px;
}
#wishlist th { 
    background-color: #92766B;
    color: #FFFFFF;
    padding: 2px;
}
#wishlist td {
    background-color: #FFFFFF;
    color: inherit;
    padding: 2px;
}
#wishlist img {
    float: left;
}
#accountInfo {
    position: absolute;
    top: 419px;
    left: 515px;
    width: 377px;
    border-top: 1px dashed #5E453B;
    line-height: 20px;
}
#topBorder {
    position: absolute;
    top: 64px;
    left: 515px;
    width: 377px;
    height: 1px;
    border-bottom: 1px dashed #5E453B;
    
}

/********************************************/
/***              Photogallery            ***/
/********************************************/
#sets {
    width: 356px;
    height: 303px;
}
.set {
    float: left;
    width: 117px;
    padding: 8px 0px 5px 0px;
}
.set .frame {
    background: url(../images/frame.gif) no-repeat scroll 0px 0px;
    width: 83px;
    height: 87px;
    padding: 8px 0px 0px 8px;
    margin-bottom: 3px;
}
.set .active {
    background: url(../images/frameActive.gif) no-repeat scroll 0px 0px;
}
.set .title a {
    text-decoration: none;
}
.set .title a:hover,
.set .title .current {
    font-weight: bold;
}
.set .title .current:hover {
    font-weight: normal;
}
.set .count {
    font-size: 10px;
}
#thumbnails {
    position: absolute;
    top: 15px;
    left: 371px;
    width: 329px;
    height: 370px;
    overflow: auto;
}
#thumbnails div {
    float: left;
    padding: 0px 0px 3px 3px;
}
#thumbnails .last {
    padding: 0px 0px 0px 3px;
}
#thumbnails img {
    float: left;
}

/********************************************/
/***             Form Elements            ***/
/********************************************/
.textField {
    width: 150px;
}
.quantityField {
    width: 43px;
    text-align: right;
}
.captchaField {
    width: 80px;
}
.captchaField img {
    width: 50px;
}
.buttonPanel {
    width: 275px;
    margin-top: 6px;
    text-align: right;
}
.button {
    width: 100px;
    background-color: #92766B;
    color: #FFFFFF;
    border: 1px solid #5E453B;
    font-weight: normal;
    text-align: center;
    margin: 0px;
    padding: 1px 0px 1px 0px;
}
.error {
    background-color: #E30101;
    color: inherit;
}

/********************************************/
/***         Validation Elements          ***/
/********************************************/
#validationError {
    position: absolute;
    top: 235px;
    left: 225px;
    background-color: inherit;
    color: #E30101;
    width: 275px;
    height: 30px;
}
#infoMessage {
    position: absolute;
    top: 235px;
    left: 225px;
    background-color: inherit;
    color: #05800B;
    width: 275px;
    height: 30px;
}
#validationError ul, 
#infoMessage ul {
    margin: 0px;
    padding: 0px 10px 0px 1px;
    list-style-type: none;
}
#validationError li, 
#infoMessage li {
    background: transparent url(../images/listBullet.gif) no-repeat 0px 4px;
    color: inherit;
    padding-left: 10px;
}