/* CSS Document */

/*
Colours
New
blues = #369AFF
dark blue = #00509F
light blue = #4FA7FF
sky blue = #B7DBFF
yellow = #FFFF00

old
Light Blue : #369AFF
Dark Blue : #00509F
orange: #FF8135



module blue: #D9ECFF
Yellow: #FEDF82
red: #EF404B
*/

/* Generic for website ---------------------------------------------------------------------------------------- */

* {margin:0;padding:0}
p {margin-bottom:1em;}

p.bluestatement
{
	font-weight: bold;
	color: #00509F;
}
ul{margin-left:20px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	background:#FFF;
	color: #000;
	font-size: 10pt;
	font-weight: normal;
	font-family: verdana, arial, georgia;
}

a
{
		color: #00509F;

}

a:hover
{
		color: #EF404B;

}

a img
{
	border: none;
}

img.border
{
	border: 1px solid #00509F;
}

.hrline
{
	width: 90%;
	margin: 10px 5%;
	font-size: 1px;
	height: 10px;
	background: url('../images/blueline.gif') bottom left repeat-x;
	padding: 0;
	border: 0;
	clear: both;
}


img.title
{
	margin: 10px 0 0 6px ;
}

#outer{
	margin-left:190px;
	margin-right:190px;
	background: #fff;
	border-left:1px solid #00509F;
	border-right:1px solid  #00509F;
	margin-bottom:-30px;
	min-height:100%
}


/* css stuff below is just for presentation and not needed for the demo 

@media all and (min-width: 0px){
  #left a:hover span {
	top:150px;
  }
}

*/
html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-45px;} /*safari wrapper */

#clearheader{height:130px;}/*needed to make room for header*/
#clearfooter{clear:both;height:45px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */




/* Top ---------------------------------------------------------------------------------------- */

#topbar
{
	height: 10px;
	padding: 0;
	margin: 0;
	font: 2pt arial;
	background: #369AFF url('../images/web/repeat.gif');
}

#logo
{
	width: 100%;
	height: 100px;
	border-top: 1px solid #00509F;
}

#logo img
{
	border: none;
		margin-top: 10px;

}


#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:110px;
	background: #369AFF url('../images/web/radio-controlled-logo.gif') bottom right no-repeat;
	overflow:hidden;
	border-top: 1px solid #00509F;
	border-bottom: 1px solid #00509F;

}




/* Main content ---------------------------------------------------------------------------------------- */


#centrecontent p { padding: 0  20px; text-align: justify;}

.sectionlinks
{
	color: #F89A49;
	font: 8pt verdana;
	text-align: center;

}

.sectionlinks p
{
	text-align: center;

}

.sectionlinks a
{
	text-decoration: none;
		font: 8pt verdana;

}



#centrecontent {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	margin:0 -1px;/* moz fix*/
	color: #000;
}

#centrecontent ul{
	margin-left: 20px;
	
}

#centrecontent ul li{
	margin-left: 20px;
	list-style-type: none;
	background: url('../images/bullet-double.gif') 0 3px no-repeat;
	padding-left: 15px;
	
}

span.infoBoxContents
{
	display: block;
}

#beddingtable
{

	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #369AFF;
}

#beddingtable td
{

	font: 10pt verdana;
}



#faqs-p #centrecontent ul li{
	margin-left: 10px;
	list-style-type: none;
	background: url('../images/q.gif') left top no-repeat;
	padding-left: 20px;
	padding-bottom: 1px;
	color: #00509F;
	
}

#faqs-p #centrecontent ul li ul li{
	background: url('../images/a.gif') left top no-repeat;
		color: black;
	margin-top: 5px;

}

div.testibox 
{
		border: 1px solid #00509F;
	background: #DDF3FF;
	margin: 18px 20px 18px 20px;
	padding: 5px 5px 0px 5px;
	width: 90%;
	
	

}

