body{ background: #000 url(../images/body_bg.jpg) no-repeat top center ; font-family:Arial, Helvetica, sans-serif ; }

/* top links */
#basket-and-links{ position: absolute; top: 0 ; height: 45px ; line-height: 45px ; overflow: hidden ; padding: 0 20px ; background: #000 ; }
#basket{ float: left ; height: 45px ; line-height: 45px ; width: 330px ; }
#information-links{ float: right ; height: 45px ; line-height: 45px ; width: 530px ; text-align: right ; color: #656565 ; font-weight: bold ; font-size: 70% ; }
#information-links a{ color: #656565 ; text-decoration: none ; }
#information-links a:hover{ text-decoration: underline ; }

/* header */
#header{ padding-bottom: 10px ; overflow: hidden ; }
#header h1{ height: 85px ; width: 350px ; float: left ; background: url(../images/logo.png) no-repeat ; text-indent: -9999px ; }
#header h1 a{ display: block ; height: 85px ; outline: none ; }
#strapline{ height: 25px ; line-height: 25px ; margin: 25px 0 5px 0 ; width: 300px ; float: right ; color: #BEAA4B ; font-size: 140% ; text-align: right ; clear: right ; text-transform: uppercase ; }
#lang { display: inline ; float: right ; height: 20px ; margin-top: 10px ; }
#lang select{ padding: 2px ; }

/* banner */
#banner{ display: block ; }

/* searchbar */
#search-bar{ height: 50px ; background: url(../images/search_bar.png) no-repeat ; padding: 3px 10px 0 10px ; overflow: hidden ;  }
#search-bar form label{ display: block ; font-size: 75% ; color: #BEAA4B ; font-weight: bold ; text-transform: uppercase ; }
form#search{ float: left ; display: inline ;  }
form#search button{ border: 0 ; background: #333 ; color: #ccc ; padding: 3px ; font-size: 70% ; font-weight: bold ; }
form#search input{ padding: 1px 5px 3px 5px ; border: 0 ; border-top: 2px solid #ccc ; font-size: 70% ; margin-top: 5px ; }
form#login{ float: right ; display: inline ; }
form#login button{ border: 0 ; background: #333 ; color: #ccc ; padding: 3px ; font-size: 70% ; font-weight: bold ; }
form#login input{ padding: 1px 5px 3px 5px ; border: 0 ; border-top: 2px solid #ccc ; font-size: 70% ; margin-top: 5px ; }
#account-btns{ float: right ; display: inline ; margin-top: 15px ; }
#account-btns button{ border: 0 ; background: #333 ; color: #ccc ; padding: 3px ; font-size: 70% ; font-weight: bold ; }

/* ctas */
.cta{ width: 260px ; height: 150px ; float: left ; overflow: hidden ;  }
.cta.first{ padding-right: 21px ; background: url(../images/cta_devider.bmp) no-repeat right ; }
.cta.second{ margin: 0 19px 0 19px ; }
.cta.third{ padding-left: 21px ; background: url(../images/cta_devider.bmp) no-repeat left ; }
.cta.third h3{ position:relative ; top: -130px ; color: #BEAA4B ; font-size: 150% ; padding-left: 20px ; }
.cta.third h4{ position:relative ; top: -125px ; color: #656565 ; font-size: 70% ; padding-left: 20px ; }
.cta p{ position: relative ; top: -60px ; left: 1px ; width: 218px ; padding: 0 20px ; height: 40px ; line-height: 40px ; background: url(../images/cta_strapline.jpg) no-repeat ; text-transform: uppercase ; }
.cta a{ color: #BEAA4B ; text-decoration: none ; }
.cta p a{ display: block ; height: 40px ; line-height: 40px ; }

/* footer */
#footer{ height: 60px ; background: url(../images/footer_bg.png) no-repeat ; padding: 20px ;}
#footer .gift-ideas{ float: left ; width: 240px ; margin-right: 20px ;  }
#footer .gift-ideas ul{ float: left ; width: 95px ; list-style: disc ; padding-left: 15px ; color: #999 ; font-size: 70% ; margin-top: 0 ; }
#footer .gift-ideas ul li a{ color: #999 ; text-decoration: none ; line-height: 15px ;  }
#footer .latest-news{ float: left ; width: 240px ; margin-right: 20px ;  }
#footer .latest-news p{ color: #999 ; font-size: 70% ; line-height: 15px ; margin-top: 5px ; }
#footer .latest-news p a{ color: #999 ; text-decoration: none ;  }
#footer .gifts{ float: left ; width: 240px ; margin-right: 20px ;  }
#footer .gifts ul{ float: left ; width: 50% ; margin-top: 5px ; }
#footer .gifts ul a{ color: #999 ; text-decoration: none ; font-size: 70% ;}
#footer .newsletter{ float: left ; width: 260px ;  margin: 0 20px ; }
#footer .newsletter p{ color: #999 ; font-size: 70% ; line-height: 15px ; padding: 2px 0 ; }
#footer .contact{ float: left ; width: 240px ; margin-left: 20px ; text-align: right ; }
#footer .contact p{ color: #999 ; font-size: 70% ; line-height: 15px ; }
#footer .contact a{ color: #999 ; text-decoration: none ; }
#footer #social-links { line-height: 30px ; }
#footer #social-links a{ margin-left: 5px ; }
#footer h2{ color: #BEAA4B ; font-size: 90% ; text-transform: uppercase ; }
form#newsletter input{ padding: 1px 5px 3px 5px ; border: 0 ; border-top: 2px solid #ccc ; font-size: 70% ; margin-top: 5px ; }
form#newsletter button{ border: 0 ; background: #333 ; color: #ccc ; padding:3px ; font-size: 70% ; font-weight: bold ; }

/* sub footer */
#sub-footer{ border-top: 1px solid #333 ; margin-top: 20px ; height: 25px ; line-height: 25px ; color: #bbb ; font-size: 70% ; min-height: 50px ; }
#sub-footer a{ color: #bbb ; text-decoration: none ; }
#sub-footer span{ margin-left: 530px ; }

/* basket */
#basket{ color: #656565 ; font-weight: bold ; font-size: 70% ; }
#basket.basket{ background: url(../images/basket.png) no-repeat 0 12px ; }
#basket span{ padding-right: 10px ; line-height: 25px ; }
#basket span.items{ padding-left: 25px ; }
#basket strong{ color: #BEAA4B ; }
#basket a{ color: #BEAA4B ; text-decoration: none ; }

/* misc */
.clearer{ clear: both ; }
br{ line-height: 20px ; }
pre{ color: #fff ; }
button{ cursor: pointer ; }
a.button{ font-size: 60% ; color: #fff ; background: #333 ; padding: 2px 5px ; }
#add-basket-btn{  color: #fff ; background: #333 ; padding: 10px 15px ; border: 0 ; font-weight: bold ; font-size: 100% ;  }
.form-error, .err{ font-size: 80% ; font-weight: bold ; color: #f30 ; margin-bottom: 10px ; }

#home-strap{ float: right ; color: #fff ; position: relative ; margin-top: -300px ; font-size: 140% ; font-weight: bold ; margin-right: 20px ; text-align: right ; }
#home-sub-strap{ float: right ; color: #fff ; position: relative ; margin-top: -230px ; font-size: 120% ;  margin-right: 20px ; text-align: right ; }

#inner-strap{ float: right ; color: #fff ; position: relative ; margin-top: -170px ; font-size: 170% ; font-weight: bold ; margin-right: 20px ; text-align: right ; }
#inner-sub-strap{ float: right ; color: #fff ; position: relative ; margin-top: -140px ; font-size: 120% ;  margin-right: 20px ; text-align: right ; }