/*------------------------------------------------------------------
KIDS - TABLE OF CONTENTS
.................
1. GENERAL
   1.1 RESETS AND DEFAULTS
   1.2 LINKS
   1.3 HEADERS
   1.4 MODULES
2. LAYOUT
   2.1 SKELETON LAYOUT
   2.1 CONTENT LAYOUT
3. HEADER
   3.1 SITE SEARCH
   3.2 LOGIN STATUS
4. NAVIGATION
5. SHOPPING BASKET
6. STRIP
7. FORMS
   7.1 MAILING LIST
   7.2 AUTHOR SEARCH
 8. EXTRAS
 9. FOOTER
------------------------------------------------------------------*/

/*-----------------------------------------------------------------
PALETE

BLUE                    : #8ADBFD
DARK BLUE           :#34BAE0
DARKER BLUE        : #0072BC

LIGHT GREEN         : #CFF3A9
GREEN                  : #8CD927
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. GENERAL
------------------------------------------------------------------*/

#kids div#header
{

}

/*------------------------------------------------------------------
1.1 RESETS AND DEFAULTS
------------------------------------------------------------------*/

#kids div#content
{
 padding				: 0 10px;
 width					: 600px;
}
#kids div#navigation{
 margin-left			: -960px;
 z-index				: 2;
 position				: relative;
}

#kids div.split
{
 width       	       : 295px;
}

#kids img.main
{
 margin-top				: 1px;
 width					: 295px;
 border					: 0px;
}

#kids div.bg
{
 background				: #FFFFFF;
}

#kids input.text,
#kids select.select
{
 border       		    : 1px solid #8ADBFD;
 color        		    : #34BAE0;
}

#kids img
{
 margin-bottom		 	: 10px;
}
#kids .module
{
 background             : none;
}

/*------------------------------------------------------------------
1.2 LINKS
------------------------------------------------------------------*/



#kids div#wrapper a:hover,
#kids div#strip a,
#kids div#extras div.cloud a:hover,
#kids div#content div.cloud a:hover,
div#recomendations li a
{
 color        	      : #0072BC;
}

#kids div#wrapper .bicolour p a:hover
{
 color				  : #FFFFFF;
}

#kids div#wrapper h2 a,
#kids div#wrapper h3 a,
#kids div#wrapper h4 a
{
 text-decoration      : none;
}

/*------------------------------------------------------------------
1.3 HEADERS
------------------------------------------------------------------*/

#kids h2,
#kids h3,
#kids h4
{
 color               : #0072BC;
}


#kids h2 p
{
 color		 		: #FFFFFF;
 background			: #8CD927;
}

#kids h2 em,
#kids h3 em,
#kids h4 em
{

}



#kids div.bicolour h2,
#kids div.bicolour h3,
#kids div.bicolour h4
{
 color				: #FFFFFF;
}

#kids div.bicolour h2 em,
#kids div.bicolour h3 em,
#kids div.bicolour h4 em
{
 color				: #FFFFFF;
}

#kids div.spotlight h2 a,
#kids div.spotlight h3 a,
#kids div.spotlight h4 a
{
 color				: #FFFFFF;
 font-weight		: 600;
}

#kids div.spotlight h2 a em,
#kids div.spotlight h3 a em,
#kids div.spotlight h4 a em
{
 color				: #FFFFFF;
 font-size			: .8em;
}


#kids #extras h2,
#kids #extras h3,
#kids #extras h4
{
 font-weight		: 600;
 color				: #FFFFFF;
 background         : transparent url(../img/kids/bg_single.gif) no-repeat 0 0;
 border 			: 0;
 padding-top        : 5px;
 padding-left       : 10px;
}

#kids #extras h4
{
 font-size			: 1.1em;
}

#kids div#recomendations h4
{
 padding-left        : 5px;
}

/*------------------------------------------------------------------
1.4. MODULE
------------------------------------------------------------------*/

#kids div.module{
 border				: 0;
 margin-bottom		: 10px;
}


 
#kids  div.primary_display .module,
#kids  div.secondary_display .module
{
 background			: #8ADBFD url(../img/kids/round_bottom_295.gif) no-repeat bottom left;
 border				: 0;
 padding			: 7px 6px;
 margin-top			: 2px;
}

#kids  div.primary_display .module h2,
#kids  div.secondary_display .module h2,
#kids  div.primary_display .module h3,
#kids  div.secondary_display .module h3,
#kids  div.primary_display .module h4,
#kids  div.secondary_display .module h4
{
 margin				: -7px -6px;
 padding			:  10px 6px;
 background			: #8CD927 url(../img/kids/round_top_295.gif) no-repeat top left; 
}

#kids  div.primary_display .spotlight h2,
#kids  div.secondary_display .spotlight h2,
#kids  div.primary_display .spotlight h3,
#kids  div.secondary_display .spotlight h3,
#kids  div.primary_display .spotlight h4,
#kids  div.secondary_display .spotlight h4
{
 margin-left		: -99px;
 width				: 196px;
 padding			: 5px 10px 10px 89px;
 display			: inline;
}

