@import url("forms.css");
/* PUKKA HERBS */
/* CB = Changed below */

body {margin: 0; padding: 0; font: 76%/1.4em Verdana, Arial, Helvetica, sans-serif; background: #DCD8BA url(../images/body_bg.jpg) repeat-x 0 0; text-align: center;}

h1 {margin: 0 0 15px 0; padding: 0; font-size: 1.5em; color: #666666; font-weight: normal;}
h2 {margin: 0 0 15px 0; padding: 0; font-size: 1.1em; color: #333333;}
h3 {margin: 0; padding: 0; font-size: 1em; color: #333333;}
.shopping h1, .loginRegister h1 {margin: 0 0 15px 0; padding: 0; font-size: 1.9em/*21px*/; color: #ED6300; font-weight: normal;}
.related h2 {padding: 0; font-size: 1.4em; color: #666666;}
.shopping h2, .loginRegister h2 {margin: 0 0 20px 0; padding: 0; font-size: 1.5em; font-weight: normal; color: #666666; letter-spacing: 0.025em;}
.shopping h3, .loginRegister h3 {margin: 0 0 20px 0; padding: 0 0 5px 0; font-size: 1.5em; font-weight: normal; color: #666666; letter-spacing: 0.025em; border-bottom: 1px solid #CCCCCC;}

img {border: none;}

a {color: #227CA8; text-decoration: underline;}
a:visited {}
a:hover {text-decoration: none;}
a:active {}

hr {display: block; width: 100%; margin: 0; padding: 0; height: 1px; background-color: #CCCCCC; border: none;}

#container {float: left; width: 100%; background: url(../images/bg.jpg) no-repeat center -4px; min-width: 818px; margin: 0; padding: 0; text-align: left;}
*+html #container {background-position: center top!important;}
* html #container {background-position: center top!important;}
#cointainerInner {width: 818px; margin: 0 auto;}

#header {float: left; width: 818px; height: 163px;}
* html #header {height: 162px;}
.logo {float: left; width: 300px; padding: 11px 0 24px 14px;}
* html .logo {padding-bottom: 19px;}

.search {float: right; width: 300px; text-align: right; padding: 30px 0 0 0;}

.mainNav {float: left; width: 818px; clear: both; background: url(../images/nav_bg.gif) repeat-x bottom left; padding-bottom: 5px; white-space: nowrap;}
*+html .mainNav {z-index: 100; position: relative; margin-top: 4px;}
* html .mainNav {padding-top: 4px; margin-top: 0;}
.mainNav ul {margin: 0; padding: 0; list-style: none;}
.mainNav li {display: inline;}
.mainNav li {display: inline; background: url(../images/left_tab.jpg) no-repeat 0 0; padding: 6px 0 6px 4px;}
* html .mainNav li {background-position: 0 5px;}
.mainNav a {background: url(../images/right_tab.jpg) no-repeat top right; padding: 7px 16px 6px 12px; text-decoration: none; font-weight: bold; font-size: 0.9em; color: #666053;}
*+html .mainNav a {padding-top: 9px;}
.mainNav a:hover {color: #FD7821;}
.mainNav .first {}
.mainNav .last {}
.mainNav .current {background: url(../images/left_tab_current.jpg) no-repeat 0 0; padding-bottom: 7px; z-index: 100; position: relative;}
.mainNav .current a {background: url(../images/right_tab_current.jpg) no-repeat top right; padding-bottom: 7px; color: #ED6300;  z-index: 100;}
* html .mainNav .current {background-position: 0 5px;}

#wrapper {float: left; width: 818px; background: #FCFBF6 url(../images/page_bg2.jpg) no-repeat center top; border-bottom: 1px solid #CCC; margin-top: 20px;}
* html #wrapper {margin-top: 0;}

.breadcrumb {float: left; width: 798px; padding: 12px 10px 8px 10px; font-size: 0.9em; text-transform: lowercase;}
.breadcrumb ul {margin: 0; padding: 0; list-style: none;}
.breadcrumb li {display: inline;}
.breadcrumb a {color: #000000; background: url(../images/breadcrumb_arrow.gif) no-repeat top right; padding-right: 10px; margin-right: 2px;}
.breadcrumb .current a {color: #666666; font-weight: bold; text-decoration: none;}
.breadcrumb .first {text-transform: capitalize;}
.breadcrumb .last a {background: none; padding: 0;}

#outer {position: relative; width: 607px; margin-left: 211px;}
#inner {float: left; width: 607px;}
#center {float: right; width: 607px;}

#center .content {float: left; width: 590px; padding: 12px 15px 0 0;}
*+ html #center .content {padding-bottom: 50px;}

#center .content p {line-height: 1.6em;}
#center .content .heading {margin: 0 0 15px 0; padding: 0; font-size: 1.3em; color: #666666; font-weight: bold;}

#outerHome {position: relative; width: 403px; margin-left: 211px;}
#outerHome #inner {float: left; width: 403px;}
#outerHome #center {float: right; width: 403px;}
#outerHome .content {float: left; width: 403px; padding: 36px 0 0 0;}

#outerHome #left .content, #outerHome #right .content {padding-top: 36px;}

.date {display: inline; font-size: 0.9em; color: #666666;}
.author {display: inline; font-size: 0.9em; color: #666666; font-size: 0.9em; background: url(../images/divider.gif) no-repeat 0 2px; padding-left: 10px; margin-left: 6px;}
.author a {color: #666666; text-decoration: none; display: inline;}
.author a:hover {text-decoration: underline;}

.printSaveEmail {font-size: 0.9em;}
.printSaveEmail ul {margin: 0; padding: 0; list-style: none;}
.printSaveEmail li {display: inline; background: url(../images/divider.gif) no-repeat 0 2px; padding: 0 0 0 10px; margin-left: 6px;}
.printSaveEmail a {color: #666666; text-decoration: none;}
.printSaveEmail a:hover {text-decoration: underline;}
.printSaveEmail .author a:hover {text-decoration: underline;}
.printSaveEmail .first {background-image: none; margin: 0; padding: 0;}
.printSaveEmail .last {}

.relatedProducts {float: right; width: 175px; clear: left; border: 1px solid #CCCCCC; padding: 10px 10px 20px 10px; margin: 0 0 0 10px; background-color: #F9F9F1; line-height: 1.3em; text-align: center;}
.relatedProducts .heading {float: right; width: 175px; font-weight: bold; font-size: 1.1em; margin-bottom: 20px;}
.relatedProducts .product {float: right; width: 175px; font-size: 0.9em; margin-bottom: 10px; background-color: #FCFBF6; padding-bottom: 5px;}
.relatedProducts .image {float: left; width: 175px; height: 200px;}
.relatedProducts .titleTeaser {float: left; width: 175px;}
.relatedProducts .title {float: left; width: 175px; font-weight: bold; font-size: 1.5em; margin-bottom: 5px; font-family: "Trebuchet MS", Verdana, sans-serif; word-spacing: 0.05em;}
.relatedProducts .title a {color: #000000; text-decoration: none;}
.relatedProducts .title a:hover {text-decoration: underline;}
.relatedProducts .teaser {float: left; width: 175px;}
.relatedProducts .details {float: left; width: 175px; margin: 5px 0 7px 0; font-weight: bold; font-size: 1em;}
.relatedProducts .details .info {color: #000000;}
.relatedProducts .details .price {color: #666666;}
.relatedProducts .link {float: left; width: 175px;}
.relatedProducts .link a {font-weight: bold; font-size: 0.9em; color: #000000;}

.inpageAdvert {float: left; width: auto; background-color: #F9F9F1;}
.inpageAdvert img {margin: 5px 10px 5px 0; padding: 8px;}

.channelFeatured {float: left; width: 414px; padding-right: 164px; margin-bottom: 10px;}
.channelFeatured .text {float: left; width: 220px; padding: 79px 0 0 18px; margin: 0; font-size: 0.9em;}
.channelFeatured .text .link {float: left; width: 220px; font-weight: bold; padding: 0; margin: 10px 0 0 0;}
.channelFeatured .text .link  a {color: #000000; text-decoration: none;}
.channelFeatured .text .link  a:hover {text-decoration: underline;}
.channelFeatured .image {float: right; width: 160px; margin: 0; padding: 0;}

.productListing {float: left; width: 578px; text-align: left; font-size: 0.9em; margin-bottom: 35px;}
*+ html .productListing {margin-bottom: 0;}
.productListingWrapper {float: left; width: 578px; text-align: center;}
.productListingWrapper .image {float: left; width: 175px; height: 200px; margin-right: 22px; /*background-color: #F9F9F1;*/ margin-bottom: 5px;}
.productListingWrapper .titleTeaser {float: left; width: 175px; margin-right: 22px;}
.productListingWrapper .title {float: left; width: 175px; font-weight: bold; font-size: 1.5em; margin-bottom: 5px; font-family: "Trebuchet MS", Verdana, sans-serif; word-spacing: 0.05em;}
.productListingWrapper .title a {color: #000000; text-decoration: none;}
.productListingWrapper .title a:hover {text-decoration: underline;}
.productListingWrapper .teaser {float: left; width: 175px;}
.productListingWrapper .details {float: left; width: 175px; margin: 5px 22px 7px 0; font-weight: bold; font-size: 1em;}
.productListingWrapper .details .info {color: #000000;}
.productListingWrapper .details .price {color: #666666;}
.productListingWrapper .link {float: left; width: 175px; margin-right: 22px;}
.productListing .right {float: right; margin-right: 0!important;}

.productDetails {float: left; width: 590px; margin: -15px 0 35px 0;}
.productDetails .image {float: left; width: 175px; height: 200px; padding-top: 20px;}
*+html .productDetails {padding-bottom: 16px;}
.alert .price {color: #FF0000!important;}
.productPageLogos {float: left; width: 590px; padding: 0 0 12px 0; text-align: right; border-bottom: 1px solid #D7D1AA; margin: -20px 0 15px 0;}
*+html .productPageLogos {margin-top: -36px;}
* html .productPageLogos {margin-top: -36px; z-index: 100; position: relative;}
.productPageLogos img {margin-left: 20px;}
.productSubHeading {display: block; margin: 5px 0 25px 0; color: #7E7E7E; font-weight: bold; font-size: 0.9em;}
.tagline {float: left; width: 670px; margin: -15px 0 15px 12px;}
*+html .tagline {margin-bottom: 0;}

.productInfo {float: left; width: 240px; text-align: center; background: url(../images/glow.jpg) no-repeat center top; overflow: hidden;}
.pledgeBox {float: right; width: 138px; margin-left: 15px; border: 1px solid #D4D0C8; background-color: #F5F2E3; padding: 10px 10px 20px 10px;}
.pledgeBox h2 {color: #FF9900; font-size: 1.1em;}
.pledgeBox ul {margin: 0; padding: 0; list-style:none;}
.pledgeBox li {display: block!important; background: url(../images/tick.gif) no-repeat 0 5px; padding: 3px 0 3px 15px; font-size: 1.1em;}
.helpline {float: left; width: 370px; padding-left: 220px; margin: 20px 0 30px 0; background: url(../images/phone-icon.gif) no-repeat 190px 4px; font-size: 0.9em; color: #4A4A4A;}
.helpline .help {font-size: 1.3em; font-weight: bold; color: #666;}
.helpline .tel {font-size: 1.3em; font-weight: bold; color: #000;}
.productDetails .details {float: left; width: 240px; margin: 10px 0 0 0; font-weight: bold; font-size: 1em;}
.productDetails .details .info {color: #4A4A4A;}
.productDetails .details .price {color: #666666; margin-left: 5px;}
.productDetails .add {float: left; width: 100%; margin: 20px 0;}
.productDetails .delivery {float: left; width: 100%; color: #666; font-size: 0.9em; line-height: 1.2em;}
.productDetails .links {float: left; width: 240px; margin: 10px 0; padding: 0; list-style: none; font-size: 0.9em;}
.productDetails .links ul {float: left; width: 240px; text-align: center!important; line-height: 1.6em;}
.productDetails .links li {display: inline;}
.productDetails .links li a {margin: 0 5px;}
.productDetails li  a {color: #FF6600;}
.productDetails .moreInfo {float: left; width: 200px; background-color: #F5F2E3; padding: 5px; font-size: 0.9em; line-height: 1.3em; margin: 0 15px; color: #666;}
* html .productDetails .moreInfo {margin: 0 0 0 10px;}
.productDetails .moreInfo a {color: #000000;}

.productText {float: left; width: 590px; font-size: 0.9em;}
.productText p {margin: 0 0 15px 0;}
.productText h2 {margin: 0; padding: 0;}
.productDetails .productText ul {margin-bottom: 20px;}

.generalInformation {float: left; width: 558px; background-color: #F3F3F3; padding: 10px; margin-bottom: 20px; font-size: 0.9em; line-height: 1.4em;}
.generalInformation .title {font-weight: bold; font-size: 1.2em;}

.fieldToShelf {float: left; width: 578px; margin-bottom: 40px; font-size: 0.9em; line-height: 1.4em;}
.fieldToShelf .image {float: left; width: 65px; margin-right: 10px;}
.fieldToShelf .text {float: left; width: 483px; padding: 10px; background-color: #F3F3F3;}
.fieldToShelf .title {font-weight: bold; font-size: 1.2em; margin: 0; padding: 0;}

.related {float: left; width: 578px; font-size: 0.9em; margin: 0 0 70px 0;}
* html .related {margin: 0 0 55px 0;}
*+html .related {margin-top: 35px;}
.related .heading {float: left; width: 578px; font-weight: bold; margin: 3px 0 17px 0!important; color: #666666; font-size: 1.1em!important;}
.related .featured {float: left; width: 578px; margin: 0 0 5px 0;}
.related .featured .title {float: left; width: 578px; margin: 0 0 0 0;}
.related .featured .teaser {float: left; width: 578px; margin: 0 0 10px 0; padding: 0!important;}
.related .featured .teaser p {margin: 0 0 10px 0;}
.related ul {float: left; width: auto; margin: 0; padding: 0; list-style: none;}
.related a {font-weight: bold;}
.related a:hover {}
.related .link {float: left; width: 578px; margin: 20px 0 30px 0;}
.related .reviewLink {float: left; width: 578px; margin: 0 0 30px 0;}

.listingBlock {float: left; width: 100%; margin: 0;}
.listingBlock h2 {font-size: 1.1em; margin: 30px 0 5px 0;}
.listingBlock .paginate {margin: 0 0 15px 0; text-align: left;}
.listingBlock .listingItem {margin-bottom: 15px;}
.listingBlock .listingItem .heading {margin: 0!important;}
.listingBlock .listingItem .heading a {font-size: 0.9em;}
.listingBlock .listingItem .intro {font-size: 0.9em; margin: 5px 0;}

.itemsPaginate {float: left; width: 578px; margin: 35px 0;}
.itemsPaginate h2 {font-size: 1em; margin: 0; color: #666666;}
.itemsPaginate .paginate {text-align: left; margin: 0 ;}

.paginate {float: left; width: 578px; text-align: right; margin: 0 0 60px 0; font-size: 0.9em; color: #CFCFCF; font-weight: bold;}
.paginate ul {margin: 0; padding: 0; list-style: none;}
.paginate li {display: inline; margin-right: 5px;}
.paginate a {color: #878787;}
.paginate a:hover {}
.paginate .first {}
.paginate .last {margin-right: 0;}
.paginate .current {color: #ED6300;}
.paginate .current a {color: #ED6300; text-decoration: none;}

.baseLogos {float: left; width: 798px; padding: 10px 0; text-align: right;}
.baseLogos img {padding: 0 5px;}

.homeTop {float: left; width: 394px;}
.homeTop .image {float: left; width: 394px;}
* html .homeTop .imageText {margin: -195px 0 0 8px;}
.homeTop .imageText a {color: #FFFFFF;}
.homeTop .text {float: left; width: 372px; padding: 20px 11px; font-size: 1em;}

/*.homeTop .topText, .sectionTop .topText, .channelTopText, */.categoryTopText {float: left; width: 100%; margin: 0 0 15px 0; color: #FFFFFF; line-height: 1.2em; font-size: 18px; font-weight: bold;}
.homeIntro {float: left; width: 136px; /*!THE PREVIOUS WIDTH CRASHES DREANWEAVER! IF THE HOME.HTM IS OPENED*/ margin: -205px 0 0 16px; color: #FFFFFF; font-size: 18px; line-height: 1.2em;}
* html .homeIntro {margin-left: 10px;}
*+html .homeIntro {font: 12px Verdana, Arial, Helvetica, sans-serif!important;}
.sectionIntro {float: left; width: 136px; color:#FFFFFF; font-size: 14px; line-height: 1.2em;}

.sectionTop {float: left; width: 578px; margin-bottom: 14px; margin-top: 4px;}
.sectionTop .imageText {float: left; width: 394px;}
.sectionTop .image {float: left; width: 394px; margin: 0;}
.sectionTop .text {float: left; width: 136px; margin: -205px 0 0 16px; color: #FFF;}
* html .sectionTop .text {margin-left: 8px;}
* html .sectionTop .imageText {margin: 0;}
.sectionTop .imageText a {color: #FFFFFF;}
.sectionTop .refine {float: right; width: 149px; padding: 10px 12px 15px 12px; font-size: 0.9em; border: 1px solid #D0C99F;}
.sectionTop .refine a {color: #000000;}
.sectionTop .refine .current a{font-weight: bold; text-decoration: none;}
.sectionTop .category, .sectionTop .channel {background-color: #E9E7D0;}
.sectionTop .refineHeading {float: left; width: 151px; margin-bottom: 5px; font-weight: bold;}
.sectionTop .refine ul {float: left; width: auto; margin: 0; padding: 0; list-style: none;}

.intro {float: left; width: 578px; font-size: 1em; margin: 0 0 15px 0;}
*+html .intro {margin-bottom: 25px;}

.homeFeatured {float: left; width: 403px; color: #665D55;}
.homeFeatured .left, .homeFeatured .right {width: 169px; height: 214px; padding: 17px 16px 18px 12px; background: url(../images/features_box_bg.jpg) no-repeat 0 0; text-align: center;}
.homeFeatured .left {float: left;}
.homeFeatured .right {float: right;}
.homeFeatured .content {float: left; width: 169px!important; height: 214px; overflow: hidden; padding: 0!important; margin: 0!important;}
.homeFeatured .content .heading, .homeFeatured .offerHeading {float: left; width: 169px; font-size: 1.1em!important; font-weight: bold; margin: 0!important; padding: 0!important; color: #FD7821!important;}
.productListingWrapper .offerHeading {float: left; width: 175px; color: #FD7821!important; margin: 0 22px 0 0; font-size: 1.1em!important; font-weight: bold;}
.productListingWrapper .offerHeadingEmpty {float: left; color: #FD7821!important; width: 175px; margin: 0 22px 0 0; font-weight: bold; font-size: 1em; height: 1px; overflow: hidden;}
.homeFeatured .image {float: left; width: 169px; height: 112px;}
.homeFeatured .title {float: left; width: 169px; font-size: 0.9em;}
.homeFeatured .title a {color: #665D55; font-weight: bold; text-decoration: none;}
.homeFeatured .title a:hover {text-decoration: underline;}
.homeFeatured .teaser {float: left; width: 169px; font-size: 0.9em; line-height: 1.3em;}
.homeFeatured .addToBasket {float: left; width: 169px; margin-top: 3px;}
.homeFeatured .addToBasket a {color: #000000; background: url(../images/add_icon.gif) no-repeat 0 0; padding-left: 20px; font-size: 0.9em; font-weight: bold;}

.homeFeaturedNews {float: left; width: 399px; margin: 35px 0 30px 0;}
.homeFeaturedNews .left {float: left; width: 180px;}
.homeFeaturedNews .right {float: right; width: 192px;}
.homeFeaturedNews .right .heading {float: left; width: 192px; font-weight: bold; margin-bottom: 10px; font-size: 1.1em;}
.homeFeaturedNews .right .heading a {color: #676767; border-bottom: 1px solid #676767; text-decoration: none;}
.homeFeaturedNews .right .heading a:hover {text-decoration: none; border-bottom: 0px solid #676767;}
.homeFeaturedNews .right .teaser {float: left; width: 192px; font-size: 0.9em; margin-bottom: 10px; font-size: 0.9em;}
.homeFeaturedNews .right .link {float: left; width: 192px; font-size: 0.9em; font-weight: bold;}

.featuredLinks {float: left; width: 399px; margin: 35px 0 50px 0;}
.featuredLinks .top {float: left; width: 399px; background: url(../images/nav_bg_box.gif) repeat-x bottom left; margin: 0; padding: 0 0 5px 0;}
* html .featuredLinks .top {padding: 6px 0;}
.featuredLinks ul {margin: 0; padding: 0; list-style: none;}
.featuredLinks .top li {display: inline; background: url(../images/left_tab_box.gif) no-repeat 0 0; padding: 6px 0 6px 4px;}
* html .featuredLinks .top li {padding: 0 0 0 4px;}
.featuredLinks .top li a {background: url(../images/right_tab_box.gif) no-repeat top right; padding: 7px 16px 6px 12px; text-decoration: none; color: #000000; font-weight: bold;}
.featuredLinks .top li a:hover {color: #E67300;}
.featuredLinks .top .current {background-image: url(../images/left_tab_box_current.gif); padding-bottom: 7px;}
.featuredLinks .top .current a {background-image: url(../images/right_tab_box_current.gif); padding-bottom: 7px; color: #E67300;}
.featuredLinks .links {float: left; width: 375px; padding: 20px 12px; background-color: #FFFFFF; border: 1px solid #000000; border-top: none; font-size: 0.9em; line-height: 1.7em; color: #666666;}
* html .featuredLinks .links {margin-bottom: 20px;}
.featuredLinks .links a {}
.featuredLinks .links a:hover {}
.featuredLinks .links .link {float: left; width: 375px; font-weight: bold; margin: 20px 0 5px 0;}

.shopping {float: left; width: 682px; padding: 58px 68px; margin-top: -1px; border-top: 1px solid #CCCCCC;}
* html .shopping {margin-top: 0;}
.shopping table {font-size: 0.9em;}
.shopping table caption {font-size: 0.01em; color: #FCFDF8; height: 1px; overflow: hidden;}
.shopping td, .shopping th {padding: 0 0 5px 0;}
.shopping td a {color: #000000;}
.shopping .subTotal {font-weight: bold; padding: 20px 0 27px 0; line-height: 1.4em;}
.shopping .freeDelivery {text-align: center; background-color: #F2F2F2; border: 1px solid #333333; color: #ED6300; font-size: 1.6em; font-weight: bold;  padding: 15px 10px;}
.shopping .freeDeliveryBorder {border-bottom: 1px solid #CCCCCC; padding: 10px; line-height: 0; font-size: 0;}
.shopping .freeDelivery a {color: #ED6300; text-decoration: none;}
.shopping .freeDelivery a:hover {text-decoration: underline;}
.shopping .securityMessage {float: left; width: 100%; margin: 15px 0 0 0; color: #000000; font-size: 0.9em;}
.shopping .securityMessage .left {float: left;}
.shopping .securityMessage .right {float: left;  width: 500px; padding-left: 20px;}
.shopping .purchasePath {float: left; width: 682px; font-weight: bold; color: #666666; font-size: 0.9em;}
* html .shopping .purchasePath {margin-bottom: 20px;}
.shopping .purchasePath ul {margin: 0; padding: 0; list-style: none;}
.shopping .purchasePath li {display: inline; background: url(../images/purchase_path_arrow.gif) no-repeat 0 3px; padding-left: 12px; margin-left: 3px;}
.shopping .purchasePath .first {background-image: none; padding-left: 0; margin-left: 0;}
.shopping .purchasePath .current {color: #ED6300;}
.shopping .orderDetails {float: left; width: 682px; line-height: 1.4em;}
.shopping .orderDetails h2 {margin: 0 0 2px 0; padding: 0; font-size: 1.2em; font-weight: bold; color: #333333;}
.shopping .orderDetails p {margin: 0 0 20px 0;}

.order {float: left; width: 100%; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #CCC; line-height: 1.6em;}
.order .left {float: left; width: 30%; margin-right: 5%;}
.order .right {float: left; width: 65%;}

.shopping .coupon {float: left; width: 682px; font-weight: bold; padding: 0 0 25px 0; margin: 20px 00 0;}

.shopping .billingAddress {float: left; width: 682px; margin: -10px 0 0 0;}
* html .shopping .billingAddress {margin: -10px 0 20px 0;}

.loginRegister {float: left; width: 682px; padding: 58px 68px; margin-top: -1px; border-top: 1px solid #CCCCCC;}
* html .loginRegister, * html .shopping {padding: 58px 48px;}
.loginRegisterMessage {float: left; width: 100%; margin: 20px 0 0 0; font-weight: bold; font-size: 1.2em; color: #666666;}
* html .loginRegisterMessage {margin-bottom: 20px;}
.loginRegister .link {float: left; width: 682px; font-size: 0.9em; font-weight: bold; margin: 5px 0 0 0;}

.addressWrapper {float: left; width: 682px; margin-bottom: 40px;}
.addressWrapper .address {float: left; width: 162px; margin-right: 98px;}
* html .addressWrapper .address {margin-right: 95px;}
.addressWrapper .right {margin: 0!important;}
.addressWrapper .send {float: left; width: 162px; margin-bottom: 20px;}
.addressWrapper .send input, .addressWrapper .edit input {font-weight: bold; color: #FFF; text-decoration: none; border: 1px solid #FF9900; padding: 3px; margin: 0; cursor: pointer; background-color: #FD7821;}
* html .addressWrapper .send input, * html .addressWrapper .edit input {padding: 3px 0;}
.addressWrapper .address .text {float: left; width: 159px; margin-bottom: 20px; padding-left: 5px;}
.addressWrapper .edit {float: left; width: 162px;}

.inpageNav {float: left; width: 100%; margin: 10px 0 0 0; font-size: 0.9em;}
.inpageNav ul {margin: 0; padding: 0; list-style: none;}
.inpageNav  li {display: inline;}
.inpageNav  a {margin-right: 5px; padding-left: 10px; background: url(../images/divider.gif) no-repeat 0 2px;}
.inpageNav .current {font-weight: bold;}
.inpageNav .first {padding-left: 0;}
.inpageNav .first a {background: none; padding-left: 0;}
.inpageNav .last {}

.bannerList {float: left; width: 100%;}
.affiliateBanner {float: left; width: 100%; margin: 0 0 40px 0; font-size: 0.9em;}
.affiliateBanner .title {float: left; width: 100%; font-weight: bold; margin-bottom: 10px;}
.bannerList h2 {font-weight: bold; margin: 0 0 10px 0;}
.affiliateBanner .image {float: left; width: 100%;}
.affiliateBanner .link{float: left; width: 100%; font-size: 1em;}
.bannerText {float: left; width: 660px; padding: 10px; margin: 30px 0 40px 0; border: 1px solid #D0C99F; background-color: #E9E7D0; line-height: 1.8em; font-size: 0.9em;}
.affiliateContent {float: left; width: 100%; margin: 15px 0 -20px 0; font-size: 0.9em;}

.loginRegister table {clear: both; background-color: #F4F3EA; text-align: left;}
.loginRegister td, .loginRegister th, .loginRegister table {border: 1px solid #D0C99F;}
.loginRegister th {background-color: #E4E0C9; color: #ED6300;}

.totals {float: left; width: 100%; margin: 30px 0 0 0; font-size: 0.9em;}
.totals .left {float: left; width: 20%;}
.totals .right{float: left; width: 80%; font-weight: bold;}
.totals p {float: left; width: 100%; margin: 5px 0;}

.pukkaClubSignup {float: left; width: 660px; padding: 10px; margin: 10px 0 20px 0; border: 1px solid #DED9B8; background-color: #EBE9D6; color: #7E744E;font-weight: bold; }
*+ html .pukkaClubSignup, +* html .shopping .pukkaClubSignup {padding: 10px!important;}
* html .pukkaClubSignup {padding: 0 10px!important;}
* html .shopping .pukkaClubSignup {padding: 10px!important;}
.shopping .pukkaClubSignup {margin-bottom: 0;}
*+ html .pukkaClubSignup {padding: 0 10px;}
.pukkaClubSignup p {margin: 0 10px 5px 0;}
.pukkaClubSignup a {font-size: 1.1em;}
.pukkaClubSignup img {float: left; width: 180px; margin: 0 10px 0 0;}
.pointsAlert {font-weight: bold; font-size: 1.1em; color:#FF6600;}
.orderSummary {width: 326px; padding: 10px 10px 5px 334px; margin-top: 0;}


#left {float: left; width: 211px; margin-left: -211px;}
* html #left {position: relative;}
#left .content {float: left; width: 180px; padding: 16px 0 50px 16px;}
#left ul, #right ul {float: left; width: 180px; margin: 0; padding: 0; list-style: none;}

#left .heading, #right .heading {float: left; width: 180px; color: #FC761D; font-weight: bold; font-size: 14px!important; padding-bottom: 5px;}
*+html #right .heading {font-size: 17px!important; padding-bottom: 0;}
*+html #left .heading {font-size: 17px!important; padding-bottom: 0;}
* html #right .heading {font-size: 17px!important; padding-bottom: 0;}
* html #left .heading {font-size: 17px!important; padding-bottom: 0;}

#left .category, .interest {float: left; width: 180px; margin-bottom: 20px;}
#left .category li, .interest li {background: url(../images/category_icon.gif) no-repeat 0 6px; padding-left: 10px; font-size: 0.9em; margin-bottom: 2px; text-transform: lowercase;}
#left .category li a, .interest li a {font-weight: bold; color: #676767; text-decoration: none; border-bottom: 1px dashed #999999;}
#left .category li a:hover, .interest li a:hover {border-bottom: none;}

#left .category .current a, .interest .current a {color: #ED6300;}

#left .gems {float: left; width: 180px; margin-bottom: 2px;}
#left .gems .heading {margin-bottom: 0;}
#left .gems li {font-size: 0.9em; margin-bottom: 2px; text-transform: capitalize;}
#left .gems li a {text-decoration: none;}
#left .gems li a:hover {text-decoration: underline;}

#left .image {float: left; width: 180px; margin: 0;}
* html #left .image {margin-bottom: 4px;}

#left .section {float: left; width: 180px; margin-bottom: 20px;}
#left .section .heading {margin-bottom: 0;}
#left .section li {background: url(../images/grey_icon.gif) no-repeat 0 6px; padding-left: 10px; font-size: 0.9em; margin-bottom: 2px; text-transform: lowercase;}
#left .section li a {font-weight: bold; color: #676767; text-decoration: none; border-bottom: 1px dashed #999999;}
#left .section li a:hover {border-bottom: none;}
#left .section .teaser {float: left; width: 180px; font-size: 0.9em;}
#left .section .link {float: left; width: 180px; font-weight: bold; font-size: 0.9em;}

#right {float: left; width: 203px; margin: 0 -203px 0 0;}
* html #right {position: relative; margin: 0 -203px 0 0;}
#right .content {float: right; width: 188px; padding: 12px 0 0 0; margin: 0;}
* html #right .content {/*margin: 0 -12px 0 0;*/}

#right .interest li {background-image: url(../images/interest_icon.gif);}

#right .links {float: left; width: 188px; font-size: 0.9em; margin: -2px 0 21px 0;}
#right .links a {font-weight: bold; text-decoration: none;}
#right .links a:hover {text-decoration: underline;}

#right .banner, #left .banner {float: left; width: 180px; margin-bottom: 5px;}

.testimonial {float: left; width: 174px; font-size: 0.9em; font-style: italic; margin: 8px 4px;}
.testimonial .name {float: left; width: 188px; font-style: normal; font-weight: bold; color: #666666;}
* html #left .testimonial {margin: 8px 0;}

#right .logos {float: left; width: 180px; margin: 4px 0; text-align: center;}
#right .logos img {margin-bottom: 5px;}

#footer {float: left; width: 818px; margin: 11px 0; text-align: center; font-size: 0.9em;}

#footer ul {margin: 12px auto; padding: 0; list-style: none; width: 400px;}
#footer li {display: inline; margin: 0 5px;}

#footer .wsb {float: left; width: 100%; font-size: 0.9em;}
#footer .wsb a {color: #000000; text-decoration: none;}
#footer .wsb a:hover {text-decoration: underline;}

.clear {clear: both;}
.level1 {margin: 0; padding: 0; list-style: none;}
.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}
.highlight {background-color: #FFCC66; padding: 0 3px;}

.styleGuideContent {float: left; width: 90%; padding: 2% 5%; background-color: #FFFFFF;}
.styleGuideContent p {margin: 0 0 20px 0;}
.styleGuideContent hr {margin: 15px 0;}

.login {float: right; width: 500px; text-align: right; padding: 30px 0 0 0; text-align: right; font-size: 0.9em; font-weight: bold;}
.login ul, .login .level1 {margin: 0; padding: 0; list-style: none;}
.login li {display: inline; margin-left: 10px; padding: 3px 0;}
.login a {text-decoration: none; text-transform: lowercase; color: #4D4B40;}
.login a:hover, .login .pukkaClub a:hover {color: #FD7821;}
.login .basket {background: url(../images/basket-icon.gif) no-repeat 0 2px; padding-left: 17px;}
.login .pukkaClub {background: url(../images/pukka-club-icon.png) no-repeat 0 0; padding-left: 17px;}
.login .pukkaClub a {color: #000;}
.login .points {color: #FF6600;}

.popup {float: left; width: 400px; min-height: 475px; overflow: hidden; background-color: #F4F1E0; text-align: left;}
* html .popup {height: 500px;}
#popupHeader {float: left; width: 380px; padding: 0 10px; margin-bottom: 10px;}
.popupContent {float: left; width: 380px; padding: 0 10px;}
#popupFooter{float: left; width: 380px; padding: 0 10px; font-size: 0.9em; border-top: 1px dotted #666; line-height: 1.2em;}
*+html #popupFooter p {margin: 10px 0;}
.popup .form {float: left; width: 380px; margin: 10px 0;}
.popup .formCell {float: left; width: 380px; margin-bottom: 5px;}
.popup .formCell .textCell {float: left; width: 120px;}
.popup .formCell .textCell label {float: left; width: auto; font-weight: bold; color: #666;}
.popup .formCell .inputCell{float: left; width: 220px;}
.popup .formCell .inputCell input{float: left; width: 220px;}
.popup .form .message {float: left; width: 100%;}
.popup .form .button {float: left; width: 220px; padding-left: 130px;}
.popup .form .button input {background-color: #EFEFEF; border: 1px solid #333; margin: 5px 0;}
.popup .logo {float: left; width: 380px; height: 45px; padding: 0; margin: 0 0 10px -20px; overflow: hidden;}
* html .popup .logo {margin-left: -10px;}

.searchHighlight {background-color: #FFFFCC; font-weight: bold;}
.searchResult {font-weight: bold; margin-top: 8px; padding-left: 10px;}
.searchText {margin-top: 2px; padding-left: 22px;}
.searchExplanation {margin-top: 2px; padding-left: 22px;}
.searchType {color: #000000; font-weight: normal;}
.searchRelevance {}
.searchNoResult {font-weight: bold; margin-top: 8px;}
.searchPaginate {margin-top: 20px;}

.herbsforlifeLink {float: left; width: 100%;}
.msn {float: left; width: 100%; text-align:center;}
* html .msn {float: none; display: block;}

.totalPoints {color: red; padding: 5px 0 0 0;}
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>  

	  
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/
.sIFR-active #left .heading {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 17px;
  margin-bottom: 0;
}

.sIFR-active .topText {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 21px;
}

.sIFR-active .channelTopText {  
visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 21px;
}

.sIFR-active .categoryTopText {  
visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 21px;
}

.sIFR-active .sectionIntro {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
}

.sIFR-active .homeIntro {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}

.sIFR-active .homeFeatured .offerHeading, .productListingWrapper .offerHeading {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px!important;
}