/*
 * Zerbert Baby CSS Styles Sheet
 * Created by Tamara Koehler and Leo Wurschmidt with Triune Designs
 * 10/31/2008
 */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #250000;
	background-color: #fff;
	text-align: center;
}
ol {
	list-style: none;
}
form {
	margin-left: 25px;
}
fieldset {
	border: none;
}
label {
	text-transform: uppercase;
}
input {
	margin: 2px 0 15px 0;
}
#main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 35px;
	width: 822px;
	text-align: left;
	background-color: #fff;
}
#content {
	position: relative;
	width: 819px;
	padding-bottom: 15px;
	background: #b1bd89 url(../images/contentBkgrnd.png) repeat-y left top;
}
#sidebar {
	position: absolute;
	top: 10px;
	left: 3px;
	bottom: 0;
	width: 225px;
	background: transparent url(../images/flowersLrg.jpg) no-repeat 10px 0;
	overflow: hidden;
}
* html #sidebar {
	height: 376px;
}
#sidebar a {
	color: #250000;
}
#sidebar h1 {
	font-size: 18px;
	margin: 10px 2px 30px 8px;
	font-weight: normal;
}
#sidebar h2 {
	position: absolute;
	left: 0;
	bottom: 30px;
	margin: 0 35px 0 35px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	background-color: transparent;
}
* html #sidebar h2 {
	width: 160px;
}
#sidebar p {
	margin: 0 7px 15px 8px;
}
#info {
	position: relative;
	width: 572px;
	margin: 0 0 0 225px;
	background: transparent url(../images/infoBkgrnd.jpg) repeat-y left top;
}
#info a {
	color: #250000;
}
#info h1, #info h2 {
	font-size: 12px;
	margin: 0 25px 0 25px;
}
#info h2.flower {
	background: #fff url(../images/flwrsTxtSm.jpg) no-repeat center top;
	width: 540px;
	padding-top: 35px;
}
#info p {
	margin: 0 25px 10px 25px;
}
p#firstPar {
	margin-bottom: 25px;
}
#infoTop {
	width: 571px;
	height: 37px;
	background: transparent url(../images/infoTop.jpg) no-repeat left top;
}
#infoBottom {
	width: 571px;
	height: 37px;
	clear: both;
	background: transparent url(../images/infoBottom.jpg) no-repeat left bottom;
}
.extraEmphasis {
	font-weight: bold;
}
.infoImg {
	margin-left: 250px;
}
#flowersLayer {
	position: absolute;
	bottom: 93px;
	right: -9px;
	width: 63px;
	height: 57px;
	background: transparent url(../images/flowersSm.png) no-repeat left top;
}
* html #flowersLayer { /* * html hack to address lack of png transparency in ie6. */
	right: -7px;
	bottom: 88px;
	background-image: url(../images/flowersSm.jpg);
}
.external {
background :transparent url(../images/ext.gif) no-repeat right center;
padding-right:12px;
}
.popup {
background :transparent url(../images/pop.gif) no-repeat right center;
padding-right:12px;
}
/* ---------------------- navigation information --------------------- */
#nav {
	width: 840px;
	height: 91px; /* adjusted based on padding-top.  was 192px; */
	background: transparent url(../images/navbar.jpg) no-repeat left top;
	padding-top: 101px;
	text-transform: uppercase;
}
#nav ul {
	list-style: none;
	margin-left: 238px;
}
#nav li {
	float: left;
	width: 85px;
	margin-right: 7px;
	text-align: center;
	height: 19px;
}
#nav a {
	display: block;
	width: 100%;
	height: 100%;
	color: #250000;
	padding-top: 7px;
	text-decoration: none;
}
#nav li.collNav {
	width: 120px
}
#nav li.setsNav {
	width: 105px;
}
#nav li.zerbNav {
	width: 140px;
}
#nav li.contactNav {
	width: 110px;
	margin-right: 0;
}
/* ------------------------ footer nav information ------------------- */
#footerNav {
	width: 835px;
	height: 68px;
	padding-top: 59px;
	background: transparent url(../images/footerNav.png) no-repeat left top;
	text-transform: uppercase;
}
#footerNav ul {
	list-style: none;
}
#footerNav li {
	float: left;
	width: 95px;
	height: 16px;
	margin-right: 1px;
	text-align: center;
}
#footerNav a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 4px;
	color: #250000;
	text-decoration: none;
}
/* #footerNav li.homeNav {
	width: 60px;
} */
#footerNav li.storyNav {
	width: 60px;
}
#footerNav li.servNav {
	width: 160px;
}
#footerNav li.wholeNav, #footerNav li.accNav {
	width: 125px;
}
#footerNav li.emailNav {
	width: 175px;
}
#footerNav li.linksNav {
	width: 80px;
	margin-right: 0;
}
#nav a.homeNav {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 238px;
	height: 162px;
}
/*			<li class="servNav"><a href="#" class="servNav">customer service</a></li>
			<li class="storesNav"><a href="#" class="storesNav">stores</a></li>
			<li class="linksNav"><a href="#" class="linksNav"> */
