/* universal */

* {margin: 0; padding: 0;}
body {color: #707070; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:71%; line-height: 15px; margin: 0; padding:0;  }

p {margin:0 0 14px 0;}
strong {color:#000000;}

blockquote {margin:0 0 20px 40px;}
img {border:none; border-collapse:collapse;}

a { color:#000000; outline: none; text-decoration: none; }
a:hover { color:#707070; text-decoration: none; }

h1 { color: #444; font-size:160%; margin: 0 0 15px 0; }
h1.newstitle { color: #444; font-size: 25px; margin: 0 0 5px 0; }
h2 {font-size: 130%; margin: 0 0 14px 0;}
h3 {font-size:110%; margin: 0 0 15px 0;}
h3.catshdr {font-size:36px; margin: 0 0 15px 0; padding: 0;  color: #707070; }
h3.catshdr a {color: #707070; text-decoration: none;}
h3.navhdr {font-size:35px;}
h4 {font-size: 120%; margin: 0 0 20px 0;color: #333333;}
h5 {font-size: 110%; margin: 0 0 20px 0; color: #333333;}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { color: #444; }

.feature {font-size:14px; color: #000000;  display: block; float:left;}
.clear {clear: both;}
.font1down {font-size: 95%;}
.font2down {font-size: 90%;}
.font1up {font-size: 110%;}

#wrapper {margin: 0 auto; padding: 50px 0; position: relative; width: 960px;}

#wrapper #location-selector {background: url(../images/locationbtn.png) no-repeat 0 0; float: right; padding: 0 0px 0 100px; position: absolute; right: 0; top: 8px; width: 93px;}

#wrapper #location-selector select { font-size: 108%;}

* html #wrapper #location-selector {position: relative; margin: -40px 0 0 0; float: right; clear: both;}
#wrapper #location-selector a {float: left; display: block; text-indent: -9999px;}
#wrapper #location-selector a.au {background: url(../images/nav-au.gif) no-repeat; height: 9px; margin: 0 18px 0 0; width: 11px;}
#wrapper #location-selector a.au.active, #wrapper #location-selector a.au:hover {background: url(../images/nav-au-over.gif) no-repeat!important;}
#wrapper #location-selector a.nz {background: url(../images/nav-nz.gif) no-repeat; height: 9px; width: 11px;}
#wrapper #location-selector a.nz.active, #wrapper #location-selector a.nz:hover {background: url(../images/nav-nz-over.gif) no-repeat;}

#wrapper ul.nav {float: left; height: 11px; list-style: none; margin: 0 0 23px 0; padding: 0;}
#wrapper ul.nav li {background: url(/images/-nav-divider.gif) no-repeat 0 0; float: left; padding: 0 13px;}

#wrapper ul.nav li.who_is_bridget_black {padding-left: 0;}
#wrapper ul.nav li a {display: block; float: left; height: 11px; text-indent: -9999px;}
#wrapper ul.nav li.who_is_bridget_black {background: none;}

#wrapper ul.nav li.who_is_bridget_black a {background: url(/images/nav-01-whois-off.gif) no-repeat; width: 140px;}
#wrapper ul.nav li.who_is_bridget_black a:hover, #wrapper ul.nav li.who_is_bridget_black a.active {background: url(/images/nav-01-whois-on.gif) no-repeat;}

#wrapper ul.nav li.products a {background: url(/images/nav-02-products-off.gif) no-repeat; width: 53px;}
#wrapper ul.nav li.products a:hover, #wrapper ul.nav li.products a.active {background: url(/images/nav-02-products-on.gif) no-repeat;}

#wrapper ul.nav li.beauty_myths_uncovered a {background: url(/images/nav-03-myths-off.gif) no-repeat; width: 144px;}
#wrapper ul.nav li.beauty_myths_uncovered a:hover, #wrapper ul.nav li.beauty_myths_uncovered a.active {background: url(/images/nav-03-myths-on.gif) no-repeat;}

#wrapper ul.nav li.limelight a {background: url(/images/nav-04-limelight-off.gif) no-repeat; width: 54px;}
#wrapper ul.nav li.limelight a:hover, #wrapper ul.nav li.limelight a.active {background: url(/images/nav-04-limelight-on.gif) no-repeat;}

#wrapper ul.nav li.ingredients a {background: url(/images/nav-ingredients.gif) no-repeat; width: 66px;}
#wrapper ul.nav li.ingredients a:hover, #wrapper ul.nav li.ingredients a.active {background: url(/images/nav-ingredients-over.gif) no-repeat;}

#wrapper ul.nav li.stockists a {width: 55px; background: url(/images/nav-stockists.gif) no-repeat;}
#wrapper ul.nav li.stockists a:hover, #wrapper ul.nav li.stockists a.active {background: url(/images/nav-stockists-over.gif) no-repeat;}

#wrapper ul.nav li.direct-sellers a {width: 140px; background: url(/images/nav-directsellers-off.gif) no-repeat;}
#wrapper ul.nav li.direct-sellers a:hover, #wrapper ul.nav li.direct-sellers a.active {background: url(/images/nav-directsellers-on.gif) no-repeat;}

#wrapper ul.nav li.express-orders a {width: 153px; background: url(/images/nav-expressorders-off.gif) no-repeat;}
#wrapper ul.nav li.express-orders a:hover, #wrapper ul.nav li.express-orders a.active {background: url(/images/nav-expressorders-on.gif) no-repeat;}


#wrapper ul.utilitynav {float: right; height: 9px; list-style: none; margin: 2px 0 23px 0; padding: 0;}
* html #wrapper ul.utilitynav {margin-right: -100px;}
#wrapper ul.utilitynav li {background: url(/images/-nav-divider.gif) no-repeat 0 0; float: left; padding: 0 13px;}
#wrapper ul.utilitynav li a {display: block; float: left; height: 11px; text-indent: -9999px;}
#wrapper ul.utilitynav li.home {background: none;}

#wrapper ul.utilitynav li.home a {background: url(/images/nav-05-home-off.gif) no-repeat; width: 24px;}
#wrapper ul.utilitynav li.home a:hover, #wrapper ul.utilitynav li.home a.active {background: url(/images/nav-05-home-on.gif) no-repeat;}

#wrapper ul.utilitynav li.news a {background: url(/images/nav-06-news-off.gif) no-repeat; width: 25px;}
#wrapper ul.utilitynav li.news a:hover, #wrapper ul.utilitynav li.news a.active {background: url(/images/nav-06-news-on.gif) no-repeat;}

#wrapper ul.utilitynav li.contact {padding-right: 0;}
#wrapper ul.utilitynav li.contact a {background: url(/images/nav-07-contact-off.gif) no-repeat; width: 54px;}
#wrapper ul.utilitynav li.contact a:hover, #wrapper ul.utilitynav li.contact a.active {background: url(/images/nav-07-contact-on.gif) no-repeat;}

/*#topnav {padding:0 20px;height:35px;}
#topnav img{border-collapse:collapse;border:none;}


.divider {margin:0 10px;}*/

/* home ------------------------------------------------------------------------- */

#hm-header { background: url(images/hp-background.jpg) no-repeat top left; float: left; height: 340px; width: 960px; padding-top: 1px; }
#hm-header .lhc { float: left; width: 253px; }
#hm-header .rhc { float: right; width: 702px; height: 340px; position: relative; }

#hm-header h1 {background: url(images/title-welcome.gif) no-repeat; height: 45px; margin: 5px 0 6px 0; text-indent: -9999px; width: 86px;}
#hm-header h2 {background: url(images/hp-blurb.gif) no-repeat; height: 30px; margin: 0; text-indent: -9999px; width: 301px;}

#promos-wrap {width: 960px; background: url(images/promos-bg.gif) repeat-y 0 0; float: left; font-size: 110%; margin: 0 0 26px 0;}
#hm-intro {background: url(images/hp-intro-bg.gif) no-repeat bottom left; float:left; padding: 0 0 57px 0; width:297px;}

#hm-promo {color: #565656; float: left; padding: 0 30px; margin: 0 0 0 30px; text-align: center; width: 304px; }
#hm-promo img {margin-bottom: 5px;}
#hm-promo h3.hppromo {margin: 0 0 0 60px;}

#hm-utils {float:right; width:226px; }
#hm-utils form {margin-right: 15px;}
#hm-utils input {width:130px;}

#hm-header .bb-banner { position: absolute; top: 0; left: 0; width: 702px; height: 339px; z-index: 5; }
#hm-header .bb-banner.active { z-index: 9999; }


/* internal pages ------------------------------------------------------------------------- */

#in-header {background: url(images/in-hdr-bg.gif) no-repeat 0 0; float: left; height: 158px; width: 960px;}

#breadcrumbs {float: left; padding:9px 20px 9px 212px; width: 728px;}
#breadcrumbs strong{color:#000000;font-weight:normal;}
#breadcrumbs sup { font-size: 8px; }

.contentcontainer { float: left; }

#in-navigation {float: left; padding: 20px 20px 0 20px; width: 150px;}
#in-navigation ul {list-style: none; margin: 0; padding: 0;}
#in-navigation ul li {}
#in-navigation a sup { font-size: 8px; }

.in-nav a:link, .in-nav-02 a:link, .in-nav-03 a:link			{ color:#707070; text-decoration: none; }
.in-nav a:visited, .in-nav-02 a:visited, .in-nav-03 a:visited	{ color:#707070; text-decoration: none; }
.in-nav a:hover, .in-nav-02 a:hover, .in-nav-03 a:hover			{ color:#000000; text-decoration: none; }
.in-nav a:active, .in-nav-02 a:active, .in-nav-03 a:active		{ color:#707070; }
.in-nav {padding:4px 0;background:url(/images/-bullet-02.gif) right no-repeat;}
.in-nav-01 {padding:4px 0;font-weight:bold; color:#000000;border-bottom:#c9cdd0 solid 1px;background:url(/images/-bullet-02.gif) right no-repeat;}
.in-nav-02 {padding:3px 0 3px 8px;border-bottom:#c9cdd0 solid 1px;background:url(/images/-bullet-02.gif) left no-repeat;}
.in-nav-03 {padding:3px 0 3px 8px;border-bottom:#c9cdd0 solid 1px;background:#f3f3f3 url(/images/-bullet-02.gif) left no-repeat;}

#in-content {border-left: #c9cdd0 solid 1px; float: right; padding: 20px 0 45px 20px; width: 749px;}
#in-content ul {margin: 0 0 15px 15px;}
#in-content ol {margin: 0 0 15px 18px;}
#in-content sup { font-size: 8px; }

.in-content-intro {float: left;  width: 740px; padding: 0; margin: 0 0 30px 0;}

/* products ------------------------------------------------------------------------- */

.in-content-intro img {float: left; padding:0 30px 0 15px; width: 160px; }
.content-blurb {float: left; width: 500px;}

.in-product-image {float:left; width: 160px; padding:0 30px 0 0;}
.in-product-image img {width: 160px;}

.in-product {border-bottom: 1px dotted #d1d1d1; border-right: 1px dotted #d1d1d1; float: left; margin: 0 0 5px 0; padding: 5px 5px 10px 15px; height: 240px; position: relative; width: 130px;}
.in-product .title {font-weight: bold; display: block; height: 17px; }
.in-product .more {background: url(/images/-bullet-01.gif) no-repeat right center; padding: 0 15px 0 0}
.in-product .price {margin: 0;  }

.in-product .buy {border: 1px solid #d1d1d1; background: #ababab; color: #fff; font-size: 80%; text-transform: uppercase; padding: 2px 4px; position: absolute; bottom: 8px; left: 13px;}
.in-product .sold {border: 1px solid #d1d1d1; background: #000; color: #ccc; font-size: 80%; text-transform: uppercase; padding: 2px 4px; position: absolute; bottom: 8px; left: 13px;}
* html .in-product .buy, * html .in-product .sold {bottom: 0px;}
.in-product img.productimg {height: 120px; width: 120px; margin: 0 0 5px 0; }


.in-product-buynow {padding:5px 0 0 0;font-size:14px; font-weight:bold;border-top:#c9cdd0 solid 1px;}
.in-product-addtobasket {float: left; width: 720px; padding:10px 0; border-bottom: #c9cdd0 solid 1px; border-top: #c9cdd0 solid 1px; margin: 15px 0 0 0;}
.in-product-addtobasket img {margin: 0 5px 0 0;}

.in-product-name {padding: 0;   margin: 0 0 5px 0; float: right; width: 550px;}
.in-product-name h2 {font-size: 165%; color: #000000;}
.in-product-name h3 {font-size: 155%; font-weight: normal;color: #000000; margin: -5px 0 5px 0;}
.in-product-name h4 {font-size: 155%; font-weight: normal;color: #000000; margin: 0; line-height: 110%;}

.in-product-basket-item {padding: 20px 0;}
.in-product-basket-item img {width: 120px; height: 120px;}
.in-product-basket-item-details {float:right;width:600px;margin:45px 0 0 0;font-size:12px; line-height:16px; color:#000000;}
.in-product-checkout-item {font-size:14px; line-height:16px; color:#000000;/*margin:20px 0;*/ margin:0 0 20px 0; width:100%;}
.imageright {padding-left:10px;float: right;}

/*.productheaders table td {padding: 0 15px 0 0;}*/
.productheaders table img {width: 233px; cursor:pointer;}
/*.productheaders p{cursor:pointer;}*/

table#productholder {margin: 10px 0 0 0; width: 580px;}

#paymentblock {background: #e8e8e8; float: right; padding: 20px 20px 40px 20px; width: 315px;}
#paymentblock .checkbox { width: 20px; }
#billingdetails {clear:left; float:left; background:#e8e8e8; width:315px; padding:20px; height:535px;}
#ccdetails {float:left; clear:right; background:#e8e8e8; width:315px; margin-bottom: 10px; padding:20px; height:250px;}
#billingdetails input, #paymentblock input, #ccdetails input, #billingdetails select, #paymentblock select, #ccdetails select  {width:250px;}
#ccdetails select.date  {width:60px;}
#invoicedetails {background:#e8e8e8; padding:20px; height:300px;clear:both;width:600px;}

/** Product Listing section landing page **/
.subcatslisting { width: 730px;  float: left;}
.subcatslisting.lastrow { border-bottom: none; }
.subcatslisting .category {border-bottom: 1px dotted #d1d1d1; border-right: 1px dotted #d1d1d1;  float: left; height: 150px; padding: 5px 5px 10px 5px;  text-align: center;  width: 134px;}
.subcatslisting .category img {height: 120px; width: 120px; margin: 4px 0 0 5px;}
.subcatslisting .category.last { border-right: none; }
.subcatslisting .category h4 { display: inline; font-size: 130%; color: #000000; background-color: #FF0000; }
.subcatslisting .cattitle { font-weight: bold;  background: url(/images/-bullet-01.gif) no-repeat 5px 2px; padding: 0 0 0 20px; }

.subcatslisting a { font-weight: bold; }

.newsteaser { display: block; border-top: 1px solid #d4d4d4; padding: 14px 0; }
.newsteaser .teasercontainer { display: block; background: url(/images/news-teaser-dottedbreak.gif) repeat-y top left; }
.teasercontainer .thumbnail { display: block; float: left; width: 155px; text-align: center; }
.teasercontainer .description { display: block; float: left; color: #000000; width: 540px; width/**/:/**/ 523px; padding-left: 17px; }
.teasercontainer .description .date { color: #707070; font-weight: bold; }
.teasercontainer .description h1 { font-size: 20px; letter-spacing: -1px; color: #000000; margin: 2px 0 20px 0; }
.teasercontainer .description .findoutmore { margin-top: 35px; }

.backto {background: url(/images/subcatslisting-bg.gif) repeat-x top left; display: block; margin-top: 15px; padding-top: 15px;  }
.sourced { float: right; margin-right: 10px; }
.newsdate { display: block; font-weight: bold; margin-bottom: 20px; }

.rightnews { float: right; }

/* order confirmation page -------------------------------------------------------- */

table.briefSummary {margin: 30px 0;}
table.briefSummary td {padding: 5px;border-bottom: #d4d4d4 solid 1px;}

table.deliverySummary {margin: 30px 0;}
table.deliverySummary th {text-align: left;color: #fff; background: #ababab;padding: 5px;}
table.deliverySummary td {padding: 5px;border-bottom: #d4d4d4 solid 1px;}

table.orderSummary {margin: 30px 0; }
table.orderSummary th { color: #fff;background: #ababab; padding: 5px;}
table.orderSummary td {padding: 5px; border-bottom: #d4d4d4 solid 1px;}
table.orderSummary tr.makeGap td {padding-top: 30px;}

.pr {padding-right: 90px!important;}
table.deliverySummary th.pr {text-align: right!important; padding-right: 0!important;}

/* footer ------------------------------------------------------------------------- */

#footer {border-top:#c9cdd0 solid 1px; padding: 10px 20px 0 0;}
#footer sup { font-size: 9px; }
#footer a {color: #707070; text-decoration: none;}
#footer p {margin:0;}
#footer ul {float: right; list-style: none; margin: 0; padding: 0;}
#footer ul li {float: left; margin: 0 0 0 12px;}
#footer ul li a {float: left;}
#footer ul li a:hover { color: #000; }