/* style */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; background-color:#fff; margin: 0; padding: 0;} #bdy { margin: auto; width: 771px; height: auto; background-color:#fff; } form { margin: 0 } img { border: none } /* start header */ #header { margin: auto; background-image:url(img/flavaitheader.jpg); background-repeat:no-repeat; width: 771px; height: 178px;} /* start navigation */ #navigation { margin: auto; background-image:url(img/navigation.gif); background-repeat:no-repeat; width: 771px; height: 34px;} /* start leftnav */ #navcontainer { width: 174px; height: auto; float: left; padding-left: 7px;} #nav { width: 174px; border-top: 1px solid #fff; border-left: 1px solid #fff; background-color: #fff; margin: 0; padding: 0;list-style-type: none; } #nav li a { line-height: 20px; border-bottom: 1px solid #fff; color: #000; padding:2px; display:block; text-decoration:none; padding-left:5px } #nav li a:hover { line-height: 20px; border-bottom: 1px solid #fff; color: #fff; padding:2px; display:block; background-color:#f04c59; padding-left:5px; font-weight:bold } #nav li ul { margin-bottom: 0.5em;} #nav li ul li { list-style-type: none; margin-left: -30px; padding-left: -30px } #nav li ul li a { color: #C8242F; display:block; text-decoration:none; border: 0 } #nav li ul li a:hover { color: #fff; border: 0; background: #f04c59 } /* start prodinfo */ #prodinfo { width: 585px; height: 199px; background-image:url(img/flavaitprodimg.jpg); background-repeat:no-repeat; float: right;margin-bottom: 5px} #newsltr { width: 206px; height: 199px; background-image:url(img/flavaitnewsletter.jpg); background-repeat:no-repeat; margin-bottom: 5px; float:right; padding-right: 13px; margin-top: -5px} #prodinfotxt, #newstxt { width: 195px; padding:10px 15px 0 0; font-size:0.9em; float:right } #newstxt { width: 190px; padding-right: 5px } /* start styles for product info */ #prodmhed{ width: 577px; height: 17px; background-repeat:no-repeat; float: left; padding-top: 10px} #info { width: 566px; height: auto; background-image:url(img/prodtile.gif); float: left; padding: 10px 0 10px 10px;} #prodmfoot { width: 577px; height: 58px; background-image:url(img/prodtile.gif); float: left;} /* start prodselect */ #prodselect { float: left; width: 353px; height: 153px; background-image:url(img/marinades.gif); background-position: top right; background-repeat:no-repeat; margin-top: 8px; padding-right: 7px; } #prodselect img { padding: 5px;} /* start prodselect */ #prodoffer { width: 216px; height: auto; float: left; margin: 0px 0 0 4px;} #centralsmall {width:365px; float:left;margin-left:120px;margin-top:20px;} /* start main*/ #maincontainer { width: 585px; height: auto; float: right;} /* start main*/ #maincontent { margin: auto; width: 771px;} /* start footer */ #footer { margin: auto; background-image:url(img/flavaitfooter.gif); background-repeat:no-repeat; width: 731px; height: 39px; padding: 20px 20px 0 20px;} #footer p { float: left; margin-right: 20px; color: #C7CF0A } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #thicktabs{ float: right; margin: 0; padding: 8px 35px 0 0 ; font: bold 13px Tahoma; } #thicktabs li{ display: inline; } #thicktabs li a{ color: white; padding: 8px 11px; /*padding of tabs*/ text-decoration: none; } #thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/ } #thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/ background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/ } #thicktabs li a:visited{ color: white; } #thicktabs li a:hover{ color: #000; background-image: url(media/pinkbgover.html); /*background image swap on hover*/ } /*############################*/ h1 { font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; padding: 0; margin: 0 0 5px 0; color: #000; } h2 { background: inherit; margin: 0 0 5px 0; padding: 0; font: bold 1.5em Arial, Sans-Serif; letter-spacing: -1px; color: #bf2c37; } h4 { background: inherit; margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: 2px; color: #FF9C65; } p { margin: 0 0 5px 0; } a { color: #000; background: inherit; text-decoration: none; font-weight: bold } a:hover { color: #FFD7C1; background: inherit; text-decoration: underline } #form_style {background-image:url('i/gradientv.gif'); background-position:top left; background-repeat:repeat-y;} #form_style label {display:block; float:left; padding:4px 10px 0 0; width:130px; text-align:right;} #form_style p {clear:left; margin:0; padding: 0 0 5px 0;} #form_style p textarea {width:250px; height:100px} .input_order {margin-left:5px;margin-right:5px;width:20px; height:16px;} #central585 { width:585px; margin:0px;} #pagetxt { padding: 5px } #sublist { margin-bottom: 0.5em } .smallprod { float: left; width: 355px; padding:0 5px 5px 5px; margin: 0 } .smallprodwrapper { width: 355px } .mainprod, #mainbsk { float: left; width: 557px; background-position: top left; background-repeat:repeat-y; padding:0 10px } .qtydisc { padding: 1em 0 0 0} .qtydisc table, #bsktbl { background: #f74444 } .qtydisc td, #bsktbl td { background: #f46666 } .prodfooter {width: 355px; height: 37px; margin-bottom: 5px; text-align: right; padding-right: 10px } .sml45 { width:75px; border:1px solid #000000; margin-right:10px; float:left } .prdhd { font-size: 0 } .offer { text-align: right; font-style: italic; color: #D72A00 } .tbox { border: 1px solid #000 } #mnu1 { border-top: 1px solid #fff } #recipescontainer { padding: 10px } #recipescontainer p { margin-bottom: 1em } #recipescontainer a, .mainprod li a, #prodinfotxt a{ color: #C8242F } #central585 a:hover { color: #C8242F }