/* ------------------------ index information ------------------------ */
body.index #info {
	height: 372px;
	background: transparent url(../images/indexImage.jpg) no-repeat left top;
}
#indexTemp {
	font-style: italic;
}
/* ----------------------- collections info -------------------------- */
body.products #info {
	width: 620px;
	margin-left: 177px;
	background-image: url(../images/infoBkgrndProducts.jpg);
}
body.products#collect #info {
	height: 400px;
}
body.products #infoTop {
	width: 620px;
	background-image: url(../images/infoTopProducts.jpg);
}
body.products#collect #infoTop {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
body.products #infoBottom {
	width: 620px;
	background-image: url(../images/infoBottomProducts.jpg);	
}
body.products#collect #infoBottom {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.collections {
	position: absolute;
	background: #fff url(../images/collectionsBurpCloths.jpg) no-repeat left top;
	z-index: 10;
}
body#collect #info a {
	color: #250000;
	text-decoration: none;
}
body#collect h2 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	background: transparent url(../images/oneFlower.png) no-repeat 0 0;
	padding: 2px 0 0 28px;
	height: 18px;
}
a.imageLink { /* style to add link over background image on collections page */
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	background-color: transparent;
}
#burpClCollect {
	left: 200px;
	top: 20px;
	width: 180px;
	height: 160px;
	background-position: left bottom;
	padding-left: 53px;
}
#burpClCollect a.imageLink {
	top: 30px;
	width: 150px;
	height: 130px;
}
#bibsCollect {
	padding-top: 180px;
	padding-left: 28px;
	left: 30px;
	top: 90px;
	width: 107px;
	background-image: url(../images/collectionBib.jpg);
}
#bibsCollect a.imageLink {
	width: 127px;
	height: 160px;
}
#bagsCollect {
	left: 230px;
	top: 190px;
	width: 170px;
	height: 135px;
	background-image: url(../images/collectionBagTote.jpg);
	background-position: right top;
	padding-top: 15px;
}
#bagsCollect a.imageLink {
	left: 66px;
	width: 105px;
	height: 145px;
}
#blankeesCollect {
	padding-top: 155px;
	padding-left: 35px; 
	left: 440px;
	top: 140px;
	width: 128px;
	background-image: url(../images/collectionBlankee.jpg);
}
#blankeesCollect a.imageLink {
	width: 155px;
	height: 150px;
}
body#collect p {
	position: relative;
	top: 370px;
	text-align: center;
	font-size: 14px;
	z-index: 10;
}
#giftSetCollect {
	height: 136px;
	width: 168px;
	background: transparent url(../images/collectionGiftSet.png) no-repeat left top;
	margin-top: 65px;
}
body#collect #giftSetCollect h2 {
	text-align: left;
	position: relative;
	top: 136px;
	padding-left: 25px;
	margin-left: 25px;
}
body#collect .emphasis {
	font-size: 11px;
	font-style: italic;
}
#burpClCollect .emphasis {
	margin-left: 60px;
}
* html body#bags #sidebar {
	height: 490px;
}
/* -------------------------- products -----------------------*/
body.products #info ul {
	font-size: 12px;
	margin-left: 15px;
	margin-bottom: 15px;
}
body.products #info li {
	display: inline;
}
body.products h1 {
	text-transform: capitalize;
}
body.products #info h2 {
	color: #250000;
	font-size: 14px;
	font-weight: normal;
	margin-left: 0;
	margin-right: 0;
}
body.products #info h2.specialNote {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}
body.products #info p {
	font-size: 11px;
	margin-left: 0;
}
.chooseComplete a {
	color: #ff920b;
}
.chooseNow {
	color: #ff920b;
	font-weight: bold;
}
.chooseNext {
	color: #250000;
}
.samples {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	width: 166px;
	text-align: center;
}
.samples#minkieSample {
	margin-left: 5px;
	padding-left: 30px;
	background: #fff url(../images/plusSign.png) no-repeat left center;
}
.samples#minkieSample h2 {
	margin-top: 25px;
}
#info .samples p {
	margin-left: 0;
	margin-right: 0;
	line-height: 15px;
}
.sampleThumbs {
	float: right;
	width: 350px;
}
body#minkies .sampleThumbs {
	width: 160px;
}
.sampleThumbs img {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	border: none;
}
.sampleThumbs form {
	clear: both;
	margin-left: 0;
}
.sampleThumbs select {
	width: 130px;
}
body.products #sidebar h1 {
	margin-bottom: 15px;
}
body.products #sidebar li {
	margin: 0 60px 0 27px;
	list-style-image: url(../images/listFlwr.jpg);
}
body.products#collect #sidebar li {
	list-style-type: none;
	margin-left: 35px;
	margin-bottom: 5px;
}
body.products #sidebar a {
	text-decoration: none;
}
body#bags form {
	padding-top: 10px;
}
body#bags form label {
	float: left;
	width: 110px;
	text-transform: lowercase;
}
body#bags form p {
	margin-top: 10px;
}
body#bags form p.radioOption {
	padding-top: 3px;
}
body#bags form p.radioOption label {
	float: none;
	margin-top: 0;
}
body#bags p.radioOption input {
	float: right;
	margin: 0px 225px 10px 0;
}
body#bags form a {
	color: #250000;
}
body#bags #infoBottom {
	padding-top: 20px;
}
body#blankees #infoBottom {
	padding-top: 60px;
}
body#minkies #infoBottom {
	padding-top: 120px;
}
/* ------------------------ what's zerbert information --------------- */
body.whatsZerb #sidebar {
	background-image: url(../images/whatsZerbSide.jpg);
}
/* ------------------------ story information ------------------------ */
body.story #sidebar {
	background-image: url(../images/storySide.jpg);
}
body.story #bottomPar {
	padding-bottom: 40px;
}
/* ------------------------- contact pg information ------------------- */
body.contact #sidebar {
	background-image: url(../images/contactSide.jpg);
}
#contactInfo {
	float: right;
	width: 220px;
}
#contactInfo h1, #contactInfo p {
	margin-left: 0;
	font-weight: normal;
}
body.contact #info h2 {
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: normal;
}
body.contact #info a {
	color: #d5ab5e;
}
body.contact input {
	width: 275px;
}
body.contact textarea {
	width: 275px;
	height: 100px;
}
body.contact input#submit {
	width: 120px;
}
.required {
	color: #d5ab5e; /* #f00; */
	font-size: 10px;
	font-style: italic;
}
/* --------------------------- Customer Service ---------------------------*/  
body#customerServ #sidebar {
	background-image: url(../images/custServiceSide.jpg);
}
body#customerServ table {
	margin-left: 65px;
	margin-bottom: 8px;
}
body#customerServ th {
	font-weight: bold;
	font-style: italic;	
}
th.column, td.column {
	padding-left: 18px;
}
/* ---------------------------- Wholesale Vendors -------------------------- */
body#wholesale #sidebar {
	background-image: url(../images/wholesaleSide.jpg);
}
body#wholesale label {
	font-size: 11px;
}
.commentsArea label {
	display: block;
}
.commentsArea textarea {
	width: 510px;
	height: 40px;
}
/* -------------------------- Stores --------------------------------------- */
body#stores #sidebar {
	background-image: url(../images/storesSide.jpg);
}
body#stores #info h2 {
	margin-top: 25px;
}
body#stores #info h2.flower {
	margin-top: 0;
	margin-bottom: -25px;
}
body#stores #bottomPar {
	padding-bottom: 100px;
}
/* -------------------------- Accolades ----------------------------------- */
body#accolades #sidebar {
	background-image: url(../images/accoladesSide.jpg);
}
body#accolades h2 {
	clear: right;
}
body#accolades h2.flower {
	margin-bottom: 10px;
}
body#accolades #info h3 {
	clear: right;
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
}
body#accolades .name {
	color: #ffb138;
	font-weight: bold;
}
body#accolades #info h4 {
	float: right;
	margin-right: 20px;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
}
/* --------------------------- join email informaiton ---------------------- */
body.joinEmail #sidebar {
	background-image: url(../images/joinEmailSide.jpg);
}
#info form p {
	text-align: left;
	clear: both;
	margin: 0;
	padding: 0;
}
.formLayer {
	margin: 5px 0;
}
body#joinEmail text {
	width: 200px;
}
input.text {
	width: 240px;
}
.sameLine {
	float: left;
	width: 250px;
	clear: none;
	margin-bottom: 10px;
	margin-right: 15px;
}
.right {
	margin-right: 0;
}
.sameLine.checkboxes {
	width: 200px;
}
.checkboxes input {
	float: left;
	margin-top: 0;
	margin-right: 10px;
}
label#formInterest {
	text-transform: inherit;
}
.checkboxes label {
	text-transform: capitalize;
}
.placeHolder {
	height: 0;
	clear: both;
}
#info form p.buttons {
	margin-left: 150px;
}
input.buttons {
	float: left;
	margin-right: 10px;
	padding: 2px 3px;
}
p#privacy {
	clear: both;
	font-size: 10px;
	margin-top: 60px;
}
#privacy a {
	color: #250000;
}
p.emailComplete {
	padding-bottom: 250px;
}
/* ----------------------------- Links --------------------------------- */
body#links #sidebar {
	background-image: url(../images/linksSide.jpg);
}
body#links #info h1 {
	margin-bottom: 20px;
	font-weight: normal;
}
body#links #info h3 {
	padding-bottom: 2px;
	font-weight: normal;
	font-size: 12px;
	margin-left: 25px;
}
/* ----------------------------- cart info ------------------------------ */
body.cart #sidebar {
	background-image: url(../images/cartSide.jpg);
}
body.cart #info {
	font-size: 11px;
}
body.cart table {
	margin-left: 15px;
	margin-bottom: 50px;
	border-collapse: collapse;
}
body.cart th {
	font-weight: normal;
	border-bottom: 1px solid #b4bd85;
}
body.cart td {
	vertical-align: top;
}
body.cart #info img {
	float: left;
	margin-right: 20px;
	height: 44px;
}
a.cartDelete {
	color: #e6a74f;
	text-decoration: none;
}
tr.itemRow td {
	padding-bottom: 16px;
}
tr.itemRow input {
	width: 17px;
	padding-left: 3px;
}
th.cartProduct {
	width: 280px;
}
th.cartQty {
	width: 120px; /* .cartQty needs to have width of 65px & cartPrice needs to have width: 55px; */
}
th.cartPrice {
 	width: 55px;
}
th.cartTotal {
	width: 55px;
}
tr#subTotal {
	height: 18px;
	background-color: #b1bd89;
}
tr#subTotal td {
	padding-right: 15px;
	vertical-align: middle;
	text-align: right;
}
tr.extraCartInfo td {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}
td.priceInfo {
	padding-right: 15px;
}
body.cart label {
	text-transform: capitalize;
}
body.cart textarea {
	margin: 0;
}
tr.extraCartInfo#giftMessage2 td {
	padding-top: 0;
	position: relative;
}
#giftMessagePreview {
	position: absolute;
	right: 30px;;
	width: 150px;
}
#notChosen {
	text-decoration: line-through;
}
/* ----------------------------- privacy policy ------------------------- */
body#privacyPolicy #sidebar {
	background-image: url(../images/custServiceSide.jpg);
}
body#privacyPolicy #infoBottom {
	padding-top: 250px;
}
/* ----------------------------- stats info ----------------------------- */
#stats {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: transparent;
}
#statsImg {
	border: 0;
	width: 1px;
	height: 1px;
}