/* CSS Document for Corium21.com - DianeV. Web Design Studio ~ http://dianev.com */ body {color:#59786D; margin:0 auto 30px auto; padding:0; text-align:center; font-family:"Times New Roman",Times,serif; background:#7AAC9A url(images/l/bk.jpg)} h1,h2,h3,p {margin-top:0} p {margin-bottom:.4em} form {margin:0} #pagewrap {width:800px; margin:auto; text-align:left; font-size:14px} #header {width:800px; height:96px; margin:0; padding:0; background:url(images/l/bks/bkheader.jpg) no-repeat} #logo {float:left; width:215px; height:73px; padding-left:21px; padding-top:21px} #logo img {width:215px; height:73px} #logo a img {border:none; text-decoration:none} #headerright {float:right; width:530px; height:21px; font-family:Verdana, Arial, Helvetica, sans-serif} #tagline {width:465px; height:33px; padding:34px 0 0 0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif} #tagline h1, #tagline p.h1 {color:#fff; margin:0; padding:0; font-size:24px; font-weight:normal; text-transform:lowercase} #tnav {width:465px; height:27px; padding:2px 0 0 0; text-align:center; vertical-align:middle} #tnav ul {list-style:none; margin:0; padding:0; font-family:"Times New Roman",Times,serif} #tnav li {display:inline; color:#38004c; font-size:14px; line-height:21px} #tnav li a {color:#6B9083; padding:0 3px; font-weight:bold; margin-right:-4px; text-decoration:none; border-left:1px solid #AFC5BD} #tnav li.tnavordernow a {color:#476057; background:#F2D3C4} #tnav li#tnavleftlink a {border-left:none} #tnav ul li a:hover, #tnav li.tnavordernow a:hover {color:#fff; background:#476057} #contentcont {clear:both; width:800px; margin-bottom:0} .contentbk {height:485px; line-height:18px} /* for bks */ #pagewrap #contentcont #thecontent {width:725px; padding:3px 10px 3px 50px} /* set width as needed on bkblank pages */ /* backgrounds */ .bkindex {background:url(images/l/bks/bkindex.jpg) no-repeat} .bkingredients {background:url(images/l/bks/bkingredients.jpg) no-repeat} .bkbeautifulskin {background:url(images/l/bks/bkbeautifulskin.jpg) no-repeat} .bkcompany {background:url(images/l/bks/bkcompany.jpg) no-repeat} .bkcontact {background:url(images/l/bks/bkcontact.jpg) no-repeat} .bkskinproblems {background:url(images/l/bks/bkskinproblems.jpg) no-repeat} .bkorder {background:url(images/l/bks/bkorder.jpg) no-repeat} .bkblank2 {background:url(images/l/bks/bkblank2page.jpg) repeat-y} .bkblank2top {width:800px; height:18px; background:url(images/l/bks/bkblank2top.jpg) no-repeat} .bkblank2btm {width:800px; height:19px; background:url(images/l/bks/bkblank2btm.jpg) no-repeat} .pgtestimonials, .pgblank {color:#365D4F; line-height:1.2em; background:url(images/l/bks/bkblank2page.jpg) repeat-y} .pgtestimonials div {padding:2px} .pgtestimonials .sig {text-align:left; padding:10px 0 15px 25px; margin-bottom:15px; font-weight:bold; border-bottom:1px dotted #CA9C83} .pgprivacy, .pgqanda {color:#365D4F; line-height:1.4em} .pgprivacy p, .pgqanda p {margin-bottom:1.5em} /* BOTTOM NAV */ #bnav {clear:both; width:780px; padding-top:7px; margin:0 auto; text-align:center; vertical-align:middle} #bnav ul {list-style:none; margin:0; padding:0; font-family:"Times New Roman",Times,serif} #bnav li {display:inline; color:#38004c; font-size:14px; line-height:18px} #bnav li a {color:#fff; padding:0 6px; font-weight:bold; margin-right:-4px; text-decoration:none; border-left:1px solid #D0DBD7} #bnav li.bnavleftlink a {border-left:none} #bnav li#bnavordernow a {color:#476057; background:#F2D3C4; border-left:none} #bnav li a:hover, #bnav li#bnavordernow a:hover {color:#fff; background:#4A806E} #thec {width:700px; margin:20px auto; color:#fff; text-align:center; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif} #thec a {color:#fff; text-decoration:none} #thec a:hover {color:#487464; text-decoration:underline} #socnet {text-align:center; padding-top:8px} #socnet a img {border:none} /* MAIN LAYOUT STYLES */ .nexty {padding-top:5px; font-weight:bold; padding-right:15px; text-align:right} div.next2 {font-weight:bold; text-align:right} /* */ h1,h2,h3,.h1,.h2,.h3 {font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif} h1, .h1 {color:#59786D; font-size:21px; margin:0; padding:0} h2, .h2 {color:#59786D; font-size:18px; margin:0; padding:1px 0 1px 3px; background:url(images/b/hbk.gif) no-repeat} h3, .h3 {color:#3E544C; font-size:17px; margin:0; padding:1px 0 1px 3px; background:url(images/b/hbk.gif) no-repeat} .h2blue {color:#417EB6; font-size:19px} .b {font-weight:bold} .i {font-style:italic} .bi {font-weight:bold; font-style:italic} .blue {color:#6092c0} .dv {color:#FF00FF; font-weight:bold; font-style:italic} .mt0 {margin-top:0} .mb0 {margin-bottom:0} .mb1 {margin-bottom:1em} .verdana {font-family:Verdana, Arial, Helvetica, sans-serif} /* contact page table */ #tblcontact {clear:both; margin-top:15px; color:#3E544C; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif} #tblcontact td {padding:0 2px; vertical-align:top} #tblcontact td input {width:250px} #tblcontact td textarea {width:460px; height:140px} #tblskinproblems {float:right; width:550px; color:#598979; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif} #tblskinproblems th {text-align:center} #tblskinproblems td {width:20%; line-height:1.1em; vertical-align:bottom} #tblskinproblems ul {list-style:none; margin:0; padding:0} #tblorder {color:#488CC6; font-size:13px; line-height:1em; font-family:Verdana,Arial,Helvetica,sans-serif} #tblorder td {padding:0 4px; vertical-align:bottom} #tblorder td.tblorderdotleft {border-left:1px dotted #CA9C83} #tblorder .cartgreen {color:#407562; font-weight:bold; font-size:14px; font-family:"Times New Roman", Times, serif} #tblorder input {height:20px; width:18px;border: 1px solid #069} #tblorder input.addtocart {width:140px; height:32px; border:none} .borderdottedpink {border-bottom:2px dotted #CA9C83} input.viewcheckout {width:178px; height:27px} .tinyverdblue {color:#4173b6; font-size:11px; letter-spacing:-1px; font-weight:bold; line-height:1em; font-family:Verdana, Arial, Helvetica, sans-serif} #tblorderaddy {float:right; border-top:2px dotted #CA9C83} #tblorderaddy td {padding:3px 7px; vertical-align:top} #tblorderaddy td.tblorderaddydotleft {border-left:2px dotted #CA9C83} #tblorderaddy .tblorderaddyblue {color:#488CC6; font-weight:bold; font-size:16px} .bookmarkus {color:#fff; text-align:center; padding:0 2px; background:#476057} /* pink:F2D3C4 blue:6092c0 dark green:3E544C 6092c0 */ img.imgpink {border:1px solid #F2D3C4} a {color:#478ABD; text-decoration:underline} a:hover {color:#BA8669; text-decoration:none}