@import url("css/menu.css");


/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;padding-top:80px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}


/*.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}
*/


/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

body {
margin:0;
padding:0px 0;
font-family: Tahoma, arial, sans-serif;
font-size:13px;
line-height:20px;
color:#888888;
}

a {
color:#72bf44;
}

a:hover, #footer a:hover  {
color:#666666;
}

#outer{
width:900px;
margin:0 auto;
position:relative;
}

#container {
position:relative;
float:left;
width:900px;
}

#nav {
position:fixed;
top:0;
left:0;
width:100%;
background-color:#fff;
padding:20px 0;
color:#72bf44;
z-index:90;
border-bottom:1px solid #c3c3c3;
}

#nav ul {
margin:0;
padding:0;
position:relative;
margin:0 auto;
width:900px;
}

#nav ul li {
margin:0;
padding:1px 0;
list-style-type:none;
position:relative;
float:left;
}

#nav ul li.seperator {
border-right:1px solid #72bf44;
}

#nav ul li a {
display:block;
margin:0 13px;
text-decoration:none;
text-transform:lowercase;
font-size:14px;
}

#nav ul li.first a {
margin-left:0;
}

#nav ul li.last a {
margin-right:0;
}

#pageHeader {
position:relative;
float:left;
width:900px;
}

.homepage #pageHeader {
text-align:center;
}

/*-- left promo pane homepage --*/
.homepage .stickerContainerLeft {
position:absolute; 
top:0px;
left:15px;
width:190px;
}

.homepage .stickerContainerLeft p {
margin-top:0;
}

a.slowCookRecipeBtn {
display:block;
background-image:url(http://www.krispkut.co.nz/images/slowRecipesBtn.gif);
background-repeat:no-repeat;
width:137px;
height:133px;
text-decoration:none;
}

a.slowCookRecipeBtn span {
visibility:hidden;
}

a.slowCookRecipeBtn:hover {
background-position:0 -133px;
}

a.slowCookerHomeLink:hover {
background-position:0 -171px;
}

/* --- new pack buttonhomepage --- */

a.newPackBtn {
display:block;
background-image:url(http://www.krispkut.co.nz/images/newPacks.gif);
background-repeat:no-repeat;
width:137px;
height:137px;
text-decoration:none;
}

a.newPackBtn span {
visibility:hidden;
}

a.newPackBtn:hover {
background-position:0 -137px;
}


/*-- right promo pane homepage --*/
.homepage .stickerContainer {
position:absolute; 
top:-10px;
right:0;
}

.homepage .stickerContainer p {
margin-top:0;
}

a.newsletterLeafLink {
display:block;
background-image:url(http://www.krispkut.co.nz/Portals/1/siteimages/leafIcon.gif);
width:194px;
height:177px;
text-decoration:none;
}

a.slowCookerHomeLink {
display:block;
background-image:url(http://www.krispkut.co.nz/images/slowCookBtn.gif);
width:194px;
height:171px;
text-decoration:none;
}


a.newsletterLeafLink span,
a.slowCookerHomeLink span {
visibility:hidden;
}

a.newsletterLeafLink:hover {
background-position:0 -177px;
}

a.slowCookerHomeLink:hover {
background-position:0 -171px;
}

#logo {
position:relative;
float:left;
margin:42px 15px 0 0;
}

#pageHeader h1 {
margin:0;
padding:0;
}

.pageTitle {
position:relative;
float:left;
margin:0;
margin-top:-14px;
width:610px;
}

.pageTitle img {
}

.pageTitle p {
margin:0;
}

#main {
margin-top:75px;
position:relative;
float:left;
width:900px;
}

.pageContent {
min-height:250px;
}

.homepage {
background-image:url(/images/homeImage.jpg);
height:725px;
background-position:left bottom;
background-repeat:no-repeat;
}

.head_title h1 {
font-size:16px;
margin:0;
padding:4px 0 0;
}

h2 {
font-size:32px;
font-weight:normal;
text-transform:lowercase;
margin:0 0 5px;
line-height:34px;
}



h3 {
color:#72bf44;
font-size:14px;
margin:10px 0;
font-weight:normal;
}

#main a#countdownBtn {
display:block;
background-image:url(http://www.krispkut.co.nz/images/countdownBtn.gif);
width:349px;
height:62px;
text-decoration:none;
margin-left:65px;
}

#main a#countdownBtn:hover {
text-decoration:none;
background-position:0 -62px;
}