div.testibox p
{
	background: #00509F;
	color: white;
	font-weight: bold;
	height: 15px;
	padding: 2px;
	margin: 5px -5px 0px -5px;
}

div#bwproduct
{
	border: 1px dashed #00509F;
	margin: 0 5%;
	height: 100%;
	width: 80%;
}

#bwproduct-table 
{
	padding: 0;
	margin: 0;
	width: 100%;
}

#bwproduct-table img
{
	border: 1px solid #00509F;
	margin-left: 20px;
}

#bwproduct-leftimg
{
	width: 205px;
	text-align: center;
}


div#bwproduct p
{
	font-size: 12pt;
	font-weight: bold;
	color: #00509F;
	margin: 20px;
}
div#bwproduct a 
{
	font-size: 10pt;
	font-weight: normal;
	color: #00509F;
	margin: 20px;
}

div#bwproduct span
{
	color: #EF404B;
}

div#bwproduct-head
{
	border-bottom: 1px dashed #00509F;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #FFFF66;
	height: 25px;
	width: 100%;
}

div#bwproduct-head p
{
	margin: 2px;
	font-size: 10pt;
	font-weight: bold;
	color: #00509F;

}



/* left nav ---------------------------------------------------------------------------------------- */

#left {
	width: 190px;
	position: absolute;
	left: 0px;
	top: 150px;
	z-index: 1;
	color: white;
}

.leftimage
{
	margin: auto;
	width: 160px;
	clear: both;
	text-align: center;
	z-index: 1;
	margin-top: 20px;	
	margin-bottom: 10px;	
}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 150px;

	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		margin-bottom : -1px;
		width: 177px;

	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 150px;
		top: 1px;

		
	}
	#nav li ul.ulup { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 150px;
		top: -140px;
		
		
	}
	#nav li ul.duvets { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 150px;
		top: -240px;
		
		
	}
	#nav li ul.level { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 177px;
		top: 0px;
		
		
	}

	
#nav li ul ul  { /* 2nd-level lists */
		top: -80px;
		
		
	}
	#nav li ul ul { /* 3rd-level lists */
		position : absolute;
		left: -999em;
		margin-left : 188px;
		top: 0px;
}
	#nav li ul ul ul{ /* 3rd-level lists */
		position : absolute;
		left: -999em;
		margin-left : 243px;
		top: 0px;
		
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;

	}
	
	#nav li a {
		width: 177px;
		w\idth : 177px;
		display : block;
		border : 0;
		height: 41px;

	}
	
		#nav li ul li a {
		width: 185px;
		w\idth : 185px;
		display : block;
		font-weight : normal;
		text-decoration: none;
		color: #555;
		padding: 1px;
		border: 1px solid #369AFF; 
		background: #B7DBFF;
		font-size: 10pt;
		height: 17px;
	}
	
#nav li ul li ul li a {
		width: 240px;
		w\idth : 240px;
}

		#nav li ul li a:hover {
	color: #FF8135;
	background: #FFD8BF;

	}

	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	


#leftblock
{
	width: 150px;
	min-height: 215px;
	background: #369AFF url('../images/web/menu-repeat.png') repeat-y;
	margin: 0 5px;
	border: 1px solid #369AFF;
	padding: 0 0 2px 0;

} 



#left a#menu1, #left a#menu2, #left a#menu3, #left a#menu4, #left a#menu5, #left a#menu6, #left a#menu7  
{
	height: 23px;
	width: 148px;
	border-top: 1px solid #369AFF;
	border-bottom: 1px solid #369AFF;
	display: block;
	font: bold 10pt verdana;
	color: #333;
	text-decoration: none;
	margin: 2px 0;
	padding-top: 3px;
}

#left a:hover#menu1, #left a:hover#menu2, #left a:hover#menu3, #left a:hover#menu4, #left a:hover#menu5, #left a:hover#menu6, #left a:hover#menu7  
{
	background: #369AFF ;
	border-top: 1px solid #369AFF;
	border-bottom: 1px solid #369AFF;
	color: #fff;
}

