/* general */
* { margin: 0; padding: 0; }
body, html { height: 100%; }
body { background: #362b24 url(images/bg-tiled.png) top center repeat-y;  }
td, p, li, a, select, input, button { font-size: 14px; font-family: "Times New Roman", Times, serif; line-height: 18px; color: #111; }
p { margin: 0 0 12px 0; }
ul { list-style: none; }
a { color: #8B5222; }
a.plain { text-decoration: none; }
button, input.btn { background: none; border: none; cursor: pointer; }
a:focus, a:active, button:focus, button:active { -moz-outline: none; outline: none; border: none; }
.hr, .hr-dark { background: #e2d4c8; width: 388px; height: 1px; border-style: none; text-align: left; clear: both; }
.hr-dark { background: #3a2c21; }
.spacer, .spacer-high { clear: both; height: 0; }
.spacer-high { height: 20px; }
.reg { font-size: 11px; vertical-align: top; }

/* colours */
.gold { color: #8B5222 !important; }
.white { color: #cbbcb2; }
.grey { color: #777; }

/* sizes */
.large { font-size: 18px; line-height: 22px; }
.medium { font-size: 14px; line-height: 18px; }
.small { font-size: 12px; line-height: 12px; }

/* layout elements */
#c { height: 100%; width: 902px; padding-left: 1px; margin: 0 auto; }
#bt, #bm, #bb { width: 900px; }
#bt { background: url(images/bg-top.jpg) bottom left no-repeat; height: 20px; }
#bb { background: url(images/bg-bottom.jpg) top left no-repeat; vertical-align: top; height: 30px; }
#bb p, #bb a { color: #cbbcb2; text-align: center; font: 9px Arial, Helvetica, sans-serif; padding: 8px 0 0 0; }
#logo, #logo-home { width: 900px; height: 174px; background: url(images/logo.png); }
#logo-home { background: url(images/logo-home.png); }
#tagline { width: 900px; height: 59px; border-bottom: 1px solid #42372d; background: url(images/for-the-feel-of-luxury-white.png); }
.content { padding: 0 0 0 20px; position: relative; }
#menu { width: 900px; height: 26px; border: 1px solid #42372d; border-width: 1px 0; background: #221507; }
#menu ul { margin-top: 4px; }
#menu li { float: left; padding-left: 18px; }
#menu a { color: #cbbcb2; text-decoration: none; font-size: 12px; }
.page { width: 900px; background: #fff; padding-bottom: 30px }

/* headers */
#header-home { background-image: url(images/titles/home-white.png); width: 531px; height: 58px; }
#header-buy-now { background-image: url(images/titles/buy-now.png); width: 532px; height: 88px; margin-bottom: 30px; }
#header-ayten-gasson { background-image: url(images/titles/ayten-gasson.png); width: 368px; height: 89px; margin-bottom: 30px; }
#header-look-good { background-image: url(images/titles/look-good-feel-better.png); width: 600px; height: 89px; margin-bottom: 30px; }
#header-liz-mcclarnon { background-image: url(images/titles/liz-mcclarnon.png); width: 367px; height: 85px; margin-bottom: 30px; position: relative; z-index: 2; }
#header-terms-and-conditions { background-image: url(images/titles/terms-and-conditions.png); width: 350px; height: 47px; margin-bottom: 30px; }
#header-contact-details { background-image: url(images/titles/contact-details.png); width: 267px; height: 46px; margin-bottom: 30px; }
#header-complete { background-image: url(images/titles/order-complete.png); width: 275px; height: 63px; margin-bottom: 20px; }
#header-cancelled { background-image: url(images/titles/order-cancelled.png); width: 293px; height: 46px; margin-bottom: 30px; }
#header-about-andrex-shea-butter { background-image: url(images/titles/about-andrex-shea-butter.png); width: 489px; height: 47px; margin-bottom: 30px; }

/* home */
.home { width: 900px; height: 316px; background: url(images/photo-home.jpg); }
#content.home .content { padding-top: 13px; }
#home-hr1 { margin: 10px 0 10px 0; width: 360px; }
#home-hr2 { margin: 5px 0 0 0; width: 360px; }
#home-p1 { width: 350px; }
#home-p2 { width: 390px; }
#win_btn { display: block; width: 88px; height: 88px; position: absolute; right: 9px; top: -136px; }
#win_btn img { border: 0; }

/* about ayten gasson */
.aag-lhc { float: left; width: 390px; margin: 0 40px 0 0; }
.aag-rhc { float: left; width: 440px; }
.aag-rhc img { float: left; width: 440px; width: 421px; height: 388px; margin-top: 5px; }

/* about LGFB */
.algfb-lhc { float: left; width: 390px; margin: 0 45px 0 0; width: 550px; }
.algfb-rhc { float: left; width: 260px; }
.algfb-rhc img { width: 260px; height: 387px; margin-top: 5px; }

/* liz photoshoot */
.liz-lhc { float: left; width: 261px; height: 458px; background: url(images/liz-bg.png); position: relative; }
.liz-rhc { float: left; width: 581px; height: 458px; }
.liz-lhc, .liz-rhc { margin: -50px 0 5px 0; }
.liz-lhc .wrap { position: absolute; top: 88px; left: 25px; }
.liz-lhc p { margin-bottom: 16px; }
.liz-rhc img { width: 581px; height: 458px; }
#liz-p1 { margin-bottom: 25px; }
#liz-price69 { width: 62px; height: 44px; float: right; margin-top: 5px; }
#liz-komono { width: 56px; height: 14px; }
#liz-asbk { width: 206px; height: 18px; }
#liz-price10 { width: 57px; height: 36px; float: right; margin-top: 10px; }
#liz-p2 { margin-top: 50px; }

/* buy now page */
#buy-hr1, #buy-hr3 { margin: 5px 0 3px 0; }
#buy-hr2 { margin: 5px 0 15px 0; }
#buy-p1 { padding-top: 2px; }
#buy-p2 { clear: left; width: 370px; padding-top: 10px; margin-left: 1px; }
#buy-p3 { clear: left; padding-top: 10px; margin-left: 1px; }
#buy-b1 { margin-top: -5px; width: 130px; }
.buy-content { padding-right: 20px; }
.sizes { border-collapse: collapse; border-spacing: 0px; width: 386px; border: 1px dashed #e2d4c8; margin: 0 0 0 1px; }
.sizes td { padding: 3px 10px 3px 12px; border-bottom: 1px dashed #e2d4c8; font-size: 13px; }
.select-form { border-collapse: collapse; border-spacing: 0px; width: 386px; margin-left: 1px; }
.select-form td { padding: 4px 0 4px 0px; border-bottom: 1px dashed #e2d4c8; font-size: 13px; }
.select-form select { width: 50px; font-size: 13px; }
.select-form td.label { width: 84px; }
.steps li { background: #C1B49A; color: #50493e; width: 128px; height: 19px; padding-top: 1px; float: left; margin-right: 2px; font-size: 11px; text-align: center; }
.steps li.selected { background: #7F624C; color: #fff; }
.button { background: #4E3323; color: #fff; text-decoration: none; display: block; width: 68px; padding: 1px 0 3px 0; margin: 6px 0 0 0; text-align: center; font-size: 13px; float: left; }
.button:hover { background: #5E4333; }
.rightbutton { float: right; margin-right: 2px; }
.buy-lhc { float: left; width: 390px; margin: 0 25px 0 0; }
.buy-rhc { float: left; width: 440px; }
.buy-rhc img { width: 429px; height: 380px; margin-top: 5px; }
.details-form { border-collapse: collapse; border-spacing: 0px; margin-left: 1px; }
.details-form td { padding: 5px 0 5px 0px; width: 310px; border-bottom: 1px dashed #e2d4c8; font-size: 13px; color: #8B5222; vertical-align: top; }
.details-form td.label { width: 130px; }
.details-form input { width: 200px; border: 1px solid #999; }
.details-form td.data { color: #111; }
.overview-form { border-collapse: collapse; border-spacing: 0px; margin-left: 1px; width: 435px; }
.overview-form td { padding: 5px 0 5px 0px; width: 385px; border-bottom: 1px dashed #e2d4c8; font-size: 13px; vertical-align: top; }
.overview-form td.label { width: 130px; color: #8B5222; }
.overview-form input { width: 200px; border: 1px solid #999; }
.order-overview-form { border-collapse: collapse; border-spacing: 0px; }
.order-overview-form td { padding: 5px 0px 5px 15px; width: 100px; background: #f3f3f3; border-bottom: 5px solid #fff; vertical-align: top; text-align: center; }
.order-overview-form td.label { width: 100px; color: #8B5222; text-align: left; }
.order-overview-form input { width: 200px; border: 1px solid #999; }
.error { display: block; color: #990000; }
#order-overview { position: absolute; right: 0; width: 380px; }

/* hide text for CSS browsers */
h1, #logo, #logo-home, #tagline { text-indent: -999px; overflow: hidden; }

/* hide javascript only elements (will be shown by JS stylesheet) */
.js-only { visibility: hidden; }