/* CSS Document for petrinidressings.com */

/*   normalize for cross browser compatibility   */
body,div,ul,ol,li,dl,dd,dt,form,p,img,fieldset,table,tr,td,h1,h2,h3,h4,h5,h6,a {margin:0;padding:0;border:0;}
input {margin:0;padding:0;}
img {vertical-align:bottom;}
img.dropCap {float:left;margin:0 10px 0 0;}
a {color:#ed174c;text-decoration:none;}
a:hover {color:#a91d38;text-decoration:underline;}
li {list-style:none;}
p.intros {width:65%;}
.withTextIndent:focus, #topBanner a.home {-moz-outline:none;outline:none;}/* fixes bug in ff while using img replacement - remove large 1px dotted border around all links */
.bold {font-weight:bold;}
.italic {font-style:italic;}
.floatLeft {float:left;}
.floatRight {float:right;}
.error {padding:10px;border:2px solid #90C83F;background:#fff;text-align:center;margin:10px 0 0 0;}

body {background:#2ea148 url(/images/petrini_bg.gif) repeat;margin:0 0 25px 0;font:12px Arial, Helvetica, sans-serif;color:#515550;}
img#ribbon {position:absolute;left:0;top:0;z-index:100;}

#mainWrapper {width:845px;border:1px solid #ed2024;background:#f1efe9;margin:25px auto 0 auto;overflow:hidden;}
#headerNav {background:url(/images/petrini_hdr_new.jpg) no-repeat;width:845px;height:139px;margin:15px 0 0 0;position:relative;z-index:1;}
#headerNav ul {text-indent:-9999em;}
#headerNav ul li.home a {background-position:0 0;width:49px;left:237px;}
#headerNav ul li.home a:hover {background-position:0 -27px;}
#headerNav ul li.about a {background-position:-68px 0;width:56px;left:305px;}
#headerNav ul li.about a:hover {background-position:-68px -27px;}
#headerNav ul li.products a {background-position:-150px 0;width:88px;left:387px;}
#headerNav ul li.products a:hover {background-position:-150px -27px;}
#headerNav ul li.recipes a {background-position:-266px 0;width:69px;left:503px;}
#headerNav ul li.recipes a:hover {background-position:-266px -27px;}
#headerNav ul li.market a {background-position:-363px 0;width:72px;left:600px;}
#headerNav ul li.market a:hover {background-position:-363px -27px;}
#headerNav ul li a {display:block;background:#f1efe9 url(/images/mainNav_states.gif) no-repeat;height:28px;position:absolute;top:109px;}
#headerSubNav {float:right;font-size:10px;margin:3px 15px 0 0;z-index:10;position:relative;}
#headerSubNav li {display:inline;color:#ed9baf;margin:0 0 0 15px;}
/*   storeFinder css   */
div.markerToolTip {text-align: center;white-space: nowrap;margin: 0;padding: 2px 0.5px;border: 1px solid #555;font-weight: bold;background: #fff;opacity: .80;-moz-opacity: .80;filter: alpha(opacity=80);}
#content {margin:15px 12px 15px 20px;}
#content p {margin:0 0 17px 0;line-height:18px;}
#slWrapper {margin:0 0 0 78px;}
#storeLocater {background-color:#fff;}
#storeLocater tr.even {background-color:#fff;}
#storeLocater tr.odd {background-color:#f9f9f7;}
#storeLocater tr.even td, #storeLocater tr.odd td {padding:10px 0;}
#storeLocater tr.header td {padding-top:10px;padding-bottom:10px;}
#storeLocater tr.zipFeedback td {background-color:#F1EFE9;padding:10px}
#storeLocater tr.zipFeedback td p {text-decoration:underline;margin:0;}
#storeLocater tr.zipFeedback td p span {color:#2ea148;text-decoration:underline;font-weight:bold;}
p.poweredBy {font-size:10px;float:right;}
p.poweredBy {font-size:10px;float:right;}
form.locate {width:50%;}
form.locate input.zipcode, form.locate select {border:1px solid red;}
form.locate select {margin:0 5px 0 0;}
form.locate div.row label {float:left;text-align:right;width:47%;}
form.locate div.row span {float:right;text-align:left;width:47%;}
form.locate div.row {clear:both;padding:0 0 35px 0;}

#familyPhotos {float:right;margin:0 53px;}
#familyPhotos img {display:block;margin:0 0 15px 0;}
#footer {color:#fff;font-size:10px;margin:25px auto;width:845px;text-align:center;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {color:#8fc73e;}
#footer ul {margin:5px 0;}
#footer ul li {color:#8fc73e;display:inline;}
#footer ul li span {margin:0 15px;}

.products #mainWrapper {background:#f1efe9 url(/images/products_bg2.jpg) right bottom no-repeat;min-height:675px;height:auto !important;}
div.nutrition a {color:#515550;text-decoration:none;display:block;border:1px solid #f0b41c;width:130px;background:#F3E6C5 url(/images/nutritionalInfo_bg.gif) 0 repeat-x;min-height:25px;height:auto !important;height:25px;text-align:center;line-height:25px;}
div.nutrition a:hover {color:#899087;}
div.individProds {margin:0 0 30px 0;clear:both;overflow:hidden;_height:1%;}
div.individProds p {width:302px;padding:5px 49px 0 0px;}
div.individProds img.prodShot {float:left;padding:0 60px 0 45px;}
div.individProds ul {float:left;}

/*   home page three col section   */
#threeColSection {overflow:hidden;margin:25px 0 0 0;}
#threeColSection a {text-decoration:underline;}
#col1, #col2, #col3 {float:left;width:259px;}
#threeColSection #col2.centerCol {margin:0 17px;}
#threeColSection .colContent {background:#f1efe9 url(/images/threeCol_bg.gif) 0 0 no-repeat;min-height:160px;height:auto !important;height:160px;padding:7px 10px 0 12px;margin:10px 0;}
#col1 ul li {margin:0 0 12px 0;}
#col2 dl {background:transparent url(/images/saladBowl_recipeCol.jpg) left bottom no-repeat;padding:0 0 0 110px;margin:15px 0 0 0;min-height:87px;height:auto !important;height:87px;position:relative;top:-10px;}
#col2 dl dt {color:#2ea148;font-weight:bold;}
#col2 dl dd {color:#ed174c;background:url(/images/dd_bg.gif) left center no-repeat;padding:0 0 0 10px;}
#col3 {position:relative;}
#col3 p {width:50%}

#introWrapper {overflow:hidden;_height:1%;}
#intro {float:left;margin:0 25px 0 24px;width:35%;}

#productRightCol {position:absolute;top:0;right:-175px;}
#productDetail {position:relative;min-height:575px;height:auto !important;height:575px;}
#content .originalDiv, #content .classicDiv, #content .ranchDiv {padding:15px 175px 0 370px;}
#content .originalDiv {background:url(/images/originalProdShot_large.jpg) left top no-repeat;}
#content .classicDiv {background:url(/images/classicProdShot_large.jpg) left top no-repeat;}
#content .ranchDiv {background:url(/images/ranchProdShot_large.jpg) left top no-repeat;}
#orderOnline {width:146px;border:1px solid red;padding:1px;background:#fff url() right bottom no-repeat;min-height:180px;height:auto !important;height:180px;margin:0 0 15px 0;position:relative;}
#productDetail #orderOnline h2 {background:#ED2024 url(/images/storeBox_hdrBG6.gif) 0 0 repeat-x;color:#fff;font-size:12px;text-align:center;padding:1px 0;}
#orderOnline p {padding:5px 2px;}

#recipeRandomizer {background:#fff;margin:15px 0 0 0;}
#recipeRandomizer .originalRecipe {border:1px solid #2ea148;position:relative;padding:1px;}
#recipeRandomizer .originalRecipe h2 {background:#2ea148 url(/images/recipes_bg.jpg) 0 0 repeat-x;}
#recipeRandomizer .classicRecipe {border:1px solid #ed2024;position:relative;padding:1px;}
#recipeRandomizer .classicRecipe h2 {background:#ED2024 url(/images/storeBox_hdrBG6.gif) 0 0 repeat-x;}
#recipeRandomizer .ranchRecipe {border:1px solid #0039a7;position:relative;padding:1px;}
#recipeRandomizer .ranchRecipe h2 {background:#0039a7 url(/images/ranchRecipes_bg.gif) 0 0 repeat-x;}
#productDetail #recipeRandomizer h2 {min-height:25px;height:auto !important;height:25px;padding:0 0 0 4px;color:#fff;font-size:12px;line-height:25px;}
#recipeRandomizer p, h4 {padding:0 5px;}
#recipeRandomizer p {padding-top:10px;}
#recipeRandomizer h4 {margin:4px 0 0 0;}
#recipeRandomizer ul {margin:8px 0 8px 25px;list-style:square;line-height:20px;}
#recipeRandomizer ul li {list-style-type:disc;}

.otherProducts {margin:0 0 15px 0;width:150px;position:relative;top:-15px;}
.otherProducts ul li {margin:0 0 6px 0;}
.otherProducts h4 {margin:0 0 3px 0;padding:0;font-size:12px;}

/*   contact us   */
.contactUs {width:35%;float:left;margin:0 45px;display:inline;}
.contactUs h4 {padding:0;margin:10px 0 0 0;}
.contactUs ul, .contactUs dl, .contactUs address {margin:8px 0 15px 10px;}
.contactUs dd, .contactUs li {margin:0 0 12px 0;}
.contactUs h1 {background:#f1efe9 url(/images/ourContactInfo_hdr.gif) 0 0 no-repeat;text-indent:-9999em;width:222px;height:37px;}

/*   contact us form   */
.contactForm {width:35%;float:left;margin:0;}
.contactForm h1, .recipesForm h1 {background:#f1efe9 url(/images/sendUsAnEmail_hdr.gif) 0 0 no-repeat;text-indent:-9999em;width:368px;height:35px;}
.contactForm h4, .recipesForm h4 {margin:10px 0 0 0;padding:0;font-size:12px;}
.contactForm form, .recipesForm form {margin:0 0 15px 0;position:relative;}
.contactForm .textInputs label, .recipesForm .textInputs label {margin:10px 0 5px 0;display:block;}
.contactForm .textInputs input, .contactForm .textInputs textarea, .recipesForm .textInputs input {width:250px;border:1px solid #ed174c;font-size:12px;}
.contactForm .textInputs input:focus, .contactForm .textInputs textarea:focus, .recipesForm .textInputs input:focus, .recipesForm textarea input:focus {border:1px solid #a91d38;}
.contactForm .textInputs input, .recipesForm .textInputs input {height:22px;}
.contactForm .textInputs textarea, .recipesForm .textInputs textarea {height:150px;}
.contactForm .radioInputs, .recipesForm .radioInputs {margin:10px 0;font-weight:bold;}
.contactForm .radioInputs label, .recipesForm .radioInputs label {padding:0 0 0 7px;}
.contactForm .radioInputs input, .contactForm .radioInputs label, .recipesForm .radioInputs input, .recipesForm .radioInputs label {margin:5px 0;vertical-align:middle;font-weight:normal;} 

.recipesForm {position:relative;}
.recipesForm .textInputs input.smallText {width:50px;}
.recipesForm .textInputs textarea {width:250px;height:100px;border:1px solid #ed174c;margin:0 0 15px 0;}
.recipesForm .textInputs textarea:focus {border:1px solid #a91d38;}
.recipesForm tr.textareas td.middle {padding:0 15px;}
.recipesForm .textInputs .formGroup {float:left;width:85px;}
.recipesForm em, em.astr {font-weight:bold;color:#ed174c;font-size:16px;padding:0 5px;}
.recipesForm p {position:absolute;right:50px;bottom:-10px;}
h1.recipe_hdr {background:#f1efe9 url(/images/sendUsYourRecipes_hdr.gif) 0 0 no-repeat;text-indent:-9999em;width:369px;height:37px;}

#petriniNews {border:1px solid #F0B41C;width:65%;margin:10px 0 0 0;}
#petriniNews dt {padding:10px 0 10px 25px;cursor:pointer;background-position:bottom;font-weight:bold;}
#petriniNews dt span {text-decoration:underline;}
#petriniNews dt span.newsDate {text-decoration:none;font-weight:normal;padding:0 10px 0 0;color:red;font-size:10px;font-style:italic;}
#petriniNews dd {padding:25px;background:url(/images/newsBGShadow.gif) left top repeat-x;}
blockquote {padding:10px;}
blockquote em {display:block;padding-left:10px;}

ul.productDescription {margin:0 0 10px 0;}
ul.productDescription li span {display:block;font-style:italic;text-indent:10px;font-weight:bold;}