/* CSS Document */

/*
Colours


dark pink : #FDB7B9
light pink: #FFCCCC
yellow: #FEE3A6
red: #EF404B


Light Blue : #FFCCCC
Dark Blue Borders : #FDB7B9
module blue: #DDF3FF
Yellow: #FEE3A6
red: #EF404B
orange: #F89A49
*/



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

p.bluestatement
{
	font-weight: bold;
	color: #FDB7B9;
}
span.bold
{
		font-weight: bold;
}

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

body {
	background: #FFCCCC url('../images/bgrepeat.gif') repeat-y 0px 90px;
	color: #000;
	font-size: 10pt;
	font-weight: normal;
	font-family: verdana, arial, georgia;
}

a
{
		color: #555;

}

a:hover
{
		color: #EF404B;

}

a img
{
	border: none;
}

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

img.border
{
		border: 1px solid #FDB7B9;

}

span.infoBoxContents
{
	display: block;
}

#beddingtable
{

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

#beddingtable td
{

	font: 10pt verdana;
}



#outer{
	margin-left:190px;
	margin-right:160px;
	background: #fff;
	border-left:1px solid #000;
	border-right:1px solid  #000;
	margin-bottom:-52px;
	min-height:100%
}

#topbar {
	height: 35px;
	padding: 0;
	margin: 0;
	background: #FFCCCC;
	} 

#topbar ul {
	margin: 0;
	padding: 0;
	display: inline;
	} 

#topbar ul li {
	margin: 0;
	padding:0;
	border: none;
	list-style: none;
	display: inline;
		height: 35px;
	width: 76px;
	float: left;
	}
#logo
{
	height: 80px;
	width: 388px;
	float: left;
}

#blend
{
	height: 80px;
	width: 393px;
	float: right;
}


#searchbar
{
	height: 21px;
	width: 220px;
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px;
}

#searchbar #bwsubmit
{
	height: 21px;
	width: 52px;
	background: url('../images/bedding-search.gif') top right no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
}

#textquery1
{
	border: 1px solid #2EB6FF;
	background: white;
	width: 136px;
	height: 21px;
	padding: 2px;
	margin: 0;

}

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background: #FDB7B9 url('../images/toplines.gif') repeat-x bottom left;
	}
	
#monthlybargain
{
	width: 150px;
	margin: 10px auto;
	text-align: center;
}
#shopbuttons
{
	background: white;
	width: 148px;
	border: 1px solid #FDB7B9;
	border-top: none;
	margin: auto;
	font: 10pt verdana;
	color: #FDB7B9;
	
}

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


#right {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:right;
	margin-right:-149px;/*must be 1px less than width otherwise won't push footer down */
	left:1px;
	color: #000;
		margin-top: 10px;
		text-align: center;
}




#rightimage
{
	padding: 0;
	margin: auto;
	width: 150px;
	border-bottom: 1px solid #FDB7B9;
	background: url('../images/cart-head.gif') top left no-repeat;
	height: 25px;

}

#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 #FDB7B9;
	background: white;
	text-align: left;
	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.rightbox ul
{
	margin-right: 5px;
	float-left;
	text-align: left;
	
}
#kids-character-bedding a
{
	font: 10pt arial;
	color: #666;
	float: left;
}


/* --------------------------------------- Footer ------------------------ */

#footer {
	width:100%;
	background: #FDB7B9 url('../images/toplines.gif') repeat-x top left;
	clear:both;
	height:52px;
	text-align:center;
}
#footer img{
	clear:both;
	margin: auto;
	margin-top: 10px;
	display: block;
	}
#clearheader{height:110px;}/*needed to make room for header*/
#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */

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

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

#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 #FDB7B9;
	background: #DDF3FF;
	margin: 18px 20px 18px 20px;
	padding: 5px 5px 0px 5px;
	width: 90%;
	
	

}

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


#buttonsub
{
	border: 0;
	background: url('../images/submit.gif') no-repeat;
	width: 134px;
	height: 41px;
}

#buttonreset
{
	border: 0;
	background: url('../images/reset.gif') no-repeat;
	width: 134px;
	height: 41px;
}

/* css stuff below is just for presentation and not needed for the demo */
#centrecontent p { padding: 0  20px; text-align: left;}
#topnav span, #footer span, #left span {
	display:none;	
}	
}
@media all and (min-width: 0px){
  #left a:hover span {
	top:150px;
  }
}

#footer p
{
	margin-top: 15px;
	text-align: center;
}
#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%;
}
html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */







/* left nav ---------------------------------------------------------------------------------------- */
	
	#left {
	width: 190px;
	position: absolute;
	left: 0px;
	top: 110px;
	z-index: 1;
}


	#nav { /* 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: 150px;

	}


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

	}

#left a#menu1, #left a#menu2, #left a#menu3, #left a#menu4, #left a#menu5, #left a#menu6, #left a#menu7  
{
	height: 20px;
	width: 148px;
	border-left: 10px solid #FEE3A6;
	border-bottom: 1px solid #ff0000;
	display: block;
	font: normal 12pt times new roman;
	color: #003399;
	text-decoration: none;
	margin: 2px 0 10px 10px ;
	padding-left: 5px;
}

#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  
{
	border-left: 10px solid #ff0000;
	color: black;
}

.leftbox
{
	width: 148px;
	border: 1px solid #FDB7B9;
	background: white;
	text-align: left;
	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.leftbox p
{
	margin: 2px;
	font-size: 8pt;
}

.leftbox i
{
	color: #EF404B;
}

#left .leftbox a
{
	font-size: 8pt;
	color: #FDB7B9;
}

#left .leftbox a:hover
{
	color: #EF404B;
}

/* top nav ---------------------------------------------------------------------------------------------- */




#topbar a#home-t, #topbar a#childrens-curtains-t, #topbar a#childrens-bedding-t, #topbar a#childrens-bedroom-design-t, #topbar a#about-t, #topbar a#contact-t, #topbar a#testimonials  
{
	height: 35px;
	width: 76px;
	border-right: 1px solid #97DBFF;
	border-bottom: 1px solid #97DBFF;
	display: block;
}

#topbar a:hover#home-t, #topbar a:hover#childrens-curtains-t, #topbar a:hover#childrens-bedding-t, #topbar a:hover#childrens-bedroom-design-t, #topbar a:hover#about-t, #topbar a:hover#contact-t, #topbar a:hover#testimonials 
{
	background-position: 0 -41px;
}
#homep #topbar a#home-t, #privacy-p #topbar a#childrens-curtains-t, #faqs-p #topbar a#childrens-bedding-t, #shipping-p #topbar a#childrens-bedroom-design-t, #contact-p #topbar a#contact-t , #about-p #topbar a#about-t, #testimonials-p #topbar a#testimonials  
{
	background-position: 0 -81px;
	
}

#homep #topbar a:hover#home-t, #privacy-p #topbar a:hover#childrens-curtains-t, #faqs-p #topbar a:hover#childrens-bedding-t, #shipping-p #topbar a:hover#bedroom-design-t, #about-p #topbar a:hover#about-t, #contact-p #topbar a:hover#contact-t, #testimonials-p #topbar a:hover#testimonials 
{
	background-position:  0 -81px;
}

#topbar a#home-t
{
	background: url('../images/childrens-bedding-direct.gif') no-repeat;
}


#topbar a#childrens-bedding-t
{
	background: url('../images/faq.gif') no-repeat;
}


#topbar a#childrens-curtains-t
{
	background: url('../images/privacy.gif') no-repeat;
}



#topbar a#childrens-bedroom-design-t
{
	background: url('../images/shipping.gif') no-repeat;
}


#topbar a#about-t
{
	background: url('../images/about-childrens-bedding.gif') no-repeat;
}


#topbar a#contact-t
{
	background: url('../images/contact-childrens-bedding.gif') no-repeat;
}

#topbar a#testimonials
{
	background: url('../images/testimonials.gif') no-repeat;
}




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

.figure {
  margin: 0 20px 10px 20px;
  width: 161px;
  display: inline;
clear: none;
float: left;
	text-align: center;
	border-bottom: 1px dashed #FDB7B9;
	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 #FDB7B9;

}

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

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


/* -------------------------------------- Image styles ------------------------ */

#about-p #centrecontent a img
{
	border: 1px solid #FDB7B9;
}

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

h1#hometitle
{
 		background: url('../images/titles/childrens-bedding.gif') no-repeat;
 		width: 321px;
 		height: 58px;
 }

h1.hometitle span
{
 		display: none;
 }

h1
{
 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;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12pt;
 font-weight: bold;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-bottom: 0;
color: #FDB7B9;
}

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

}

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

}

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;

}

h2.girl {
color: #F9A7E2;
}

h1 span
{

	display: none;
}








/* -------------------------------------- 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;}
* 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 #FDB7B9;
	background: #FFCCCC;
	color: black;
	clear: both;
}

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

}

.little-misses
{
		color: #C6175E;
}

#cse-search-results
{
	margin-left: 10px;
}

img.floatright
{
	float:right;
	border: 1px solid black;
	margin-right: 10px;
	margin-bottom: 10px;
}


.products_table
{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 15px;
	border: 0;
	border-bottom: 1px dashed #FDB7B9;
}

.products_table .product_image
{
	width: 150px;
	text-align: left;
	vertical-align: top;
}

.products_table .product_imagelink
{
	text-align: center;
	margin: 0;
}

.products_table .product_description
{
	text-align: left;
	font: normal 10pt verdana;
}

.products_table .product_price
{
	text-align: right;
	font: bold 12pt verdana;
	color: #EF404B;
}

.products_table .product_buy
{
	float: right;
	font: bold 12pt verdana;
	margin-bottom: 5px;
	margin-right: 20px;
}

td.buynow
{
	text-align: right;
	background: white;
}

td.buynow .quantity
{
	margin-bottom: 15px;
}

.aweberform table
{
	border: 1px dashed #FDB7B9;
	background: #FEE3A6;
		width: 400px;

}

.aweberform td
{
	text-align: left;
}

.centerproducts, .centermanu
{
	margin-bottom: 20px;
}