#kids  div#wrapper .image_absent h2,
#kids  div#wrapper .image_absent h3,
#kids  div#wrapper .image_absent p,
#kids  div#wrapper .image_absent ul,
#kids  div#wrapper .image_absent ol
{
 margin				: -7px -6px 0 -6px;
 padding			: 7px 6px 0 6px;
 width				: auto;
 display			: block;
}


#kids  div.primary_display .bicolour h2,
#kids  div.secondary_display .bicolour h2,
#kids  div.primary_display .bicolour h3,
#kids  div.secondary_display .bicolour h3,
#kids  div.primary_display .bicolour h4,
#kids  div.secondary_display .bicolour h4
{
 background-color	: CFF3A9;
 padding-bottom		: 0;
 margin-bottom		: 5px;
}

#kids  div.primary_display .bicolour,
#kids  div.secondary_display .bicolour
{
 background-color	: #CFF3A9;
}
 
#kids  div#extras .rounded
{
 width				: 167px;
 height				: 30px;
 background			: #8CD927 url(../img/kids/round_top_167.gif) no-repeat top left;
}

#kids  div.primary_display .promo,
#kids  div.secondary_display .promo 
{
 padding			: 0;
 margin				: 0 0 10px 0;
}

div.top_promo
{
 background			: #FFFFFF url(../img/kids/round_top_295.gif) no-repeat top left;  
 height             : 123px;
 position			: relative;
}

div.big
{
 height				: 320px;
}

div.top_promo img
{
 position			: absolute;
 bottom				: -10px;
 right				: 0px;
 border				: 0;

}

div.promo a
{
 display			: block;
 padding			: 10px;
 text-decoration	: none;
}

#kids div.primary_display .promo h3,
#kids div.secondary_display .promo h3
{
 background			: transparent;
}

#kids div#wrapper .promo h3 a
{
 color				: #0072BC;
 font-size			: 1.2em;
 padding			: 0 10px 5px 10px;
}

#kids div#wrapper .promo h3 a em
{
 color				: #FFFFFF;
}

#kids div.as_module
{
 margin-top			: 7px;
 background			: #CFF3A9 url(../img/kids/round_bottom_295.gif) no-repeat bottom left;
 padding-bottom     : 10px;
}


#kids  div.as_module h2
{
 background			: #8CD927 url(../img/kids/round_top_295.gif) no-repeat top left; 
 color				: #FFFFFF;
 padding			: 10px;
}

#kids  div.as_module ul,
#kids  div.as_module h3,
#kids  div.as_module p,
#kids  div.as_module  q,
#kids  div.as_module  cite,
#kids  div.as_module  dl
{
 padding-left		: 10px;
 padding-right		: 10px;
}

#kids div.as_module ul
{
 line-height        : 2.2em;
}

#kids  div.as_module h2 em
{
 color				: #0072BC;
}

#kids div#wrapper a.key
{
 background			: transparent url(../img/kids/bg_single_small.gif) no-repeat top left;
 display			: block;
 height				: 24px;
 width				: 93px;
 padding			: 3px 0 0 5px;
}

#kids  div.as_module .basketLink strong
{
 position           : relative;
 top                : -4px;
}
 
 #kids div#wrapper a.key
 {
  color             : #0072BC;
 }
 
 
/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.1 SKELETON LAYOUT
------------------------------------------------------------------*/
#finds div#wrapper
{
 font-size          : 1.1em;
}

#finds div.border
{
 background-color   : #1b2e04;
}

/*------------------------------------------------------------------
2.2 CONTENT LAYOUT
------------------------------------------------------------------*/
#kids div.bicolour 
{

}

#kids .bicolour img{

}

#kids .bicolour p{
 color               :  #0072BC;
}

#kids div#wrapper .bicolour p a{
 color               :  #0072BC;
}

#kids div#wrapper .bicolour p a:hover
{
 color               :  #0072BC;
}

#kids div#listing form,
#kids div#listing .form_wrapper
{
 background           : #CFF3A9;
}

#kids div#listing label
{
 color                : #0072BC;
}

/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/
#kids h1 a
{
 background         : url(../img/kids/h1_logo.png) no-repeat top left;
 height             : 67px;
 width              : 368px;
}

#kids div.border
{
 background         : #FFFFFF;
 height				: 0px;
}

/*------------------------------------------------------------------
3.1 SITE SEARCH
------------------------------------------------------------------*/

#kids form#site_search,
#kids form#site_search a
{
 color				: #34BAE0;
}

#kids form#site_search input.text
{
 border             : 1px solid #8ADBFD;
 color              : #34BAE0;
}

/*------------------------------------------------------------------
3.1 LOGIN STATUS
------------------------------------------------------------------*/
#kids dl#login_status
{
 font-weight		: 500;
 color              : #34BAE0;
}

#kids dl#login_status dd
{
 font-weight		: bold;
 color              : #34BAE0;
}


/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/
#kids div#navigation
{
 margin-top         : -4px;
}

#kids div#navigation dl 
{
 background			: transparent;
}

#kids div#navigation dl dt
{
 background         : #36BEF2 url(../img/kids/accordion_light.jpg) no-repeat 0 0;
 width              : 171px;
 margin-top         : 5px;
}

