/* stylesheet for petunia pickle bottom outlet */

body, td { font-family: georgia, times, serif; font-size: 11px; color: #665555; padding: 0px; margin: 0px; text-align: left; }
	body { margin: 21px auto 31px auto; background-color: #AC9A8D; }
	td { vertical-align: top; }

a, a:visited { color: #BB3366; text-decoration: none; }
	a:hover { text-decoration: underline; }

/* Corrections */
strong, b { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }

/* Primary Attributes */
.strong { font-weight: bold; }
.em, em { font-style: italic; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.req { color: red; }
.crumb { color: #B7B6A6; }
.inline { display: inline; }
.clear { clear: both; }
.small { font-size: 0.8em; }
.indent { text-indent: 20px; }
.fade { color: #B7B6A6; }
.floatRight { float: right; }
.floatLeft { float: left; }
.highlight { color: #F16721; }
.dark { color: #04549F; }
.black { color: #000; }
.disabled { color: silver; }
.messageError { font-size: 11px; font-weight: bold; color: #990000; }
.messageSuccess { font-size: 11px; font-weight: bold; color: #009900; font-size: 12px; }
.top { vertical-align: top; }

.pa6 { padding: 6px; }
.pr6 { padding-right: 6px; }
.pb6 { padding-bottom: 6px; }
.pt6 { padding-top: 6px; }
.pa12 { padding: 12px; }
.pr12 { padding-right: 12px; }
.pl12 { padding-left: 12px; }
.pb12 { padding-bottom: 12px; }
.mb12 { margin-bottom: 12px; }
.pt12 { padding-top: 12px; }
.pb30 { padding-bottom: 30px; }
.ma6 { margin: 6px; }
.ma12 { margin: 12px; }
.ml160 { margin-left: 160px; }
iframe,a img,fieldset,form,table{border:0}
table.stretch { width: 100%; }
div.p, p { margin: 0px; padding: 0px; margin-bottom: 15px; line-height: 150%; }
div.par, p { margin: 0px 0px 9px 0px; line-height: 150%; }
div.par br { line-height: 9px; }
div.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0; padding: 0; }
div#container { width: 757px; background-color: #FFFFFF; position: relative; }
div#bandtop, div#bandbottom { width: 757px; }
.floatLeft { float: left; }

/* special element classes */
div.mainTwoColumnLayout div { float: left; width: 200px; margin-bottom: 20px; margin-right: 1%; }

/* header styles
	div#customerService { text-align: right; margin-right: 18px; margin-top: 17px; }

	div#logo { float: left; margin-left: 9px; margin-bottom: 6px; margin-top: 7px; }
	div#navigation { float: right; margin-right: 9px; margin-top: 23px; }
		div#navigation a, div#navigation a:visited { color: #665555; }*/

	div#returnToPetunia { position: absolute; top: -10px; right: 81px; }
		
	div#customerService { position: absolute; top: 34px; right: 81px; width: 298px; text-align: center; }

	div#logo { float: left; margin-left: 9px; margin-bottom: 6px; margin-top: 23px; width: 193px; }
	div#navigation { float: right; margin-right: 9px; margin-top: 41px; }
		div#navigation a, div#navigation a:visited { color: #665555; }

/* body styles */
	div#body { background-repeat: repeat-x; clear: both; }

		/* headings */
		div#body h1 { font-size: 13px; color: #6E5A54; }
		div#body h2 { font-weight: normal; font-size: 13px; color: #887777; }
		div#body h3 { font-size: 11px; color: #665555; }

		/* dimensions for left side */
		td#subnav,
		td#charity,
		td#perfleft,
		td#leftcolumn { width: 229px; }

		/* dimensions for right side */
		td#hero,
		td#maincolumn,
		td#register,
		td#perffade { width: 531px !important; }

		/* content divs */
		div#searchresults,
		div#productdetail,
		div.gchunk { padding: 19px 0px 0px 9px; } /* generic chunk for body */
		div.gchunk { padding-top: 0px; }

		/* product detail */
		div#productheader { margin-bottom: 20px; height: 45px; }
		div#productheader h1, div#productheader h2 { margin: 0; padding: 0; }
		div#productheader h2 { margin-top: 10px;  }
		div#productheader h1 { }
		div#productbox { margin-left: 2px; }
			div#pbselector { width: 249px; float: left; }
			div.pboptions { width: 34px; padding-top: 124px; text-align: center; float: left; }
			div.pboptions div { padding-top: 15px; }
			div.pbimage { height: 206px; position: relative; overflow: hidden; }
				div.pbimage div.soldout { left: 57px; top: 5px; }
			div.pbimage img { margin: 7px 0 0 4px; }
			div.pbthumbs { overflow: auto !important; padding-left: 41px; padding-bottom: 8px; border-top: 1px solid #DDD4D4; }
			* html div.pbthumbs { height: 100% !important; }
			div.pbthumbs div { float: left; padding: 13px 9px 0 0; }
			div#pbdescription { float: left; width: 263px; margin-left: 10px; }
			div#pbdescription .formInputText { width: 30px; text-align: center; font-weight: bold; margin: 0;  }
			div#pbdescription td { vertical-align: middle; padding: 2px 0; padding-right: 5px; }
			div#pbdescription td.pbclass { padding-top: 11px; padding-left: 0; padding-right: 4px; white-space: nowrap; }
			div#pbdescription td.description { padding: 0; }
			div#pbdescription td.description ul { margin: 0; padding: 0; list-style-type: square; }
			div#pbdescription td.description li { margin: 0 0 0 15px; padding: 0 0 0 0; }
			div.pbavail { width: 100%; line-height: 20px; }
				div.pbavail div.outer { margin-bottom: 3px; }
			div.pbavail img { float: left; margin-right: 8px; }
			div.pbquestions ul { list-style-type: square; margin: 0; padding: 0; margin-left: 10px; padding-left: 10px; }
			div.pbquestions li { margin-bottom: 8px;  }
			div.pbquestions div { float: left; margin-right: 20px; width: 230px; }
			div.related { width: 110px !important; height: 110px; float: left; margin-bottom: 20px; }
			div.related a.imagelink, div.related a.imagelink:visited { display: block; height: 100px; overflow: hidden;}

		td#subnav { padding: 23px 0px 33px 0px; line-height: 170%; }
		td#subnav div.subnavPadding { padding-left: 10px; }
			td#subnav ul { list-style-type: square; margin: 0px; padding-left: 18px; color: #CCBAAD; }

		td#hero, td#register { /* specified in page <head> for statification purposes */ }

		td#hero div#content { padding: 0 10px 0 10px; overflow: hidden; }
			div.title, td#hero h1 { font-size: 14px; color: #6E5A54; font-weight: bold; margin: 23px 0px 9px 0; }
			div.herohero { float: left; margin: 0px 9px 0px 9px; }
			div.htChunk { float: left; width: 47%; padding: 7px; }
			div.htDot { float: left; margin-right: 3px; height: 63px; }
			div.htTitle { padding: 6px 0px 19px 0px; }

		div#charity { background-repeat: repeat-x; background-color: #F7F7D5; padding: 9px 0px 13px 0px; margin-top: 40px; }
			div#charitylogo { float: left; margin-right: 20px; }
			div#charitytext { margin: 13px 0px 0px 0px; }

		td#perfstripe, td.perfstripe, div.perfstripe { background-repeat: repeat-x; height: 2px; line-height: 0px; font-size: 1px; }

		td#leftcolumn { }
			div#new,
			div#charitycontent,
			div#signup { padding: 18px 9px 18px 9px; }
			div#charitycontent { padding-top: 0px; padding-bottom: 0px; } /* less padding on top/bottom */

				div#newtitle { font-weight: bold; }
				div#newproduct { float: left; margin-right: 9px; margin-top: 9px; }
				div#newproducttext { margin-top: 49px; }
				div#newlist { clear: left; padding-top: 9px; }
					div#newlist ul { list-style-type: square; margin: 0px; padding-left: 18px; color: #FCDBC4; line-height: 150%; }

			div#signup {  }

		td#maincolumn { background-repeat: repeat-y; padding: 19px 0px 0px 0px; }
			td.maincolumn-stretch { background-image: none !important; width: 100%; }

			div.maincolumnpadding { width: 508px; padding-left: 10px; }
			td.maincolumn-stretch div.maincolumnpadding { width: 737px; padding-left: 10px;  }

			h1.unpadded { margin-left: 0 !important; padding-left: 0 !important; }

			div.intro { font-size: 12px; line-height: 160%; margin-bottom: 23px; padding-right: 23px; padding-left: 9px; }
			div.collection-home { padding-left: 9px; }
				div.colChunk { float: left; width: 168px; background-repeat: no-repeat; position: relative; }
					* html div.colChunk { width: 165px; }
					div.ccBag { width: 105px; height: 106px; float: left; text-align: center; padding-top: 4px; overflow: hidden; }
						div.ccBag div.soldout { left: 3px; }
					div.ccDots { width: 38px; height: 111px; float: left; text-align: center; }
						div.ccDots div { margin-bottom: 7px; margin-top: 10px}
					div.ccText { clear: both; width: 143px; background: #F7F7D5; }
					div.ccText div.padding { padding: 0.8em 0.4em 0 0.4em; border-left: 1px solid #DDD4D4; border-right: 1px solid #DDD4D4; }
					div.ccRnd { width: 143px }
					div.ccRnd div { border-left: 1px solid #DDD4D4; }
			td.registrationCell { padding-top: 0 !important; }
			div.registrationPadding { padding: 0 0 10px 10px !important; }
			*+html div.registrationPadding { padding-top: 1px !important; }

		div.soldout { position: absolute; left: 1px; top: 33px; width: 99px; height: 35px; }
		div.signupcolumn { float: left; width: 254px; }

		div.signupcolumn input.formInputText, div.signupcolumn select.formInputSelect { width: 90% !important; }
		*+html div.signupcolumn table { width: 98% }
		*+html div.signupcolumn input.formInputText { width: 85% !important; }
		*+html div.signupcolumn select.formInputSelect { width: 85% !important; }
		* html div.signupcolumn table { width: 98% }
		* html div.signupcolumn input.formInputText { width: 85% !important; }
		* html div.signupcolumn select.formInputSelect { width: 85% !important; }

		div#searchresults { margin-bottom: 15px; }
		div#searchresults h1, div#searchresults h1.unpadded { margin-left: 0 !important; padding-left: 0 !important;  }
		table#searchfilter { margin-left: -4px; margin-bottom: 10px; }
		table#searchfilter td { vertical-align: middle; }
		table#searchfilter td.inputField { padding-right: 10px; }
		table#searchresultslist { width: 100%; margin-top: 21px; }
		table#searchresultslist th { text-align: left; font-size: 11px; padding: 0 10px; }
		table#searchresultslist td { vertical-align: middle; padding: 0px 9px; }
								td.category {  }
								td.price, td.price .formInputText {  }
								td.price {  }
								td.bag { }
									td.bag div.baghold { position: relative; }
								td.category,
								td.qty,
								td.price,
								td.availability { }
									div.outer { padding: 2px; overflow: hidden; border: 1px solid #AAAABB; }
									div.inner { height: 10px; background-color: #889955; overflow: hidden; }
								td.cmd { }

		td#perffade { background-repeat: no-repeat; height: 88px; }



	div#stitch { background-repeat: repeat-x; font-size: 1px; line-height: 0px; height: 16px; }

	div#footer { color: #BBAAAA;  margin-top: 9px; }
		div#footer a, div#footer a:visited { color: #BBAAAA; }
		div#footerLeft { float: left; margin-left: 9px; text-align: left; }
		div#footerRight { float: right; margin-right: 9px; text-align: right; }
			td#searchBox { vertical-align: top; padding-right: 9px; }
			td#searchButton { vertical-align: top; }



/* general styles used throughout */

span.price { font-weight: bold; color: #CC6666; }

form#signupform { margin: 9px 0px 3px 0px; }
form#searchform { margin: 0px 0px 3px 0px; }

input,select,textarea { font-size: 11px; font-family: arial, sans-serif; }

div#bodyPadding { padding: 9px; }

form { margin: 0px; padding: 0px; }
td.formName { padding: 0px 20px 0px 0px; width: 100px; }
td.formValue { padding: 0px 0px 3px 0px; }
tr.formError td.formName { color: black; }
tr.formError td.formValue input, tr.formError td.formValue textarea, tr.formError td.formValue select { background: #FFFFA0; }

table.adminListTable { width: 100%; margin-top: 24px; }
table.adminListTable td { padding: 4px; border-bottom: 1px dotted silver; }
table.adminListTable th { font-size: 11px; text-align: left; border-bottom: 2px solid silver; padding-bottom: 4px; font-weight: bold; }
table.adminListTable tr.odd { background-color: #eee; }
table.adminListTable .cprice, .stretch .cprice, .mb12 .cprice { width: 90px; text-align: right; }
table.adminListTable .ctotal, .stretch .ctotal, .mb12 .ctotal { width: 100px; text-align: right; }
table.adminListTable th.qty, .stretch th.qty, .mb12 th.qty { text-align: right; }

table.adminEditTable td { padding: 4px 0px; }
table.adminEditTable td.formName,
table.adminEditTable td.formNamereq { padding-right: 12px; text-align: right; vertical-align: middle; }
table.adminEditTable td.formNamereq { color: #f00; font-weight: bold; }
table.adminEditTable span.formName,
table.adminEditTable span.formNamereq { font-weight: bold; display: block; margin-bottom: 0px; }
table.adminEditTable span.formNamereq { color: #f00; }
table.adminEditTable td.formLocaleSubmit { border-top: 1px solid #2861B0; padding-top: 12px; }
table.adminEditTable input.formInputText { width: 250px; }
table.adminEditTable input.formInputTextShort { width: 250px; }
table.adminEditTable input.formInputSubmit { font-family: Verdana, Tahoma, Arial, sans-serif; padding: 2px; }
table.adminEditTable textarea { width: 500px; }
table.adminEditTable td { padding: 4px 0px; }
table.adminEditTable th { text-align: left; }

table.noFormatting td { border-bottom-width: 0; padding: 2px; }

h2.messageError, .messageError { font-size: 11px; font-weight: bold; color: #990000 !important; }
h2.messageSuccess, .messageSuccess { font-size: 11px; font-weight: bold; color: #009900 !important; font-size: 12px; }

ul.noFormatting, ul.nolist { list-style-type: none; }
ul.ulTwoColumnLayout li { list-style-type: none; width: 50%; float: left; }
ul.regular { padding-left: 20px; }
ol.regular { padding-left: 24px; }
ul.compressed { line-height: 1.3em; }
strong.blue { font-size: 12px; line-height: 14px; color: #93B1D4; }

div#login td.formValue input { width: 180px !important; }


/* faq */
div.faqblock { margin-bottom: 18px; }
	div.toggler { }
	div.toggler input { margin-left: 0px; vertical-align: middle; }
	div.faqQ { font-weight: bold; color: #CC3366; text-decoration: none; line-height: 99%; margin-bottom: 3px; padding-bottom: 3px; padding-left: 3px;  padding-top: 3px; }
		div.fOver { cursor: pointer; text-decoration: underline; }
		div.fOut { cursor: default; text-decoration: none; }
	div.faqA { display: none; padding: 3px 3px 3px 5px; }

div#editPageContent { background-color: #eee; border: 1px dotted #555; border-left: 0; border-right: 0; margin: 10px 0 10px 0; padding: 5px;   }