/* PUKKA HERBS */
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; background: url(../images/nav_bg.gif) repeat-x bottom left; padding-bottom: 5px; white-space: nowrap;}
* html .mainNav {padding: 6px 0;}
.mainNav ul {margin: 0; padding: 0; list-style: none;}
.mainNav li {display: inline;}
.mainNav li {display: inline; background: url(../images/menu/left_tab.jpg) no-repeat 0 0; padding: 6px 0 6px 4px;}
* html .mainNav li {padding: 0 0 0 4px;}
.mainNav a {background: url(../images/menu/right_tab.jpg) no-repeat top right; padding: 7px 16px 6px 12px; text-decoration: none; font-weight: bold; font-size: 0.9em; color: #666053;}
.mainNav a:hover {color: #FD7821;}
.mainNav .first {}
.mainNav .last {}
.mainNav .current {background: url(../images/menu/left_tab_current.jpg) no-repeat 0 0; padding-bottom: 7px;}
.mainNav .current a {background: url(../images/menu/right_tab_current.jpg) no-repeat top right; padding-bottom: 7px; color: #ED6300;}
#wrapper {float: left; width: 818px; background: #FCFBF6 url(../images/page_bg2.jpg) no-repeat center top;/*background-color: #FFF;*/ border-bottom: 1px solid #CCCCCC;}
.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: 578px; padding: 12px 27px 0 0;}
#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;}
.basketMessage{font-size: 1.4em; color: #FF0000}
.paymentMessage{font-size: 1.2em; color: #FF0000}
.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 {margin-right: 0!important;}
.productDetails {float: left; width: 578px; margin-bottom: 35px;}
*+html .productDetails {padding-bottom: 16px;}
.productDetails .left {float: left; width: 180px;}
.productDetails .right {float: right; width: 380px; padding: 0;}
.productDetails .right p {margin: 0 0 10px 0;}
.productDetails .logo {float: left; width: 100%; margin: -50px 0 5px 0; height: 45px; overflow: hidden; padding: 0; text-align: right;}
* html .productDetails .logo {margin-top: -50px; position: relative; z-index: 100;}
.productDetails .product {float: left; width: 175px; font-size: 0.9em; margin-bottom: 10px; text-align: center;}
.productDetails .product {float: left; width: 175px; font-size: 0.9em; margin-bottom: 10px; text-align: center;}
.productDetails .image {float: left; width: 175px; height: 200px;}
.productDetails .titleTeaser {float: left; width: 175px;}
.productDetails .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;}
.productDetails .title a {color: #000000; text-decoration: none;}
.productDetails .title a:hover {text-decoration: underline;}
.productDetails .details {float: left; width: 175px; margin: 5px 0 7px 0; font-weight: bold; font-size: 1em;}
.productDetails .details .info {color: #000000;}
.productDetails .details .price {color: #666666;}
.productDetails .link {float: left; width: 175px;}
.productDetails .link a {font-weight: bold; font-size: 0.9em; color: #000000;}
.productDetails .moreInfo {float: left; width: 170px; background-color: #F3F3F3; padding: 5px; font-size: 0.9em; line-height: 1.3em; text-align: center;}
.productDetails .moreInfo a {color: #000000; text-decoration: none;}
.productDetails .moreInfo a:hover {text-decoration: underline;}
.alert .price {color: #FF0000!important;}
.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;}
.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 {background-color: #E9E7D0;}
.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: 557px; color: #665D55;}
.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: 2em;}
.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;}
.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 40px 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;}
#left {float: left; width: 211px; margin-left: -211px;}
* html #left {position: relative;}
#left .content {float: left; width: 180px; padding: 12px 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: 1.2em; margin-bottom: 0;}
#left .category, .interest {float: left; width: 200px; 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 -50px;*/}
#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;}
/* form styles */
form {margin: 0; padding: 0;}
.form {}
.form fieldset {padding: 0; margin: 0; border: none;}
.form legend {display: none;}
.form a {}
.form label {font-size: 1em;}
.form input {font: 0.9em Verdana, Arial, Helvetica, sans-serif;}
.form textarea {width: 672px; height: 150px; border: 1px solid #333333; padding: 4px; font: 1em Verdana, Arial, Helvetica, sans-serif;margin: -5px 0 10px 0;}
.form select {font: 0.9em Verdana, Arial, Helvetica, sans-serif; background-color: #FAF9F4; border: 1px solid #333333; width: 205px;}
.form .checkbox {float: left; width: 350px; font-size: 0.9em; line-height: 1.8em; margin: 10px 0;}
.form .checkbox input {border: none; padding: 2px; margin: 3px 0 0 0;}
.form .radio {float: left; width: 682px; margin: 0 0 30px 0; font-size: 0.9em;}
* html .form .radio {}
.form .radio input {margin: 5px 0 0 0;}
* html .form .radio input {margin: 0 0 -2px 0;}
.form .radio label {font-weight: bold;}
* html .form .radio label {margin-top: 2px;}
.form .formCell {float: left; width: 350px; margin: 10px 0;}
.form .formCell .sideCell {}
.form .formCell .textCell {float: left; width: 125px; margin-right: 10px; font-size: 0.9em;}
.form .formCell .inputCell {float: left; width: 215px;}
.form .formCell .inputCell input {background-color: #FAF9F4; border: 1px solid #333333; padding: 2px; width: 199px;}
.form .box {}
.form .heading {}
.form .errors {float: left; width: 100% font-size: 0.9em;} /* form error info displayed to user */
.form .errors ul {float: left; width: 100%; list-style: none; margin:10px 0; padding: 0; color: #FF0000;}
.form .spacer {}
.form .divide {} /* divide between form cells */
.form .error {} /* span around error text */
.form .errorCell {} /* div around error input */
.form .errorCell input {}
.form .required {color: #FF0000;} /* span around required text */
.form .requiredCell {} /* div around required input */
.form .requiredCell input {}
.form .message {float: left; width: 682px; margin: 0 0 10px 0; font-size: 0.9em;}
.form .button {float: left; width: 350px; margin-top: 10px;}
.form .button input {cursor: pointer;}
.search .form {float: left; width: 100%;}
.search .formCell {float: right; width: 274px;}
.search .formCell .inputCell {float: left; width: 200px;}
.search .formCell .inputCell input {border: 1px solid #333333; padding: 2px; width: 194px;}
.search .button {float: left; width: 68px; margin: 0 0 0 6px;}
#left .section .form, #left .section .formCell, #left .section .inputCell {float: left; width: 180px;}
#left .section .form {margin-top: 10px;}
#left .section .inputCell input {border: 1px solid #333333; font-size: 0.9em; padding: 2px; width: 154px;}
#left .section .button {float: left; width: 100%; margin-top: 7px;}
.shopping .form, .loginRegister .form {float: left; width: 682px; margin: 40px 0 0 0;}
* html .shopping .form, * html .loginRegister .form {margin: 20px 0 0 0;}
.shopping .form .quantity {width: 20px; border: 1px solid #333333; padding: 1px; text-align: center;}
.shopping .form .product_coupon {width: 60px; border: 1px solid #333333; padding: 1px; text-align: center;}
.shopping .form .basketButton {margin: 27px 0;}
.shopping .coupon .formCell {float: left; width: 430px; margin: 10px 0 5px 0;}
.shopping .coupon .formCell .textCell {float: left; width: 105px; margin-right: 10px;}
.shopping .coupon .formCell .inputCell {float: left; width: 215px;}
.shopping .coupon .formCell .inputCell input {border: 1px solid #333333; padding: 2px; width: 199px; font-size: 1em;}
* html .shopping .formCell {width: 100%;}
* html .shopping .form select {position: relative; }
.loginRegister .form .checkbox {width: 682px; margin: 20px 0 10px 0;}
.loginRegister .form .checkbox input {float: left;}
.loginRegister .form .checkbox label {float: right; width: 660px; line-height: 1.3em;}
.paymentMethod {border: 1px solid #333333; padding: 1px; width: 205px;}
.startExpiryDate, .securityNumber {border: 1px solid #333333; padding: 1px; width: 75px!important; margin-right: 5px;}
.formCell a {font-size: 0.9em; margin: 5px 0 50px 0; display: block;}
.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: 300px; 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;}
.login a {text-decoration: none; text-transform: lowercase; color: #4D4B40;}
.login a:hover {color: #FD7821;}
.login .basket {background: url(../images/basket-icon.gif) no-repeat 0 0; padding-left: 17px;}
.popup {float: left; 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;}
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=: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
*/
/*---- 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;
}
.hiddenPic {display:none;}
.butikkheader
{
font-weight:bold;
color: #676767;
}
.image {float: right; padding: 20px;}
.navigation {
font-weight: normal;
text-decoration: none;
color: #000000;
}
.navigation:hover {
font-weight: normal;
text-decoration: none;
color: #999999;
}