#main a#foodtownBtn {
position:relative;
float:left;
display:block;
background-image:url(http://www.krispkut.co.nz/images/foodtownBtn.gif);
width:168px;
height:41px;
text-decoration:none;
margin-left:65px;
}

#main a#foodtownBtn:hover,
#main a#woolworthsBtn:hover {
text-decoration:none;
background-position:0 -41px;
}

#main a#woolworthsBtn {
position:relative;
float:left;
display:block;
background-image:url(http://www.krispkut.co.nz/images/woolworthsBtn.gif);
width:168px;
height:41px;
text-decoration:none;
margin-left:15px;
}

#main a#foodtownBtn span,
#main a#woolworthsBtn span,
#main a#countdownBtn span {
display:none;
}

/* recipes page start */

h2.recipeCategoryTitle {
position:relative;
float:left;
margin-right:10px;
margin-bottom:20px;
font-size:26px;
text-transform:none;
}

.KK_RecipiesContent #AnchorDiv {
clear:left;
background-image:url(/images/recipesBkgd.jpg);
background-repeat:no-repeat;
background-position:right top;
padding-top:00px;
min-height:450px;
}

.AnchorDivInner {
width:230px;
}

#AnchorDiv a {
font-size:14px;
font-weight:bold;
line-height:16px;
text-decoration:none;
text-transform:lowercase;
}

a.recipeBackLink {
position:relative;
float:left;
top:12px;
font-size:11px;
clear:right;
}

.noRecipesLabel {
clear:left;
}

.recipeText h2 {
padding-right:40px;
position:relative;
}

.recipeLink {
position:relative;
width:250px;
}

.recipeLink a {
}

.recipeLink .newLabel {
position:absolute;
float:left;
width:24px;
margin:1px 0 0 5px;
text-transform:lowercase;
font-size:11px;
padding:1px 2px 3px 4px;
line-height:12px;
background-color:#fff;
color:#71bf44;
border:1px solid #71bf44;
}

h2 .newLabel {
position:absolute;
top:3px;
right:0;
font-size:13px;
padding:3px 4px 4px 4px;
line-height:14px;
background-color:#fff;
color:#71bf44;
border:1px solid #71bf44;
}

.recipeImage {
width:450px;
}

a.recipeAnchor {
display:block;
height:60px;
}

.recipeText {
width:450px;
}

.recipeIntro {
font-style:italic;
margin-bottom:20px;
font-size:14px;
}

.recipeIngredients {
margin-bottom:20px;
}

.recipeVideo {
margin-bottom:10px;
}

.printEmailBtns {
margin-right:15px;
}

.recipeTop {
display:block;
margin-top:10px;
}

/* recipes page end */

/* Products page start */

.KK_ProductsContent #AnchorDiv {
background-image:url(/images/productsBkgd.jpg);
min-height:557px;
background-repeat:no-repeat;
background-position:right 50px;
padding-top:0px;
}

.KK_ProductsContent .anchorHeader {
margin:30px 0 10px;
display:block;
}

.KK_ProductsContent .AnchorDivInner {
position:relative;
top:0px;
width:300px;
}

.KK_ProductsContent #AnchorDiv a {
font-size:14px;
font-weight:bold;
line-height:18px;
text-decoration:none;
text-transform:none;
}

#productsIntro {
position:absolute;
right:0;
top:930px;
text-align:center;
width:550px;
color:#72bf44;
}

#productsIntro h3 {
font-size:18px;
margin-bottom:0;
}

#productsIntro a#countdownBtn,
#productsIntro a#foodtownBtn  {
margin-left:100px;
}

.categoryIntro {
color:#72bf44;
font-weight:bold;
}

.categoryIntro img {
margin-bottom:20px;
margin-top:50px;
}

a.productAnchor {
display:block;
height:80px;
}

.KK_ProductsContent h2 {
color:#72bf44;
text-transform: none;
}

.productText {
position:relative;
float:left;
width:600px;
}

.productImage {
position:relative;
float:left;
width:300px;
text-align:center;
}

.productIngredients {
position:relative;
float:left;
width:340px;
margin:10px 20px 0px 0;
font-size:11px;
line-height:14px;
}

