/*
    ----------------------------------------
    One + Only Headboards CSS
    Sean Mitchell, sean@seanmitchell.ca
    ----------------------------------------
*/



/* BODY
---------------------------------------- */
body {
    background: url(http://oneandonlyheadboards.com/image/bg-body.gif) #6C5445 center top repeat-y;
    text-align: center;
    margin: 0;
    padding: 0;
}



/* WRAPPER
---------------------------------------- */
#wrapper {
    margin: auto;
    width: 946px;
}



/* HEADER HOME
---------------------------------------- */
#header-home {
    float: left;
    border-left: 5px solid #4F3E33;
    border-right: 5px solid #4F3E33;
    width: 936px;
}
#header-home h1 {
    margin: 0;
    padding: 0;
}
#header-home span {
    display: none;
}
#header-home a {
    display: block;
    height: 40px;
}
#header-home a {
    background: url(http://oneandonlyheadboards.com/image/logo-home.jpg) no-repeat;
    width: 196px;
}
#header-home a:hover {
    background: url(http://oneandonlyheadboards.com/image/logo-home.jpg) 0 -40px no-repeat;
    width: 196px;
}



/* HEADER HOME > LOGO
---------------------------------------- */
#header-home #logo {
    float: left;
    background: url(http://oneandonlyheadboards.com/image/bg-header-home.jpg) no-repeat;
    width: 936px;
}
#header-home #logo div {
    float: left;
    padding: 28px 0 280px 28px;
    width: 196px;
}



/* HEADER
---------------------------------------- */
#header {
    float: left;
    border-left: 5px solid #4F3E33;
    border-right: 5px solid #4F3E33;
    width: 936px;
}
#header h1 {
    margin: 0;
    padding: 0;
}
#header span {
    display: none;
}
#header a {
    display: block;
    height: 40px;
}
#header a {
    background: url(http://oneandonlyheadboards.com/image/logo.gif) no-repeat;
    width: 196px;
}
#header a:hover {
    background: url(http://oneandonlyheadboards.com/image/logo.gif) 0 -40px no-repeat;
    width: 196px;
}



/* HEADER > LOGO
---------------------------------------- */
#header #logo {
    float: left;
    background: url(http://oneandonlyheadboards.com/image/bg-header.gif) 640px 52px no-repeat #E9E6E3;
    width: 936px;
}
#header #logo div {
    float: left;
    padding: 28px 0 27px 28px;
    width: 196px;
}



/* MAIN
---------------------------------------- */
#main {
    float: left;
    text-align: left;
    background: #FFFFFF;
    border-left: 5px solid #4F3E33;
    border-right: 5px solid #4F3E33;
    width: 936px;
}
#main p {
    text-transform: lowercase;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #C6C1BD;
    margin: 0;
    padding: 17px 0 31px 20px;
}
#main a {
    color: #98908B;
    padding: 0 3px 0 3px;
    text-decoration: none;
}
#main a:hover {
    color: #5E331A;
    text-decoration: none;
}
#main .selected {
    color: #5E331A;
}



/* CONTENT
---------------------------------------- */
#content {
    float: left;
    text-align: left;
    background: #FFFFFF;
    border-left: 5px solid #4F3E33;
    border-right: 5px solid #4F3E33;
    width: 936px;
}



/* SUB
---------------------------------------- */
#sub {
    float: left;
    padding: 11px 0 25px 23px;
    width: 141px;
    text-transform: lowercase;
}
#sub h2 {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #4DB3D0;
    margin: 0;
    padding: 0;
}
#sub h2 a {
    color: #4DB3D0;
    text-decoration: none;
}
#sub h2 a:hover {
    color: #5E331A;
    text-decoration: none;
}
#sub ul {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}
#sub li {
    margin: 0;
    padding: 0;
}
#sub li a {
    color: #98908B;
    text-decoration: none;
}
#sub li a:hover {
    color: #5E331A;
    text-decoration: none;
}



/* PAGES
---------------------------------------- */
#pages {
    float: left;
    padding: 0 193px 23px 0;
    width: 579px;
}
#pages h2 {
    text-transform: lowercase;
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 10px 0;
}
#pages h3 {
    text-transform: lowercase;
    font: 19px/26px Georgia, "Times New Roman", Times, Serif;
    color: #4DB3D0;
    margin: 0;
    padding: 0 0 10px 0;
}
#pages h4 {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
    margin: 0;
    padding: 0;
}
#pages p {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
}
#pages ul {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}
#pages li {
    background: url(http://oneandonlyheadboards.com/image/bg-bullet.gif) 4px 5px no-repeat;
    margin: 0;
    padding: 0 0 0 19px;
}
#pages form {
    margin: 0;
    padding: 18px 0 0 0;
}
#pages dl {
    clear: both;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0;
}
#pages dt {
    float: left;
    text-align: right;
    margin: 0;
    padding: 0 10px 8px 0;
    width: 200px;
}
#pages dd {
    margin: 0;
    padding: 0 0 8px 0;
}
#pages .input {
    font: 11px/15px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #191919;
    margin: 0;
    padding: 0;
    width: 240px;
}
#pages .submit {
    font: 11px/15px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #191919;
    margin: 0;
    padding: 0;
}
#pages a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#pages a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}