#section1 #left a#menu1, #section2 #left a#menu2, #section3 #left a#menu3,  #section4 #left a#menu4, #section5 #left a#menu5, #section6 #left a#menu6, #section7 #left a#menu7  
{
	height: 19px;
	width: 144px;
	background: #369AFF url('../images/web/repeat.gif');
	border: 1px solid #00509F;
	color: #FFFF00;
		margin: 3px 2px;
	padding-top: 3px;

}

span
{
	margin-left: 4px;
}



/* right menu ---------------------------------------------------------------------------------------- */

#right p {padding:3px; margin:0;}
#right {
	position:relative;/*ie needs this to show float */
	width:190px;
	float:right;
	margin-right:-189px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
	color: #000;
		margin-top: 20px;
		text-align: center;
}


#right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	

#right ul li a {
	display: block;
	text-decoration: none;
	background: url('../images/star-bullet.gif') top left no-repeat;
	padding: 0 0 2px 20px;
	border-bottom: 1px dashed #369AFF;
	margin: 2px 0 0 2px;
	}
	
#monthlybargain
{
	width: 150px;
	margin: 10px auto;
	text-align: center;
}
#shopbuttons
{
	background: white;
	width: 148px;
	border: 1px solid #00509F;
	border-top: none;
	margin: auto;
	font: 10pt verdana;
	color: #00509F;
	
}

#shopbuttons a
{
	font: 10pt verdana;
	color: #00509F;
	
}
#shopbuttons a:hover
{
	font: 10pt verdana;
	color: #EF404B;
	
}




#rightimage
{
	padding: 0;
	margin: auto;
	width: 150px;
	border: 1px solid #00509F;
	background: #369AFF url('../images/web/repeat.gif');
	height: 20px;
	color: #FFFF00;
	font: bold 10pt verdana;


}




#kids-character-bedding
{
	width: 150px;
	background: url('../images/kids-character-bedding.gif') top left no-repeat;
	height: 24px;
	margin: auto;
	margin-top: 20px; 
}
.rightbox
{
	width: 148px;
	border: 1px solid #00509F;
	background: white;
	text-align: left;
	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.rightbox ul
{
	margin-right: 5px;
	text-align: left;
	
}
#kids-character-bedding a
{
	font: 10pt arial;
	color: #666;
	float: left;
}





/* footer ---------------------------------------------------------------------------------------- */

#footer {
	width:100%;
	clear:both;
	height:30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background: #369AFF url('../images/web/repeat.gif');
	text-align:center;
}
#footer img{
	clear:both;
	margin: auto;
	margin-top: 10px;
	display: block;
	}




#footer a, #left a { color:#555; }
	
#footer a:hover {
	text-decoration: none;
	color:#222;
	background: #FFF;
}
#footer a:hover span {
	display:block;
	position:absolute;
	top:-95px;
	width:150px;
	z-index:20;
	background:#fff;
	left:50%;
}








/* --------------------------------------------------- figures caption -------------------- */

.figure {
  margin: 0 20px 10px 20px;
  width: 161px;
  display: inline;
clear: none;
float: left;
	text-align: center;
	border-bottom: 1px dashed #00509F;
	padding-bottom: 15px;
}

.figurelogo {
  margin: 0 20px 12px 20px;
  width: 120px;
  display: inline;
clear: none;
float: left;
	text-align: center;
	vertical-align: bottom;
}

.figurelarge {
  margin: 0 20px;
  width: 200px;
  display: inline;
clear: none;
	float: left;
	text-align: center;
}

.figurelarge img{
/*	float: center; */
	text-align: center;
		border: 1px solid #00509F;

}

.figurelarge p
{
	font-size: 16pt
}

#centrecontent p.credit
{
	text-align: center;
	font-size: 8pt;
	margin: 0;
	padding: 0;
}

#centrecontent p.credit a
{
	font-size: 10pt;
}

