@charset "UTF-8";
@import "http://www.baprresearch.com/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background: #fff; font:12px Helvetica, Arial, sans-serif; color:#555; }
h1,h2,h3,h4,h5,h6,legend { color:#000; }
h1,h2 { font-size: 24px; }
h3,h4 { font-size: 18px; }
h5,h6,legend { font-size: 14px; }

fieldset { margin:15px 0; }

legend { padding:0 0 15px 100px; }
label { clear:both; float: left; display: block; width: 300px; text-align: right; padding:8px 20px 0 0; }
input, select { font-size: 12px; font-weight: bold; padding:3px 5px; margin: 5px 0; }

input { width: 200px; } 
input.short { width: 90px; }
input.long { width: 300px; }
span.note { margin: 0; padding: 0 0 0 10px; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper { width:900px; margin: 0 auto; }

#header { background: #fff url(http://www.baprresearch.com/media/layout/logo.jpg) no-repeat right center; margin: 0 0 20px 0; padding:30px 0; border-bottom: 1px solid #777; }
#header h2 { margin:0 300px 0 0; padding:30px; border-right: 1px solid #777; color:#777; font-size: 18px; text-align: right; }
#main {  }

#footer {  }

/*
	----------------------------
	SECTION SPECIFIC
	____________________________
*/
fieldset#shopping ul { padding: 0; margin:0; list-style: none; float:left; width:500px; }
fieldset#shopping ul li { padding: 8px 0 3px; float:left; width: 49%; }
fieldset#shopping ul li label { padding:0 10px; display: inline; float: none; margin: 0; width: auto; text-align: left; !important }
fieldset#shopping ul li input { width: auto; display: inline; margin: 0; }
fieldset#shopping ul li input#other { width:130px; }

ul#childDetails { margin: 0; padding: 0; list-style: none; }
#child1, #child2, #child3, #child4 { display: none; }

fieldset#submits { padding-left: 320px; }

p#intro { padding:5px 100px; }



/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }