/* ChampionPetFoods: Orijen CSS layout definitions Created by YellowPencil.com July 2006 */ body { margin:2em auto; padding:0; background:#fff; font-family: Arial, Helvetica, sans-serif; color:#333; text-align:center; font-size:0.9em;} p, ul, ol, li, table, tr, td { font-family:Arial, Helvetica, sans-serif; color: #333;} h1, h2 { color:#B41200; font-family:Arial, Helvetica, sans-serif; font-weight:normal; } h3, h4, h5, h6 { color:#000; font-family:Arial, Helvetica, sans-serif; } a, a:link, a:visited {color:#000;} a:hover {color:#fff; background-color:#000;} img {border:0;} /* main page declarations */ #page {margin:0 auto; padding:0; text-align:left; width:740px; border:1px solid #919191; position:relative;} #homepage {margin:4% auto; padding:0; text-align:left; width:736px; height:478px; border:1px solid #919191; background:url(../images/home_bg.jpg) no-repeat;} #homepagecontent {position:relative; top:138px; left:293px; width:396px; height:263px; border:1px solid white;} #homepagecontent h1 {color:#fff; font-size:2.2em;margin:0; padding:0 0 0 9px; /*border-bottom:1px solid white;*/ font-family:"Times New Roman", Times, serif; font-weight:normal; } #homepagecontent h2 {color:#fff; font-size:1.05em;margin:2px 0 0 0; padding:0px 0 2px 9px; border-bottom:1px solid white; font-family:"Times New Roman", Times, serif; font-weight:normal; } #homepagecontent h2 img {float:right; /*border-left:1px solid white; */margin:-2px 2px 0 0;} #homepagecontent img {float:left;} #homepagecontent #championpetfoodslogo {margin:10px;/*padding:10px;*/} #homepagecontent #becausewecare {position:absolute; top:-20px; left:-20px;} #header {margin:0; padding:0; width:740px; height:225px;background: #D1D9EC url(../images/orijen_webheader.jpg) repeat-y;} #topleftfeature {position:absolute;} #orijenlogo {position:absolute; left:305px; top:10px;} #navigation {position:absolute; width:740px; height:25px; line-height:12px; margin-top:200px; border-top:1px solid white; } #navigation p {margin:0; padding:0; float:left; width:555px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #navigation p a {display:block; float:left; margin:auto; width:91px; height:25px; text-align:center; color:#000; border-left:1px solid white; text-decoration:none; line-height:25px;background:url(../images/nav_bg.png);} #navigation p a:hover {background:none; color:#fff;} #navigation p img {float:left; margin-left:2px;} #navigation p a img {width:50px;} #navigation a.homelink {width:93px;} #icons {width:185px; float:left;} #icons img {border:0;border-left:1px solid white;} /* general content area styles */ #content {width:740px; height:313px; font-size:0.8em; position:relative;} * html #content {height:195px;overflow:visible;} * html #content #imagespace img {position:absolute; top:0; left:0;} #imagespace {float:left;width:185px;border-top:1px solid white; } #textarea {float:left;width:421px; padding:17px 17px 0 17px;overflow:auto; height:295px; } #textarea h1, #textarea h2, #textarea h3, #textarea h4 {margin:0; padding:0; font-weight:normal;} #textarea h1 {font-size:20px;margin:5px 0 11px 0;} #textarea h2 {font-size: 16px; margin:5px 0 11px 0; color:black;} #textarea h3 {font-size:13px;} #textarea h4 {font-size:12px;} #textarea p {margin:10px 0; padding:; line-height:15px; font-size: 12px;} /* subnavigation styles */ #subnav {float:left; width:80px; padding:20px 10px 0 10px; font-size: 12px;} #subnav a { text-decoration:none; font-weight:bold; color:#444; font-size:12px; padding:3px 0 3px 5px;display:block; border-bottom:1px solid #ccc;} #subnav a:hover, #subnav a.active {background:#b41200; color:#fff;} #subnav p img, #subnav img {float:left; margin:3px 0;} #subnav ul {margin:0 20px; padding:0;} #subnav li {font-size: 11px;} #footer {width:555px; height:35px; text-align:right; padding:5px 0 0 0; margin-left:185px;} #footer img {margin:3px 33px 3px 3px;float:right;} #footer p {color:#990000; font-size:9px;border-top:1px solid #990000; margin:0 30px 0 10px; padding:4px 20px 0 0;} * html #footer p {color:#990000; font-size:9px;border-top:1px solid #990000; margin:0 40px 0 10px; padding:4px 20px 0 0;} .orijenwhitepaper {background:#e8e8e8; color:#000;} .orijenwhitepaper a {color:#000;} .clearboxes {clear:both;} /* icon display elements */ .icontextbox { width:164px; padding:10px;border:1px solid #fff;border-top:none;border-bottom:2px solid #fff;position:absolute; top:0; left:0; visibility:hidden; } .icontextbox h3 {color:#fff;font-weight:normal;font-size:12px;margin:0;padding:0;} .icontextbox p {color:#fff;font-size:10px;margin:5px 0 0 0;padding:0;} #icononetext {background:#a62315;} #icontwotext {background:#00a0af;} #iconthreetext {background:#d99632;} #iconfourtext {background:#463c64;} #iconfivetext {background:#90a546;} /* product table colours and layout */ #textarea table {} #textarea table td, #textarea table th {text-align:left;} #producttable th {font-weight:normal;text-transform:uppercase; padding:2px 1px; border-left:1px solid white; border-bottom:1px solid white;font-weight:bold;} #producttable td {padding:2px; border-left:1px solid white;border-bottom:1px solid white; color:#000;} #producttable {float:right; margin:10px; border:1px solid white; /*background:#D0CFE3;*/ font-size:0.8em;} #ingredientstable {border:1px solid black;} #ingredientstable th {background:#e8e8e8;} #feedingtable {border:1px solid #000;;width:95%;} /* product colour sheets */ .product h1, .product h2, .product h3 {color:#444;} /* analysis tables */ .analysistable {float:right; margin:10px; border:1px solid white; font-size:0.8em;} .analysistable th {font-weight:normal;text-transform:uppercase; padding:2px 1px; border-left:1px solid white; border-bottom:1px solid white;font-weight:bold; font-size:120%; text-transform:uppercase;} .analysistable td {padding:2px; border-left:1px solid white;border-bottom:1px solid white; color:#000;} /* feeding guidelines */ /* general table layout */ #feedingguidelines {margin:5px; border:1px solid white; background:#fff; font-size:0.8em;} #feedingguidelines caption {display:none;} #feedingguidelines th {padding:6px; border-bottom:1px solid black;} #feedingguidelines td {padding:3px; border-bottom:1px solid black;} #feedingguidelines tr.even td {/*background:#e8e8e8;*/} .rightcolumn {border-right:1px solid black; width:85px;} /* specific colours for sections*/ .seniorfeedingguidelines th {background:#f3c48e;} .seniorfeedingguidelines tr.odd {background:#fadfc3;} .seniorfeedingguidelines tr.even {background:#f3c48e;} .puppylargefeedingguidelines th {background:#f3c48e;} .puppylargefeedingguidelines tr.odd {background:#f3c48e;} .puppylargefeedingguidelines tr.even {background:#fadfc3;} .puppyfeedingguidelines th {background:#e0cb80;} .puppyfeedingguidelines tr.odd {background:#e0cb80;} .puppyfeedingguidelines tr.even {background:#e8d79d;} .catfeedingguidelines th {background:#fdd8a4;} .catfeedingguidelines tr.odd {background:#fdd8a4;} .catfeedingguidelines tr.even {background:#ffffff;} .adultfeedingguidelines th {background:#6dbec7;} .adultfeedingguidelines tr.odd {background:#6dbec7;} .adultfeedingguidelines tr.even {background:#a0cfd4;} /* specific colours for sections*/ .senior th {background:#87A65E;} .senior tr {background:#C0CFA7;} .senior tr.odd {background:#87A65E;} .senior tr.even {background:#C0CFA7;} .puppylarge th {background:#9C8BB0;} .puppylarge tr {background:#B6ABCA;} .puppylarge tr.odd {background:#9C8BB0;} .puppylarge tr.even {background:#B6ABCA;} .puppy th {background:#e0cb80;} .puppy tr {background:#e8d79d;} .puppy tr.odd {background:#e0cb80;} .puppy tr.even {background:#e8d79d;} .cat th {background:#EF963D;} .cat tr {background:#F5C490;} .cat tr.odd {background:#EF963D;} .cat tr.even {background:#F5C490;} .adult th {background:#6dbec7;} .adult tr {background:#a0cfd4;} .adult tr.odd {background:#6dbec7;} .adult tr.even {background:#a0cfd4;} /* yellow pencil style :: july 2006 */