#centrecontent .figure img
{
	margin: auto;
	border: 1px solid #00509F;
}

#centrecontent  .figure p.caption {
  font-style: italic;
  text-align: center;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.figure .title {
  color:  #EF404B;
  font-weight: bold;
  font-size: 110%;
}
.figurelarge .title {
  color:  #EF404B;
  font-weight: bold;
  font-size: 110%;
}

.figure .title2 {
  color:  black;
  font-weight: bold;
  font-size: 110%;
}
.figure .title:after {
  content: "  ";
}



/* -------------------------------------- Heading Title styles ------------------------ */

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #EF404B;
font-size: 16pt;
padding: 0  0 20px 20px;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14pt;
 font-weight: normal;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-bottom: 0;
color: #00509F;
}

h3 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-bottom: 0;
color: #EF404B;
}

h4
{
 font-family: Verdana, Arial, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-bottom: 0;
color: #00509F;
text-align: left;
}

h5
{
 font-family: Verdana, Arial, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-bottom: 0;
color: red;
text-align: center;

}


/* -------------------------------------- Form Style ----------------------------------------- */

.error
{
	font: bold 14pt verdana;
	color: red;
}


form#two {background:#DDF3FF; width:370px; padding:10px; border:1px solid #000; margin:0 auto;}
div#bratzform form#two {background:#F9A7E2;}
form#two fieldset {width:350px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#two fieldset#personal {background:transparent url(../images/crutch.gif) no-repeat 400px 10px;}
form#two fieldset#medical {background:transparent url(cssplay/sling.gif) no-repeat 400px 10px;}
form#two fieldset#current {background:transparent url(cssplay/cold.gif) no-repeat 390px 10px;}
* html form#two fieldset#personal, * html form#two fieldset#medical {background-position:400px 20px;}
* html form#two fieldset#current {background-position:390px 20px;}
form#two fieldset#opt {background:#DDF3FF;}
form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(../images/form.gif) repeat-x center left;}
form#two fieldset#personal label {clear:left; display:block; float:left; width:110px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
div#bratzform form#two label {color: white;}
form#two label {clear:left; display:block; float:left; width:270px; text-align:right; padding-right:10px; color:#888; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff url(../images/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {width:310px; height:8em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(../images/form.gif) repeat-x bottom left;}
form#two option {background:#788; color:#fff;}
form#two optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#two optgroup option {background:#9aa; color:#fff;}
form#two #button1, form#two #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:135px; margin-left:8px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;}

div.kids-bedding-form
{
	width: 450px;
	margin: 20px auto;
	padding-top: 10px;
	border: 1px solid #00509F;
	background: #369AFF;
	color: black;
	clear: both;
}

#end
{
		color: #00509F;
	font: 8pt verdana;
	text-align: center;

}

.sublinks
{
	text-align: center;
		font-size: 8pt;

}
.sublinks a
{
	font-size: 8pt;
}

/* New Product Listing -------------------------------------------------- */

.prod9 {
  margin: 0 10px 30px 10px;
  width: 265px;
  display: inline;
clear: none;
float: left;
	text-align: center;
	border: 1px dashed #2DB6FF;
	padding: 5px;
	height: 210px;
	background: white url('../images/yellblend.png') top left repeat-x;

}

a.prodname{
font-weight: bold;
text-decoration: none;
font-size: 10pt;

}

.prodright9 {
float: right;
width: 150px;
text-align: left;
font: 8pt verdana;
padding: 0;
margin: 0;
}

.prodright9 a.readmore {
font: 8pt verdana;
}

.prodleft9 {
float: left;
width: 110px;
padding: 0;
margin: 0;
}

.prodleft9 img{
width: 100px;
height: 117px;
margin: 0;
padding: 0;
margin-right: 10px;
	border: 1px solid #000;

}

.prod-price
{
	color: red;
	font-size: 12pt;
		font-weight: bold;
	margin-top: 10px;
}

.prodbold
{
	color: black;
}