#kids div#navigation dl dd ul
{
 background			: transparent;
 width              : 171px;
 display			: block;
}

#kids div#navigation dl dd ul li
{
 background         : #8CD927 url(../img/kids/accordion_dark.jpg) no-repeat 0 0;
 width              : 171px;
 margin-top         : 5px;
}

#kids div#navigation dl dd
{
 width              : 171px;
}

#kids div#navigation dl dt
{
 border-bottom      : 0;
}

#kids div#navigation dl dd ul li
{
 border-bottom      : 0;
}


#kids div#navigation dl dt,
#kids div#navigation dl dt a,
#kids div#navigation dl dt a:hover,
#kids div#navigation dl dt a span
{
 color				: #FFFFFF;
 font-weight		: 900;
}

#kids div#navigation dl dt.toggle_style
{
 color              : #36BEF2;
}

#kids div#navigation dl dt a 
{
 padding            : 4px 10px 3px 10px;
}



#kids div#navigation dl dd ul li a
{
 padding            :4px 10px 3px 20px;
 color              : #FFFFFF;
}

#kids div#navigation dl dd ul li a:hover
{
 color              : #0072BC;
}


#kids div#navigation dl dt.toggle_style a span,
#kids div#navigation dl dt.toggle_style a,
#kids div#navigation dl dt.toggle_style a:hover
{
 background         : #8CD927 url(../img/kids/accordion_dark.jpg) no-repeat 0 0;
 color				: #FFFFFF;
 font-weight		: 900;
}

#kids div#navigation dl dd ul
{
}


/*------------------------------------------------------------------
5. SHOPPING BASKET
------------------------------------------------------------------*/
#kids div#extras h4#basket_header
{
 color				: #FFFFFF;
 background         : transparent url(../img/kids/bg_single.gif) no-repeat 0 0;
 border 			: 0;
}

#kids div#extras ul#basket
{
 border-top         : 0;
}

#kids div#extras ul#basket li.price
{
 border-top         : 0;
}

#kids div#extras ul#basket li.empty
{
 color				: #22333B;
 background         : #FFFFFF;
}

#kids div#extras ul#basket
{
 background         : #CFF3A9;
 margin-right       : 3px;
}

#kids div#extras ul#basket li.price
{
 background			: #8ADBFD url(../img/kids/round_bottom_167.gif) no-repeat bottom left;
}

#kids div#wrapper ul#basket a,
#kids div#extras ul#basket li
{
 color              : #0072BC;
}
#kids div#wrapper ul#basket a:hover
{
 color              : #34BAE0;
}


/*------------------------------------------------------------------
6. STRIP
------------------------------------------------------------------*/


/*------------------------------------------------------------------
7. FORMS

------------------------------------------------------------------*/


/*------------------------------------------------------------------
7.1  TITLE FORM

------------------------------------------------------------------*/

#kids div#title_form  fieldset 
{
 background-color	: #CFF3A9;
 width				: 162px;
 padding			: 0 0 0 5px;
 position			: relative;
}

#kids div#title_form  fieldset  legend
{
 position			: absolute;
 top				: 5px;
 display			: inline;
 word-wrap			: break-word;
 overflow			: hidden;
 margin-top			: -30px;
 margin-left        : 5px;
 color				: #FFFFFF;
 font-weight		: 700;
 font-size			: 1.1em;
}

#kids div#title_form  fieldset  input.text,
#kids div#title_form  fieldset select
{
 width				: 153px;
 margin-bottom      : 1.3em;
 padding            : 3px 0;
}

#kids div#title_form  fieldset  input.submit
{
 margin-bottom		: -5px;
 margin-left		: -5px;
}

#kids div#title_form fieldset  label{
 display			: block;
 padding			: 5px 0;
 color              : #0072BC;
 font-size          : 0.9em;
}

#kids div#title_form fieldset label span{
 float				: right;
 width				: 25px;
 text-align			: right;
 padding			: 0 10px 0 0;
}

/*------------------------------------------------------------------
8. EXTRAS
------------------------------------------------------------------*/

#kids div#extras div.nav a 
{
 color              : #0072BC;
}

#kids div#extras div.nav a:hover
{
 color        	      : #34BAE0;
}

#kids div.nav ul li
{
 padding			  : 2px 0;
}

#kids div#extras div.nav
{
 background             : #CFF3A9; 
 width        	    	: 165px;
}

#kids div#extras div.nav h4
{
 position       	     : relative;
 top             	     : -5px;
}

#kids div#extras div.nav ul
{
 text-align         	  : center;
}


#kids  dl.title_details dt
{
 color                    : #0072BC;
}
#kids  dl.title_details dd
{
 color                    : #0072BC;
}

/*------------------------------------------------------------------
8. FOOTER
------------------------------------------------------------------*/

#kids div#footer
{
 position				: relative;
 z-index				: 1;
}

/*
#kids div#footer_image
{
 height					: 319px;
 width					: 377px;
 background				: transparent url(/site-media/img/kids/bg.jpg) no-repeat bottom right;
 position				: absolute;
 top					: -319px;
 margin-left			: -200px;
}
*/