.productsTop {
margin-top:30px;
}

.nutritionPanel {
position:relative;
float:left;
width:240px;
}

.nutritionPanel td {
padding:0px 0;
font-size:11px;
line-height:14px;
}

.nutritionPanel th {
color:#888888;
font-weight:normal;
text-align:center;
font-size:16px;
border-bottom:1px solid #888888;
padding-bottom:5px;
}

.servingsPerPack {
position:relative;
float:left;
width:120px;
padding:5px 0;
}

.servingSize {
position:relative;
float:right;
width:110px;
text-align:right;
padding:5px 0;
}

.tableSubHead td {
border-top:1px solid #888888;
border-bottom:1px dotted #888888;
padding:5px 0;
text-transform:uppercase;
}

.lowercase {
text-transform:lowercase;
}

.nutritionData {
border-left:1px dotted #888888;
text-align:center;
}

.nutritionPanel .tableIndent {
padding-left:20px;
}

/* products page end */

#footer {
padding:10px 0;
position:relative;
float:left;
width:900px;
font-size:11px;
}

p.copyright {
margin:0;
position:relative;
float:left;
}

#footer a {
color:#888888;
}

#footer a:hover {
color:#72bf44;
}

/*Form styles*/
#main a.genericButton, #main input.genericButton, input#SendRecipe {
background-color:#72bf44;
color:#ffffff;
background-image:url(/images/btnBkgdMed.jpg);
background-repeat:no-repeat;
padding:4px 0px;
font-weight:normal;
position:relative;
font-size:14px;
text-transform:uppercase;
text-align:center;
width:80px;
height:21px;
display:block;
text-decoration:none;
margin-left:166px;
}

/* Newsletter form button */

.OptInEmail_Link {
background-color:#72bf44;
color:#ffffff;
background-image:url(/images/btnBkgdMed.jpg);
background-repeat:no-repeat;
padding:4px 0px;
font-weight:normal;
position:relative;
font-size:14px;
text-transform:uppercase;
text-align:center;
width:80px;
height:21px;
display:block;
text-decoration:none;
margin-left:82px;
margin-top:10px;
}

#main a.genericButton:hover, #main input.genericButton:hover, .OptInEmail_Link:hover, input#SendRecipe:hover {
color:#888888;
cursor:pointer;
}

.pageContent p.sendVerification {
width:400px;
font-size:14px;
font-weight:bold;
margin:5px 0 0 20px;
color:#72bf44;
margin-left:166px;
}

.contactForm {
position:relative;
float:left;
clear:left;
width:480px;
margin-top:-5px;
margin-left:20px;
}

ul.formLayout {
margin:0px 0 0;
padding:0;
}

#main ul.formLayout li {
list-style-type:none;
margin:0px 0;
padding:0;
}

ul.formLayout li.noBottomMargin {
margin-bottom:0;
}

#main ul.formLayout li label {
display:block;
position:relative;
float:left;
text-align:right; 
padding-right:5px;
width:160px;
color:#72bf44;
font-weight:bold;
}

ul.formLayout li input {
width:290px;
font-size:11px;
}

ul.formLayout li textarea {
width:290px;
font-size:11px;
font-family:helvetica, arial, sans-serif;
}


ul.formLayout li .checkbox input {
width:10px;
}

.req {
color: #a90000;
padding-right:3px;
}

.validationMsg {
margin-left:165px;
}

.OptIn_QuestionsTable label {
display:block;
position:relative;
float:left;
text-align:right; 
padding-right:5px;
width:200px;
color:#72bf44;
font-weight:bold;
}

.OptIn_QuestionsTable input.OptIn_TextBox, .OptIn_QuestionsTable select {
width:290px;
font-size:11px;
}

.OptIn_QuestionsTable select {
width:297px;
font-size:11px;
}

TD span.CategoryTitle {
color:#72bf44;
font-weight:bold;
}

.formResultMsg {
display:block;
color:#a90000;
margin-left:164px;
margin-top:10px;
}

#main .pageContent .OptIn_ErrorMessage {
    color: red;
}

/* Login panel */

#dnn_ctr_Login_pnlLogin {
position:relative;
float:left;
height:502px;
margin-top:25px;
padding:10px;
background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}