/* CSS Document */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


/* leapingfrogs.co.nz Layout Styles
 Author:Byron Adams (Verb ltd)
 ----------------------------------------------------*/


/* = Generic
 ----------------------------------------------------*/
#doc {width:1004px;padding-bottom:1em;} /* allowing 20px for a scrollbar */
.button,.BossButton, div.BossControl {padding:0 5px; border:1px solid#C0C0C0; background:url(/assets/button-bg.png) repeat-x; background-color:#fff;}
input.button:active {border:1px solid#A5B7C5;}

/* = Accountbar
 ----------------------------------------------------*/
#accntbar {height:26px; padding-left:220px;}
#accntbar.logged {background:url(/assets/cart.png) no-repeat 205px 0#9FD224; padding-left:258px;}
#accntbar li {display:inline; border-right:1px solid#6d6e71; padding:0 15px}
#accntbar li.last {border-right:none;}
#accntbar ul {display:inline;}
#accntbar li {display:inline;}
input.text {width:90px; border:1px solid;}

/* = Header
 ----------------------------------------------------*/
h1.header {margin:0; padding-top:20px; float:left;}
#searchform {float:right; margin-top:212px; margin-right:0px;}
.herissonhomeware #searchform {margin-top:170px;}
#searchform .textinputs {width:119px; margin-right:4px; border:1px solid #D3D3D3; padding:3px; color:#666;}
.herissonhomeware #searchform .textinputs {margin-right:10px;}
 
/* = Navigation
 ----------------------------------------------------*/
#nav {width:145px; padding:0 0 0 25px;}
#nav ul {padding:10px 0 5px 0;}
#nav div.products li ul {padding:0 0 0 10px; border:none;}
#nav#faq li ul {padding:5px 0 5px 10px; border:none;}
#nav a {text-decoration:none;}

#top-nav {float:left; margin:37px 0;}
#top-nav ul {margin:0;}
#top-nav li {float:left; padding:0 9px; border-left: 1px solid #000;}
#top-nav li.first {padding-left:0; border-left:0 none;}
#top-nav li a {font-family:Arial Narrow,arial,helvetica,clean,sans-serif; font-stretch: condensed; color:#000; text-transform:uppercase; font-weight:bold; font-size:20px; text-decoration:none;}
#top-nav li.selected a {color:#EC008D;}
.herissonhomeware #top-nav li.selected a {color:#00BAF2;}
 
 /* = Advert
 ----------------------------------------------------*/
#nav.advert {text-align:center; padding:30px 0 15px 0;}

/* = Content
 ----------------------------------------------------*/
#bd {margin:0 45px 45px 45px;}
.yui-t1 #yui-main .yui-b {margin:0;}
div.BossExpressIn {padding-top:30px;} 
.content-outer {background:url(/assets/new-frog-pic.png) no-repeat right 7px;}
.herissonhomeware .content-outer {background:url(/assets/hedgehog.png) no-repeat right 9px;}
#content.baseleft {margin:60px 0 0 60px; width:40%; float:left;}
#content.baseright {float:right; width:49%;}
a {color:#9D9EA0; text-decoration:none;}
#content a.orange {color:#EC008D; text-decoration:none;}
div.BossContact .BossForm {width:49%;}
div.BossContact .BossForm input {width:95%;}
div.BossContact .BossForm textarea {width:95%;}
div.BossContact .BossForm input.formbuttons {width:100px;}
.BossCheckoutForm textarea {width:49%;}
.herissonhomeware .lf-only {display:none;}
 
 /* = Category
 ----------------------------------------------------*/
.BossCatalogue .product {padding:5px 0; margin-bottom:5px;}
.BossCatalogue h1 {font-size:24px; margin-bottom:0.5em;}
.BossCatalogue h2 {margin-top:0;}
.BossCatalogue h5 {margin-top:13px;}
.BossCatalogue h2 a {text-decoration:none; font-size:17px; color:#EC008D; padding:0 0 7px 0;}
.herissonhomeware .BossCatalogue h2 a {color:#00BAF2;}
.BossCatalogue .product img {border:6px solid #000000;}
.BossCatalogue .product .OrderButton {border:0 none;}
.herissonhomeware .BossCatalogue .product .OrderButton {border:0 none;}
.BossCatalogue .product .left {width:25%; margin:0;}
.BossCatalogue .product .right {padding:10px 0 0 0; width:75%; margin:0; float:left;}
.IE7 .BossCatalogue .product .right {width:74%;}
.BossCatalogue .product p {padding:0;}
.BossCatalogue .product .right div {float:right; margin-top:8px; width:120px;}
.BossCatalogue .product a.addtocart {font-weight:bold;border:1px solid #EC008D;padding:4px 8px;text-decoration:none;}
.BossCatalogue .product a.addtocart:hover {color:#000;}
.herissonhomeware .product a.addtocart {border-color:#00BAF2;}


 /* = Product
 ----------------------------------------------------*/
.BossProduct .left {width:63%;}
.BossProduct .right {width:35%;}
.product dl {line-height:22px;}
.product dl dt {float:left; font-weight:bold;}
.product dl dd {padding:2px 0 3px 100px;}
.product dl.cart {padding-bottom:30px;}
.product .right .bot {margin-left:-9px;}
.product .right ul {margin:10px 0 0 0;}
.product .right li {float:left; padding-left:10px;}
.product .right li.clearer {clear:left;}
.product .right .BossImage {width:312px; background:url(/assets/loading.gif) center no-repeat; text-align:center; min-height:215px;}
.product .right a img {border:6px solid #000000;}
.product .right li img {width:85px; margin-bottom:7px;}
.loading {background:#FFFF99;}
.cartinfo {padding:5px; color:#999900; display:none; background:#FFFF99; border:1px solid;}
td.BossMoney.moneylast {visibility: hidden;}

/* = Foot
 ----------------------------------------------------*/
/* =Foot
 ----------------------------------------------------*/
#ft .bot, #ft .bot a {color:#000000;}
.bot a:hover {text-decoration:underline;}
.BossAccount h1 {margin-top:0;}
#ft {text-align:right; margin:0 45px;}
#ft .bot {background:#fff;}
#ft input.text {height:16px; font-size:12px; margin-left:7px; border:1px solid#C0C0C0; width:105px;}
#ft div.mid {height:45px; background:url(/assets/cart.png) no-repeat 0px 7px;}
#ft div.mid li {color:#7D7E90; line-height:40px; display:inline; border-right:1px solid#6d6e71; padding:0 12px;}
#ft div.mid li label {border-color:#fff;}
#ft div.mid ul {vertical-align:middle;}
#ft div.mid li.last {border-right:none; padding-right:0;}
#ft div.mid li.account {padding:5px 15px 5px 10px; border-right:none;}
#ft div.mid li a {text-decoration:underline; color:#7D7E90;}
#ft div.mid li.account a {font-size:15px; font-weight:bold; text-decoration:underline; color:#7D7E90;}
#ft div.mid li span.title {font-weight:bold; padding-right:1em;}
#ft .ie-fix {display:inline; padding-right:10px;}
.ReturnForm legend {padding-top:15px; font-weight:bold; margin-bottom:15px;}
.ReturnForm em {color:red; padding:0px 5px;}
.ReturnForm .error {margin-left:10px;color:red;}
dl.returnitem {padding:10px 0; border-bottom:1px solid#9FD224;}
.ReturnForm dl dt {float:left;}
.ReturnForm .personal dd {padding:3px 0 2px 95px;}
.ReturnForm .returnitem dd {padding:3px 0 2px 130px;}
.ReturnForm .controls {border-bottom:1px solid#9FD224; padding-bottom:10px;}
.BossSubmission {padding-top:100px;}


/* = Home page
 ----------------------------------------------------*/
#FeaturedGallery {margin-bottom:2em;}
#content #FeaturedGallery a {padding:0px 7px 0px 4px; color:#007A70; text-decoration:none; font-size:13px; border-right:1px solid#007A70;}
#FeaturedGallery .images {width:914px; height:608px; margin-bottom:6px; position: relative;}
#FeaturedGallery .images img {width:914px; visibility: hidden; opacity: 0; cursor:pointer; border:1px solid #7D7E90; position: absolute; transition: visibility 1s, opacity 1s ease;}
#FeaturedGallery .images img.current {visibility: visible; opacity: 1;}
.OrderButton {float:right;}
table.stockist {border:0 none !important;}
table.stockist td {border:0 none !important;}

/* = Search Results
 ----------------------------------------------------*/
#content .search li {float:left; margin-top:1em;}
#content .search li div.search-img {float:left; border:6px solid#000;}
#content .search li div.search-img img {width:200px !important; height:auto !important;}
#content .search li div.result {float:left; margin-left:1em; width:680px;}

/* = Contact Page
 ----------------------------------------------------*/
#contactform dt {float:left;clear:left;margin-bottom:10px;}
#contactform dd {margin-left:90px;width:250px;margin-bottom:10px;}
#contactform dd input {width:100%;height:20px;padding:0 4px;}
#contactform dd textarea {width:100%;}
#contactform button {margin-left:90px;padding:0 15px;}
.IE7 #contactform dd {width:auto;}
.IE7 #contactform dd input {width:240px;}
.IE7 #contactform dd textarea {width:240px;}
.IE7 .content .pagedesc .BossArticle {width:auto;}

.responseerror{background-color:#FADDDD;margin:10px 0;padding:10px;}
.responseerror li{line-height:18px;}
.responsemessage{background-color:#CCFF99;margin:10px 0;padding:10px;}
.responsemessage li{line-height:18px;}
