/*----------------------------+
 | Site: Busybee Toys         |
 +----------------------------*/



@import "reset.css";



/* Core layout 
======================================================================*/
body { background:#FFF url('../images/core/bg.gif') no-repeat center top; color:#666; font:11px verdana,arial;}
#container {margin:0px auto; padding:5px 0px 0px; width:900px; }
  #logo-banner {background: url('../images/core/banner.gif') no-repeat  center top; height:175px; margin:0px auto; overflow:hidden; width:870px;}
  #navigation {float:left; height:30px; width:570px;}
  #cart-container {
    background: url('../images/core/cart-bg.jpg') no-repeat 0 0; 
    color:#BBB; 
    float:right; 
    height:71px; 
    margin:33px 10px 10px; 
    padding:30px 10px 0px;
    text-align:center;
    width:102px;
    }
#content-container	{padding:0px 0px 0px 15px;}
  #left-column {background: url('../images/core/categories-head.jpg') no-repeat right top; float:left; margin:0px; padding:0px 0px 10px; width:190px;}
    #mailinglist-container {background: url('../images/core/mailinglist.jpg') no-repeat center top; padding:65px 0px 10px;}
    #login-container {background: url('../images/core/login-bottom.gif') no-repeat left bottom; padding:0px 0px 7px; width:180px;} 
    #social-container {background: url('../images/core/login-bottom.gif') no-repeat left bottom; margin: 10px 0 0 0; padding:0px 0px 7px; width:180px;}
		.social { background: #b59864; margin:0; width:180px !important; padding:0;}
		.social h1 { background: url('../images/core/title-follow.gif') no-repeat left top; height: 30px; text-indent: -9999px; display: block; }
 		.social ul { padding: 10px;}
		.social ul li { float: left; height: 60px; padding: 0 10px; }
  
  #right-column {float:left; width:695px;}
    #search-container {background: url('../images/core/search-bg.jpg') no-repeat 0 0; float:left; height:120px; padding:35px 15px 10px; width:215px;}
    #flash {display:block; float:left; height:160px; overflow:hidden; width:450px;}   

  #favourites-container {background: url('../images/core/favourites-bg.jpg') no-repeat 0 0; float:left; height:250px; overflow:hidden; width:695px;}
  
  #page-text {float:left; padding:20px; width:645px;} 

#footer-container {background-color:#251A06; margin:0px auto; padding: 10px 25px 25px 25px; width:auto;}
  #footer {height:200px; margin:0px auto; width:870px;}
  	.wish-list { margin-top: 20px; }
    #footer ul {font-size:10px;}
    #footer ul.column1		{background: url('../images/core/footer-separator.gif') repeat-y right top; float:left; width:70px;}
    #footer ul.column1 li		{float:left; padding:2px; width:70px;}
    #footer ul.column2		{background: url('../images/core/footer-separator.gif') repeat-y right top; float:left; padding:0px 0px 0px 10px; width:130px;}
    #footer ul.column2 li		{float:left; padding:2px; width:130px;}
    #footer ul.column3		{background: url('../images/core/footer-separator.gif') repeat-y right top; float:left; padding:0px 0px 0px 10px; width:120px;}
    #footer ul.column3 li		{color:#BBB; float:left; padding:2px; width:120px;}
    #footer ul.column4		{background: url('../images/core/footer-separator.gif') repeat-y right top; float:left; padding:0px 0px 0px 10px; width:210px;}
    #footer ul.column4 li		{color:#BBB; float:left; padding:2px; width:210px;}

body.popup {background:#fff;}
body.popup #container {width:350px;}
body.popup fieldset {width:350px !important;}


/* Favourites layout 
-----------------------------------------------------------------------*/  

ul.favourites			{height:250px; width:695px;}
ul.favourites li			{color:#463921; float:left; padding:13px 10px 10px 25px; text-align:center; width:125px;}
ul.favourites li.low    {padding:95px 10px 0px 25px !important;}
ul.favourites li.start  {padding:95px 10px 0px 35px; width:127px;}
ul.favourites li.end    {padding:13px 10px 10px 25px; width:125px;}

ul.favourites a			{color:#463921; text-decoration:none;}
ul.favourites a:hover {color:#000000; text-decoration:underline;}

ul.favourites h2		{font-size:11px; font-weight:normal; padding:0px 0px 5px; line-height:12px;}
ul.favourites p			{padding:4px 0px 10px;}

.product-thumb		{background-color:#977B48; border:6px solid #DFCEA2; padding:1px;}


/* Favourites layout 
-----------------------------------------------------------------------*/ 

ul#catalogue			{padding:0px 0px 15px !important;}
ul#catalogue li {
  background-color:#F2EBD8; 
  border:1px solid #E1D3BB; 
  float:left; 
  list-style:none !important; 
  margin:5px;
  padding:0px !important;
  width:149px;
  }
ul#catalogue li a {display:block; padding:10px;}
ul#catalogue li a:hover {background-color:#E1D3BB; display:block; padding:10px;}

ul#catalogue-listing {padding:0px 0px 15px !important;}
ul#catalogue-listing li {
  background-color:#F2EBD8;
  border:1px solid #DED1B4;
  float:left;
  height:165px;
  list-style:none !important;
  margin:0px 5px 10px;
  overflow:hidden;
  padding:10px !important;
  width:290px;
  }
	
ul#catalogue-listing .image-container {width:120px; float:left; text-align:center !important; border-right:1px solid #DED1B4; margin:0 5px 0 0; position:relative;}
ul#catalogue-listing img.listing-thumb {background-color:#977B48; border:6px solid #DFCEA2; margin:0px 10px 0 0px; padding:1px;}
ul#catalogue-listing p {padding:0px;}

p.price-detail {padding:7px 0 0 0; text-align:center !important; }
p.price-detail .price {color:#000; font-size:12px; font-weight:bold; text-align:center; width:80px; font-size:10px !important;}

input.listing-submit { border:none; background:none; color:#D85B00 !important; text-decoration:underline !important;}
input.listing-submit:hover {color:#463921 !important;}

dl.listing-detail-display
{
width: 160px;
margin: 0;
padding: 0;
color:#333;
float:right;
}

.listing-detail-display dt
{
width: 56px;
float: left;
margin: 0 0 0 0;
padding: 2px;
border-top: 1px solid #DED1B4;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.listing-detail-display dd
{
float: left;
width: 96px;
margin: 0 0 0 0;
padding: 2px;
border-top: 1px solid #DED1B4;
}



ul#product-detail {padding:0px !important;}
ul#product-detail li {list-style:none; margin:0px !important; padding:0px !important;}
ul#product-detail li.detail-thumbnails {float:right !important; width:165px; position:relative; }
ul#product-detail li.detail-thumbnails img, .image-container img {z-index:5;}
ul#product-detail li.detail-info {float:left; background-color:#F2EBD8; border:1px solid #DED1B4; padding:20px !important; width:410px;}

 dl.table-display {width: 165px; margin: 15px 0 0 0; padding: 0; font-family: georgia, times, serif;}
 .table-display dt {width: 60px; height:17px; float: left; margin: 0 0 0 0; padding: 10px 0 5px 0; border-bottom: 1px solid #DED1B4; font-weight: bold; }

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd {float: left; width: 105px; height:22px; margin: 0 0 0 0; padding: 5px 0 5px 0; border-bottom: 1px solid #DED1B4;}

dt.buy, dt.wishlist-detail {width:165px; padding:5px 0 10px 0; text-align:center;}
#cart-submit {background: url('../images/icon-add-to-cart.gif') top left; height:20px; width:150px; border:none;}
#cart-submit:hover {background: url('../images/icon-add-to-cart.gif') bottom left; height:20px; width:150px; border:none;}
#wishlist-submit {background: url('../images/icon-wishlist.gif') top left; height:20px; width:150px; border:none;}
#wishlist-submit:hover{background: url('../images/icon-wishlist.gif') bottom left; height:20px; width:150px; border:none;}
dd.price {color:#000; font-weight:bold; font-size:16px;}
dd.was-price {color:#999; text-decoration:line-through;}

#extra-images {margin:15px 0 0 0;}




/* Navigation layout 
-----------------------------------------------------------------------*/ 

ul.nav				{height:30px; list-style:none; padding:0px; width:570px; }
ul.nav li				{color:#FFC423; float:left; font-size:9px; height:30px; overflow:hidden; padding:7px 0px 0px; width:auto;}
ul.nav li a			{color:#000; display:block; font-size:11px !important; height:30px; text-decoration:none; }
ul.nav li a:hover	{color:#DF4F00;}

ul.nav li.separator {padding:7px 8px 0px;}

.p-home ul.nav li#home a				{color:#DF4F00;}
.p-about ul.nav li#about a				{color:#DF4F00;}
.p-feedback ul.nav li#feedback a		{color:#DF4F00;}
.p-bookmark ul.nav li#bookmark a	{color:#DF4F00;}
.p-faq ul.nav li#faq a					{color:#DF4F00;}
.p-delivery_information ul.nav li#delivery_information a {color:#DF4F00;}
.p-contact ul.nav li#contact a		{color:#DF4F00;}

ul#catalogue-nav			{background:#977B48 url('../images/core/catagories-end.gif') no-repeat center bottom; margin:70px 0px 0px; padding:0px 10px 10px; width:160px;}
ul#catalogue-nav li		{background:#977B48 url('../images/core/list-categories.gif') no-repeat 0px 13px; border-bottom:1px dashed #D5A732; padding:4px 0px 4px 15px; width:145px;}
ul#catalogue-nav li a	{color:#000; display:block; font-family:Verdana,Arial; font-size:12px; padding:5px; text-decoration:none;}
ul#catalogue-nav li a.even {color:#FFDD43;}
ul#catalogue-nav li a:hover {background-color:#B19157; color:#FFF; display:block;}
ul#catalogue-nav li#catalogue-end {background: url('../images/core/catagories-end.jpg') no-repeat 0 0;}

a.dark				{color:#000; padding:2px; text-decoration:none;}
a.dark:hover		{background-color:#977B48;}

a.orange				{color:#D85B00 !important; text-decoration:underline !important;}
a.orange:hover	{color:#463921 !important;}

a.yellow				{color:#FFC423; text-decoration:none;}
a.yellow:hover		{color:#FFFFFF;}

#page-text a, #mailinglist-container a{color:#D85B00 !important; text-decoration:none !important;}
#page-text a:hover, #mailinglist-container a:hover{background-color:#F2EBD8; color:#463921 !important; }
#page-text a img.listing-thumb {padding:1px !important;}
#page-text a:hover img.listing-thumb {margin:0px 10px 0px 0px !important; padding:1px !important; }

#footer a {color:#FFC423; text-decoration:none;}
#footer a:hover {color:#FFF;}

.fine-print{font-size:10px; font-style:italic; color:#000;}




/* Text layout 
-----------------------------------------------------------------------*/ 

#mailinglist-container p, #login-container p {font:11px Arial,Verdana; line-height:17px; padding:0px 0px 7px; }
#login-container p {color:#FFF; padding:0px 0px 7px 10px;}

#search-container p {color:#000; font-family:arial,verdana; font-size:11px; line-height:19px;}

#cart-container p		{padding:0px !important; margin:0 0 5px 0; text-align:left; line-height:14px;}
#page-text h1			{color:#463921; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; padding:0px 0px 10px; font-weight:normal;}
#page-text h2			{color:#000; font-family:Arial,Verdana; font-size:17px; padding:0px 0px 15px;  font-weight:normal;}
#page-text h3			{color:#FF6600; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; padding:0px 0px 10px;  font-weight:normal;}
#page-text h4			{color:#333; font-family:Verdana,Arial; font-size:12px; padding:0px 0px 7px 0px;  font-weight:normal;}

#page-text h5			{}

#page-text p			{line-height:19px; padding:0px 0px 15px;}
#page-text ol, .desc ol {padding:0px 0px 15px 20px;}
#page-text ol li {list-style-position:outside; list-style-type:none; padding:5px 0px 5px 15px; line-height:19px;}
.desc ol li {list-style-position:outside; list-style-type:decimal !important; padding:5px 0px 5px 15px; line-height:19px;}

.p-checkout #page-text ol		{padding:0px;}
.p-checkout #page-text ol li	{list-style:none; padding:0px; } 

.p-contact #page-text ol		{padding:0px;}
.p-contact #page-text ol li	{list-style:none; padding:0px; } 

#page-text ul, .desc ul {padding:0px 0px 15px 20px;}
#page-text ul li {list-style-position:outside; list-style-type:none; line-height:19px; padding:5px 0px 5px 15px;}
.desc ul li {list-style-position:outside; list-style-type:disc !important; line-height:19px; padding:5px 0px 5px 15px;}

ul#search-results {padding:0 0 15px 0; list-style:none;}
ul#search-results li {padding:10px 0 0 0; border-bottom:1px dashed #b59864; list-style:none;}


/* Feedback 
-----------------------------------------------------------------------*/
dl#feedback {}
dl#feedback dt{margin:0 0 10px 0; line-height:20px; font-weight:bold; font-size:14px;}
dl#feedback dd{font-style:italic; border-bottom: 1px dashed #b59864; }


/* Extras 
-----------------------------------------------------------------------*/ 
.white {color:#fff; letter-spacing: -0.4px;}

.f-right		{float:right;}
.f-left			{float:left;}
.hidden		{display:none;}
.clear {clear:both;}

#cart-container hr {border:none; border-top:1px solid #251a06; height:0px; margin:0px 0px 0px !important; padding:0px !important; border-bottom:1px solid #624f2d; }
hr {border:none; border-bottom:1px dashed #b59864; border-top:1px solid #fff; padding:0px; margin:0 0 15px 0;}

.webfirm {padding:10px 0px 0px;}
.facebook { padding: 10px 10px 0 0; }
.twitter { padding: 10px 18px 0 0; }
.detail-thumb {padding:1px; border:6px solid #ded1b4; background-color:#977b48;}

.breadcrumb {border-bottom:1px dashed #b59864; border-top:1px dashed #b59864; min-height:40px; clear:both; padding-top:5px; margin-bottom:10px;}
.breadcrumb-left {float:left;}
.no-javascript {clear:both; padding:5px 0 0 0; font-weight:bold;}
.no-javascript a{text-decoration:underline !important; font-weight:normal;}
.no-javascript span.link{float:left; line-height:16px;}
.sort-options {float:right; width:280px; height:40px; font-weight:bold; display:none;}
.sort-options#brands {display:block;}
.sort-options .select-left {float:left; margin:8px 0 0 0;}
.sort-options select{background-color:#FFE7A7; border:1px solid #FFC962;}
.sort-options #sort-button{float:right;}

.hidden {border:none; height:0; width:0; background:none; margin:0; padding:0; line-height:0;}

.art {margin:50px 0 0 0;}

.brand-container {margin:0 0 10px 0;}
.brand-container .image-left {float:left; margin: 0 10px 10px 0;}

ul#brands-listing {margin:0 0 0 10px; padding:0; list-style:none;}
ul#brands-listing li{margin:0 0 0 10px; padding:0; list-style:none;}
ul#brands-listing li.large-letter{margin:10px 0 5px 0!important; font-size:18px; font-weight:bold; border-bottom:1px dashed #b59864; color:#b59864; line-height:22px;}

.sale {background:url(../images/core/sale-corner.png) no-repeat left top; z-index:100; width:38px; height:38px; position:absolute; left:0px; top:0px;}

/*---------------------------------------------   
    cart
----------------------------------------------*/

#cart th {
	text-align: left;
	background: #f2ebd8;
	color: #977b48;
	padding: 5px;
	border:1px solid #ded1b4;
}

#cart table table td {
	padding: 5px;
	background: #fff;
	border-bottom: 1px dashed #ded1b4;
}

#cart .right { text-align: right; }

#cart table table table td { border-bottom: 0; }

#cart td.totalprice {
	text-align: right;
	font-weight: bold;
	padding: 8px 0;
}

#cart td.buttons {
	padding-top: 10px;
	text-align: right;
}

#cart .qty {width:130px;}
#cart .del {width:20px;}
#cart .price {width:80px; text-align:right;}
#cart .sub-total {width:80px; text-align:right;}

#delivery-same {cursor:pointer;}

.payment-types {border:6px solid #DFCEA2; padding:5px 5px 5px 0; margin:0 0 10px;}
.payment-types img {float:left; margin:15px 10px 0 0;}

.del-input {text-align:right; clear:right; float:right; margin:2px 0 2px;}
.del-input p{padding:0 5px 5px !important;}
.del-input select {margin:0 5px 0 0;}
#member-details{border:6px solid #DFCEA2; display:block; margin:5px 0 20px;}
#member-details ul{padding:0; margin:0;}
#member-details ul li{padding:0; margin:5px;}
#member-details ul li#my-details {background:#DFCEA2 !important; color:#fff; margin:0; padding:0; font-weight:bold; line-height:25px; font-size:14px;}
input[readonly=readonly]{background:#DFCEA2 !important;}

#total-values {float:right; width:270px;}
#total-values dt {font-weight:bold; width:180px; float:left; line-height:18px;}
#total-values dd {font-weight:normal; float:right; margin:0 0 0 20px; line-height:18px;}

.gift-wrapping-inputs {border:6px solid #DFCEA2; margin:0 0 10px 0!important;}
.gift-wrap-text {font-weight:bold; font-size:9px; margin:0 0 0 155px;}
.gift-wrapping-inputs li {padding:3px 5px 0 !important;}
.gift-wrapping-inputs li.gift-wrap-title{background:#DFCEA2 !important; color:#fff; margin:0; padding:0; font-weight:bold; line-height:25px; font-size:14px;}

/*---------------------------------------------   
    forms
----------------------------------------------*/
#contact-form { margin-bottom: 20px; }

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }
form.form li.button { margin-top: 15px; }

form.form label {
	display: inline-block;
	width: 150px;
	vertical-align:top;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form select {
	padding: 0;
	width: auto;
}

form.form input.postcode,
form.form input.cc { width: 50px; }
form.form input.ccexpiry { width: 30px; }
form.form textarea.comments { height: 80px; }

form.form li.button input, #member-details .buttons input, form.form li.button a {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
	font-weight:bold;
}
form.form li.button input:hover, #member-details .buttons input:hover, form.form li.button a:hover {
	background:#DFCEA2;
	color:#977b48;
}

form.form li.button a#delivery-same {
	padding:6px 8px;
	color:#fff !important;
}
form.form li.button a#delivery-same:hover {
	background:#DFCEA2 !important;
	color:#977b48 !important;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}

form.form label.error {
  background: url(../images/icon-form-error.gif) 0 0 no-repeat !important;
  float: none;
  display: block;
  color: #ff0000;
  font-size: 10px;
  line-height: 10px;
	padding: 0 0 0 15px;
  margin: 2px 0 0 155px;
  width: auto;
}

form.form label.correct {
  background: url(../images/icon-form-valid.gif) 0 6px no-repeat !important;
  width: 10px;
  height: 22px;
  margin-left: 5px;
  vertical-align: top;
  display:inline-block;
  /* NOTE: inline-block not in firefox 2 but will be in firefox 3.
  More info here: https://bugzilla.mozilla.org/show_bug.cgi?id=9458 */
}


/* FAQ listing */
ol.faq-listing {margin:0 !important; padding:0 !important;}
ol.faq-listing li {margin:10px 0 0 0 !important; padding:0 !important;}

/* Member Wishlist */
ul#recent_purchases li,  ul#payment_waiting li,  ul#staff_sales li{
  display: block;
  height: 20px;
  line-height: 20px;
  background: #F6F6F6;
  border: 1px solid #ccc;
  margin-bottom: -1px;
  padding-left: 20px;
}



 ul#recent_purchases li.alt,  ul#payment_waiting li.alt,  ul#staff_sales li.alt{background:#F6F6F6;}
 ul#recent_purchases li.heading,  ul#payment_waiting li.heading,  ul#staff_sales li.heading {background:#333; color:#fff; font-weight:bold; margin-top:5px;}
 ul#staff_sales li.sub-heading{background:#F6F6F6; color:#333; font-weight:bold;}
 ul#payment_waiting li.purchase-options {background:#F6F6F6; color:#333; padding: 3px 0 3px 5px;}

#my-wishlist {width:100%;}
#my-wishlist th{background:#333; color:#fff; font-weight:bold; padding:4px; text-align:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#my-wishlist td{background:#eaeaea; color:#333; padding:4px; vertical-align:top; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.fieldset-hidden{border:none;width:25px;height:25px;display:inline;float:left;padding:0; margin:0;}
.fieldset-wishlist{border:none; display:inline;float:left;padding:0; margin:0;}
.wl-actions{background:#333 !important;color:#FFDD43 !important;width:55px;padding:1px 1px 1px 2px;}
.add-cover, .delete-cover{float:left;}
.add{background: url('../images/page-icon-add.gif') no-repeat; border:0; width:25px; height:25px;}
.delete{background: url('../images/page-icon-delete.gif') no-repeat; border:0;width:25px; height:25px;}
.wl-img {border-left:1px solid #ccc; width:82px;}
.wishlist {margin:15px 0 10px 0;}
.wl-totals {background:#333 !important; color:#fff !important; font-weight:bold; padding:4px; border-left:1px solid #ccc; text-align:right;}
span.special-price {font-weight:bold; color:#000; cursor:pointer;}
span.special-price:hover {color:#000; color:#D85B00;}
span.was-price {text-decoration:line-through; font-style:italic;}