/* BLOG
---------------------------------------- */
#blog {
    float: left;
    padding: 0 193px 23px 0;
    width: 579px;
}
#blog .post {
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    width: 579px;
    border-bottom: 1px solid #DDDDDD;
}
#blog h2 {
    text-transform: lowercase;
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 10px 0;
}
#blog h3 {
    text-transform: lowercase;
    font: 19px/26px Georgia, "Times New Roman", Times, Serif;
    color: #4DB3D0;
    margin: 0;
    padding: 0;
}
#blog h4 {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 10px 0;
}
#blog p {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
}
#blog img {
    border: 2px solid #E9E6E3;
}
#blog ul {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}
#blog li {
    background: url(http://oneandonlyheadboards.com/image/bg-bullet.gif) 4px 5px no-repeat;
    margin: 0;
    padding: 0 0 0 19px;
}
#blog #paginate {
    text-align: center;
}
#blog #paginate span {
    padding: 0 6px 0 6px;
}
#blog a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#blog a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}



/* HOME
---------------------------------------- */
#home {
    float: left;
    width: 772px;
}



/* HOME > FEATURED
---------------------------------------- */
#home #featured {
    float: left;
    width: 464px;
}
#home #featured div {
    float: left;
    padding-bottom: 24px;
    width: 464px;
}
#home #featured h2 {
    text-transform: lowercase;
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 17px 0;
}
#home #featured dl {
    float: left;
    margin: 0;
    padding: 0 12px 19px 0;
    width: 104px;
}
#home #featured dt {
    margin: 0;
    padding: 0;
}
#home #featured dt a {
    display: block;
    width: 100px;
    border: 2px solid #E9E6E3;
}
#home #featured dt a:hover {
    border: 2px solid #5E331A;
}
#home #featured dd {
    text-transform: lowercase;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 3px 0 0 4px;
}
#home #featured dd a {
    color: #98908B;
    text-decoration: none;
    border: none;
}
#home #featured dd a:hover {
    color: #5E331A;
    text-decoration: none;
}



/* HOME > HEADLINE
---------------------------------------- */
#home #headline {
    float: left;
    padding: 0 23px 23px 11px;
    width: 274px;
}
#home #headline h2 {
    text-transform: lowercase;
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 10px 0;
}
#home #headline p {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 14px 0;
}
#home #headline h4 {
    font: 10px/14px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #B4B4B4;
    margin: 0;
    padding: 0;
}
#home #headline a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#home #headline a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}
#home #headline form {
    margin: 0;
    padding: 0 0 16px 0;
}
#home #headline dl {
    margin: 0;
    padding: 0;
}
#home #headline dt {
    text-transform: lowercase;
    font: 19px/26px Georgia, "Times New Roman", Times, Serif;
    color: #4DB3D0;
    margin: 0;
    padding: 0 0 9px 0;
}
#home #headline dd {
    margin: 0;
    padding: 0;
}
#home #headline .field {
    font: 11px/15px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
    margin: 0 8px 0 0;
    padding: 0;
    width: 160px;
}
#home #headline .button {
    font: 11px/15px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
    margin: 0;
    padding: 0;
}



/* PRODUCT
---------------------------------------- */
#product {
    float: left;
    width: 772px;
}



/* PRODUCT > IMAGE
---------------------------------------- */
#product #image {
    float: left;
    width: 260px;
}
#product #image div {
    padding: 12px 0 16px 0;
}
#product #image div img {
    border: none;
}
#product #image div a {
    display: block;
    width: 240px;
    border: 2px solid #E9E6E3;
}
#product #image div a:hover {
    border: 2px solid #5E331A;
}
#product #image ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
#product #image li {
    float: left;
    margin: 0 16px 16px 0;
}
#product #image li img {
    border: none;
}
#product #image li a {
    display: block;
    width: 32px;
    border: 2px solid #E9E6E3;
}
#product #image li a:hover {
    border: 2px solid #5E331A;
}



/* PRODUCT > DETAILS
---------------------------------------- */
#product #details {
    float: left;
    padding: 0 23px 23px 11px;
    width: 478px;
}
#product #details h2 {
    text-transform: lowercase;
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 8px 0;
}
#product #details h3 {
    text-transform: lowercase;
    font: 19px/26px Georgia, "Times New Roman", Times, Serif;
    color: #4DB3D0;
    margin: 0;
    padding: 0 0 10px 0;
}
#product #details h4 {
    text-transform: lowercase;
    font: 15px/22px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 10px 0;
}
#product #details p {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
}
#product #details ul {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}
#product #details li {
    background: url(http://oneandonlyheadboards.com/image/bg-bullet.gif) 4px 5px no-repeat;
    margin: 0;
    padding: 0 0 0 19px;
}
#product #details a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#product #details a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}
#product #details form {
    margin: 0;
    padding: 0;
}
#product #details input {
    margin: 0;
    padding: 0;
}
#product .ourchoice {
    color: #5E331A;
}



