/* 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 {
  background : #9fd224;
  width: 960px;
}

#hd {
  height: 15px;
  background: url(/assets/headbg.png);
}

#bd {
  background: url(/assets/mainbg.png);
}

.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;
}

.marq {background:#fff;}

/* = 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-left: 135px;
  }
  
  .slogan {
    text-align: right;
    color: #96C251;
    padding: 10px;
  }
  
/* = Navigation
   ----------------------------------------------------*/
  #nav {
    width: 145px;
    padding : 0 0 0 25px;
  }
  
  #nav ul {
    /* border-bottom: 2px dashed #c82645; */
    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;
	}
  
  /* = Advert
    ----------------------------------------------------*/
  #nav .advert {
    text-align:center;
    padding: 30px 0 15px 0;
  }

/* = Content
   ----------------------------------------------------*/
  .yui-t1 #yui-main .yui-b { /* Content Wrapper */
    margin: 0 15px 0 196px;
  }
  div.BossExpressIn {
    padding-top:30px;
  }  

  .content-outer {
    background: url(/assets/contentbg.png?r=1) no-repeat top left;
  }

  #content {
    margin: 0 45px 15px 60px;
  }

  #content .baseleft {
    margin: 60px 0 0 60px;
    width: 40%;
    float: left;
    
  }

  #content .baseright {
  float:right;
  width: 49%;
  }
  
  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%;
  }
  
  
  
  /* = Category
   ----------------------------------------------------*/

    .BossCatalogue {
      margin-top: 55px;
    }
    .BossCatalogue .product {
      padding : 5px 0;
    }
    .BossCatalogue h1 {
      font-size: 24px;
      padding-left: 224px;
    }

    #content .BossCatalogue h2 a {
      text-decoration:none;
      font-size: 17px;
      color: #a5007f;
      padding: 0 0 7px 0;
    }
    .BossCatalogue div.product img {
      border: 6px solid #a0d225;
    }
	.BossCatalogue div.product .OrderButton {
	  border:none
	}
    .BossCatalogue div.product .left {
      width: 188px;
      margin:0;
    }
    .BossCatalogue div.product .right {
      padding: 10px 0 0 0;
      width: 65%;
      margin: 0;
    }
  /* = Product
   ----------------------------------------------------*/
    .product dl {
      line-height: 22px;
    }
    .product dl dt {
      float:left;
      color: #027a00;
      font-weight:bold;
    }
    .product dl dd {
      padding: 2px 0 3px 80px;
    }
    .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;
      *float: none;
      *display: inline;
      padding-left: 10px;
    }
    .product  div.right div.BossImage {
      width: 312px;
      height: 312px;
      background: url(/assets/loading.gif) center no-repeat;
    }
  
    div.product  div.right a img {
      border: 6px solid #a0d225;
    }
    div.product div.right li img {
      width: 85px;
      height: 85px;
    }
    input.loading {
      background: #FFFF99;
    }
    div.cartinfo {
      padding:5px;
      color: #999900;
      display: none;
      background : #FFFF99;
      border: 1px solid;
    }
/* = Foot
   ----------------------------------------------------*/
  #ft .top {
    background: url(/assets/ftbg.png) no-repeat top left;
    height: 25px;
  }
  #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 15px 7px ;
}

#ft div.mid li {
  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;
}
#ft div.mid li.account {  
  margin-left: 10px;
  padding: 5px 43px 5px 42px;
  border-right:none;
}

#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;
}

#FeaturedGallery {
  width: 300px;
}

#content #FeaturedGallery a {
  padding: 0px 7px 0px 4px;
  color: #007A70;
  text-decoration: none;
  font-size: 13px;
  border-right: 1px solid #007A70;
}

#FeaturedGallery .images {
  width : 300px;
  height : 300px;
  margin-bottom: 6px;
}

#FeaturedGallery .images img {
  width: 300px;
  height: 300px;
  display: none;
  cursor: pointer;
}

#FeaturedGallery .images img.current {
  display: block;
}

.OrderButton {
	float:right;
}