/* COLLECTION
---------------------------------------- */
#collection {
    float: left;
    padding: 0 16px 24px 0;
    width: 756px;
}
#collection h2 {
    float: left;
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    text-transform: lowercase;
    margin: 0;
    padding: 0 0 8px 0;
}
#collection h3 {
    float: right;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    text-transform: lowercase;
    margin: 0;
    padding: 0 9px 0 0;
}
#collection h3 a {
    color: #98908B;
    padding: 0 3px 0 3px;
    text-decoration: none;
}
#collection h3 a:hover {
    color: #5E331A;
    text-decoration: none;
}
#collection p {
    clear: both;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 6px 0;
}
#collection a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#collection a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}
#collection h4 {
    clear: both;
    text-transform: lowercase;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 6px 0;
}
#collection h4 a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#collection h4 a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}
#collection h4 .active {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}
#collection img {
    border: none;
}
#collection div {
    float: left;
    padding-top: 11px;
    width: 756px;
}
#collection dl {
    float: left;
    text-transform: lowercase;
    margin: 0;
    padding: 0 8px 19px 0;
    width: 244px;
}
#collection dt {
    margin: 0;
    padding: 0;
}
#collection dt a {
    display: block;
    width: 240px;
    border: 2px solid #E9E6E3;
}
#collection dt a:hover {
    border: 2px solid #5E331A;
}
#collection dd {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 3px 0 0 4px;
}
#collection dd a {
    color: #98908B;
    text-decoration: none;
    border: none;
}
#collection dd a:hover {
    color: #5E331A;
    text-decoration: none;
}



/* MY CART
---------------------------------------- */
#mycart {
    float: left;
    text-transform: lowercase;
    padding: 0 23px 49px 0;
    width: 749px;
}
#mycart h2 {
    font: 24px/31px Georgia, "Times New Roman", Times, Serif;
    color: #5E331A;
    margin: 0;
    padding: 0 0 17px 0;
}
#mycart form {
    margin: 0;
    padding: 0;
}
#mycart p {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 0 0 20px 0;
}
#mycart table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #DCDCDC;
}
#mycart th {
    background: #F5F5F5;
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
    margin: 0;
    padding: 9px 11px 11px 11px;
    border-bottom: 1px solid #DCDCDC;
}
#mycart td {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #98908B;
    margin: 0;
    padding: 12px;
    border-bottom: 1px solid #DCDCDC;
}



/* MY CART > IMAGE
---------------------------------------- */
#mycart .image {
    width: 54px;
}
#mycart .image img {
    border: none;
}
#mycart .image a {
    display: block;
    width: 50px;
    border: 2px solid #E9E6E3;
}
#mycart .image a:hover {
    border: 2px solid #5E331A;
}



/* MY CART > TITLE
---------------------------------------- */
#mycart .title {
    text-align: left;
}
#mycart .title a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#mycart .title a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}



/* MY CART > QUANTITY
---------------------------------------- */
#mycart .quantity {
    text-align: center;
}
#mycart .quantity input {
    text-align: center;
    font: 11px/13px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
}



/* MY CART > TIMES
---------------------------------------- */
#mycart .times {
    text-align: center;
}



/* MY CART > PRICE
---------------------------------------- */
#mycart .price {
    text-align: center;
}



/* MY CART > EQUALS
---------------------------------------- */
#mycart .equals {
    text-align: center;
}



/* MY CART > TOTAL
---------------------------------------- */
#mycart .total {
    text-align: center;
}



/* MY CART > REMOVE
---------------------------------------- */
#mycart .remove {
    text-align: center;
}
#mycart .remove a {
    color: #4DB3D0;
    text-decoration: none;
    border-bottom: 1px solid #E9E6E3;
}
#mycart .remove a:hover {
    color: #5E331A;
    text-decoration: none;
    border-bottom: 1px solid #5E331A;
}
#mycart .notes {
    text-align: left;
}
#mycart .notes textarea {
    font: 11px/13px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #5E331A;
}



/* FOOTER
---------------------------------------- */
#footer {
    float: left;
    text-transform: lowercase;
    padding-bottom: 40px;
    width: 946px;
}
#footer div {
    float: left;
    text-transform: lowercase;
    text-align: left;
    background: #E9E6E3;
    border-left: 5px solid #4F3E33;
    border-right: 5px solid #4F3E33;
    border-bottom: 5px solid #4F3E33;
    padding: 17px 20px 14px 20px;
    width: 896px;
}
#footer p {
    font: 11px/18px "Lucida Grande", Lucida Sans Unicode, "Trebuchet MS", Arial, Sans-Serif;
    color: #C6C1BD;
    margin: 0;
    padding: 0 0 5px 0;
}
#footer span {
    color: #98908B;
    padding: 0 3px 0 3px;
}
#footer a {
    color: #98908B;
    padding: 0 3px 0 3px;
    text-decoration: none;
}
#footer a:hover {
    color: #5E331A;
    text-decoration: none;
}
#footer .selected {
    color: #5E331A;
}