/*

skin body

*/
body{
	font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
	background:url(images/weddingback2.png) no-repeat top left;
    background-color:#000000;
}

.admin{text-align: left; float: left;}

*{padding:0;	margin:0;}

/*\*/
* html  {height: 1%;}
/**/
/*
	voice-family:"\"}\"";
	voice-family:inherit;	
*/
/*
ul,ol,li{list-style:none;}	
*/

a{color:#017ABA; text-decoration:none;}
a:link{color:#ffffff; text-decoration:none;}
a:hover{color:#80ffff; text-decoration:underline;}
a:visited{color:#ffc0c0; text-decoration:underline;}

h1 {
	color:#223F7D;
    font-weight: bold;
	font-size:12px;
	line-height:18px;
    padding-bottom:10px;
}

h1.recipeSearchResults , #recipeDetail h1 
{
    font-size:24px;
	line-height:30px;    
	color:#223F7D;
    font-weight: normal;
    }

h2{
	font-size:24px;
	color:#223F7D;
	padding-bottom:10px;
}

h3{
	color:#C00;
	font-size:16px;
	margin-bottom:10px;
}

h4{
    font-size: 12px;
    font-weight: bold;
	color:#223F7D;
	padding-bottom:10px;
    }

.hide,
h1 b,
h2 b,
h3 b,
a i
{
     position: absolute;
     left: -9999px;
}



/*------------------------------Page Structure
*/
#outerwrap{
	width:978px;
	margin:12px auto 0 auto;
	text-align:left;
	/*background:url(mainbg.png) repeat-y;*/
}
/*\*/
* html #outerwrap{
    background: #ffffff;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="mainbg.png", sizingMethod="scale");
}
/**/
#wrap{
	width:978px;
	padding:0 9px;
	background:url(maintop.png) no-repeat;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:960px;	
}
html>body #wrap{width:960px;}

/*\*/
* html #wrap{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/NZPork/images/maintop.png", sizingMethod="crop");
}
/**/
/*-----------------------Header
*/
#hdr{
	width:960px;
	height:212px;
	border-bottom:3px solid #c0c0c0;
	padding-top:05px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:960px;
	height:195px;
    background:url(mainbg.png) repeat-y;
}
html>body #hdr{
	width:960px;
	height:195px;
}

/*
need to replace jpg with a gif
*/

#hdr h1{
	width:400px;
	height:30px;
	float:left;
	background:url(images/newlogo.png) no-repeat;
	margin-left:10px;
	display:inline;
}
#hdr h2{
	width:280px;
	height:180px;
	float:left;
	font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif;
	font-size:14px;
	padding-left:5px;
	
}
#hrdright{
	float:right;
	width:75px;
}
#searchbox{
	width:480px;
	height:25px;
	background:url(searchboxbg.gif) repeat-x;
	margin-bottom:15px;
}
#searchbox label,#searchbox input{
	display:block;
	float:left;
}

/* remove if change search to button from text */
#searchbox #dnn_dnnSEARCH_optSite{display:none}

#dnn_ctr519_DNNDispatch_ctlMain_lblEdition, #dnn_ctr519_DNNDispatch_ctlMain_Label1, #dnn_ctr519_DNNDispatch_ctlMain_Label3{display:none}

.searchResults{padding-bottom: 10px;}

/* dont display email to friend image */
#dnn_ctr377_DD, #dnn_ctr398_DD{display:none}
#dnn_ctr377_ContentPane, #dnn_ctr398_ContentPane{display:none}



#searchbox label{
	width:auto;
	margin-right:10px;
	line-height:25px;
	margin-left:10px;
	color:#999;
	font-weight:bold;
}

#searchbox  a:link{
	width:auto;
	margin-right:10px;
	line-height:25px;
	margin-left:10px;
	color:#333;
	font-weight:bold;
}

#searchbox input{
	width:177px;
	height:16px;
	margin-top:3px;
	padding-top:1px;
	font-size:12px;
	border:1px solid #DADADA;
	padding-left:2px;
}
#searchbox .gobtn{
	width:auto;
	height:auto;
	border:none;
	margin:3px 0 0 10px;
}

#hrdright ul{
	border-left:1px solid #C2C7D8;
	width:238px;
	height:140px;
	display:block;
	float:left;
}


/*
*/
/*---------------------- Main Body
*/
#mainbody,#submain{
	width:960px;
	margin:23px auto;
    background-color:#202020;
	/*background:url(divider.gif) repeat-y 450px 0;*/
	overflow:hidden;
    border-left:1px solid #7dc5ff;

 border-right:1px solid #7dc5ff;
 border-top: 1px solid #7dc5ff;
 border-bottom: 1px solid #7dc5ff;
 }
.leftside{
	float:left;
	width:960px;
}
.rightside{
	float:right;
	width:430px;
	overflow:hidden;
}
.center{
	float:left;
	width:210px;
}
.rightmost{
	float:right;
	width:210px;
	display: block;
}
/*
#mainbody h1{
    font-weight: bold;
	font-size:12px;
	line-height:18px;
}
*/
#mainbody p{
	margin-bottom:25px;
	line-height:18px;
}
.boxarea {
	width:210px;
	background:url(boxYbg.gif) repeat-y;
	margin-bottom:10px;
}
.boxarea div{
	width:210px;
	background:url(topcorn.gif) no-repeat top left;
}
.boxarea div div{
	width:210px;
	background:url(btmcorn.gif) no-repeat bottom left;
	padding-bottom:11px;
}
.boxarea div div div{
	width:208px;
    height: 220px;
	background:url(skins/NZPork/images/boxXbg.gif) repeat-x 0 9px;
	margin:0 auto;
	padding:11px 15px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:178px;	
}

#bottom{border: solid 1px #000;}

html>body .boxarea div div div{width:178px;}

.boxarea h3{margin-bottom:13px;}

.boxarea label{
	color:#1A3E71;
	font-size:13px;
	display:block;
}
.boxarea select{
	width:100%;	height:22px;
	margin:4px 0 15px 0;
}
.boxarea input{
	margin:4px 10px 15px 0;
}
/*
.boxarea input{
	float:left;
	margin-right:10px;
}
*/

.btmarea{width:900px;}

.btmarea dd{
	display:block;
	float:left;
	width:210px;
	margin-right:10px;
}
.toppart{
	width:960px;
	overflow:hidden;
}

.btmarea .altdd{margin-right:40px;}
.btmarea .ignore{margin:0;}

.btmarea img{
	border:5px solid #DBEAF9;
	display:block;
	margin-bottom:10px;
}

img{border: none;}

#submain{background:#ffffff;}

.leftmost{float:left; width:670px;}

#linkRecipeNames, #SearchRecipeNames {margin-top: 15px;}
#linkRecipeNames dt, #SearchRecipeNames dt{font-size: 16px; border-bottom:1px solid #EAEAEA; padding-bottom:2px; margin-bottom:10px;}
#linkRecipeNames h4, #SearchRecipeNames h4{padding-bottom:2px;}
#linkRecipeNames a:link, #SearchRecipeNames a:link{color:#223F7D;}
#linkRecipeNames a:visited, #SearchRecipeNames a:visited{color:#223F7D;}
#linkRecipeNames a:hover, #SearchRecipeNames a:hover{color:#017ABA; text-decoration: none;}
#linkRecipeNames a:active, #SearchRecipeNames a:active{color:#C00;}
#linkRecipeNames .currentRecipe, #SearchRecipeNames .currentRecipe{color:#017ABA;}

#pro-navigator{float: right;}

.pageLeft{display: inline; width: 25px; margin-right: 10px; margin-left: 0px; margin-bottom: 0px; margin-bottom: 0px;}
.pageRight{display: inline; width: 25px; margin-right:0px; margin-left: 10px; margin-bottom: 0px; margin-bottom: 0px;}

.editLink{display:inline; float:right;}

#recipeSearchResults {border-top:1px solid #EAEAEA; padding-top:2px; margin-top:10px;}

#recipeSearchResults .left{width: 230px; float: left;}
#recipeSearchResults .right{width: 230px; float: right;}

#recipeSearchResults h3{font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold;}
#recipeSearchResults h3 a{color:#C00;}

div.recipeSearchResults{float:left; width:670px; border-bottom:1px solid #EAEAEA;}
.recipeSearchResults img{float:left; display:inline; margin-top: 5px; margin-bottom: 5px; margin-left: 0px; margin-right: 10px}


#recipeDetail{float:left;}
#recipeDetail h3{font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold;}
#recipeDetail h4, #linkRecipeNames h4, #SearchRecipeNames h4{font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold;}

dl.recipeLinks {margin-bottom: 10px; margin-top: 10px;}

/* #### for retailer's order form */
.boxarea .formText, #retailForm .formText{font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif; font-size:12px;}

#retailForm {width: 100%;}
#retailForm .formName{width:50%}
#retailForm .formUnits{width:15%}
#retailForm .formOrder{width:35%}
/*
#retailForm .divider{height: 2px; background-color: #223F7D;}
*/
/*
#retailForm .divider{border-top: solid 2px #223F7D;padding-top: 10px; padding-bottom: 5px; margin-top: 10px}
*/

#retailForm .divider, #retailForm h3{border-top: solid 2px #223F7D; padding-top: 10px; padding-bottom: 5px; margin-top: 10px}

#retailForm h4{padding-top: 5px; padding-bottom: 10px;}

.left{
	float:right;
/*
	float:left;
*/
	width:380px;
}

.Floatleft {float:left; width: 270px}
.floatRight {float:right;}

.left img{margin-bottom:20px;}

.middle{
/*
	float:right;
*/
	float:left;
	width:270px;

}

.btn{margin-bottom:10px; border: none;}

.option1{
	width:270px;
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
	margin-bottom:20px;
	padding: 10px 0 2px 0;
	overflow:hidden;
	line-height: 20px
}

.option1 img{
	display:inline;
	
	margin-right:10px;
}

.option1 dd{
	display:inline;
	padding-top:14px;
}

.icons{vertical-align: middle;}
.ToolButton{vertical-align: middle;}
.serves{height: 30px; border-bottom:1px solid #EAEAEA; margin-bottom: 10px;}
.bookMarks dd{display: inline; }
.bookMarks dd{font-size: 11px;}


.imgOnPackLabel{width: 70px; margin-bottom: 5px; margin-right: 10px; float: left; }
.ingredients{float: right; width: 190px}


dl.bookMarks {padding-bottom:14px;}

.option1 .leftitem{width:50px; float:left;}
.option1 .rightitem{margin-left:10px;}

/* changed for recipe detail
.txt p{
	line-height:18px;
	margin-bottom:20px;
	}
*/
.txt p{
	line-height:18px;
	margin-bottom:10px;
	}

.left h3{margin-bottom:10px;}
.left h4{font-size: 14px;}

.txt ul, .txt ol{margin-bottom:10px;}


.txt li{
	padding-left:10px;
	line-height:18px;
}

.txt ul li {
	background:url(bullets.gif) no-repeat 0 7px;
    list-style:none;
}

#recipeDetail ul li{padding-left:15px;}

.txt ol, #recipeDetail ol
{
    list-style-type:decimal;
	padding-left: 26px;
	line-height:18px;
}

.txt ol li, #recipeDetail ol li {padding-left: 0px;}

.content{border-top:1px solid #EAEAEA; 	border-bottom:1px solid #EAEAEA; margin-bottom:10px;	margin-top:10px; padding-bottom:10px;	padding-top:10px;}

.listitem li {
	border-top:1px solid #999;
	padding:10px 0;
}
.listitem .altli{
	border:none;
}
.listitem li a{	
	color:#419BCB;
	line-height:18px;
}
.conhold{
	width:670px;
	overflow:hidden;
}
.leftcon{
	float:left;
	width:322px;
}
.rightcon{
	float:right;
	width:322px;
}

.bigimage {margin-bottom:20px;}



.data
{
    width: 660px;
	font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

.data .col1{width: 300px;}
.data .col2{width: 130px;}
.data .col3{width: 130px;}




/*---------------------- Footer */
#ftr{
	width:960px;	height:70px;
	margin:0 auto;
	font-size:11px;
	color:#ffffff;
	text-align:center;
	background:#fff url(footerbg.gif) no-repeat top left;
}

#ftr p{padding-top:13px;}
	
#ftr a{
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
}

#ftr a:hover{text-decoration:underline;}
	
/*--------------------- Hack*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearAll {clear: both;}
.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

.error{color:red; font-weight: bold;}

div#user {float:left; margin-bottom:10px;}
div#login {float:right; text-align:right;  margin-bottom:10px;}




#searchLeft {float:left; width:347px; padding-right: 23px;}

#searchRight {float: right; width:300px; display: block;}

.searchHeader{border-bottom:1px solid #EAEAEA; padding-bottom:10px; margin-bottom:10px;}


#mainMenu ul {
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
}
#mainMenu ul li {
    display:block;
	margin-left:18px;
    list-style-type:none
    }
#mainMenu ul li a{
	font-size:15px;
	font-weight:bold;
	line-height:19px;
	color:#223F7D;
	text-decoration:none;
}
#mainMenu ul li a:active{
	color:#CC0000;
	text-decoration:none;
}
#mainMenu ul li a:hover{
	color:#017ABA;
	text-decoration:none;
}

#mainMenu ul #mainMenuItemHome, #mainMenu ul li #mainMenuCurrentLink {color:#017ABA; text-decoration:none;}

#subMenu ul {
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
	border-left:1px solid #C2C7D8;
}

#subMenu ul li {
    display:block;
	margin-left:18px;
    list-style-type:none
    }
#subMenu ul li a{
	font-size:15px;
	font-weight:bold;
	line-height:19px;
	color:#223F7D;
	text-decoration:none;
}
#subMenu ul li a:active{
	color:#CC0000;
	text-decoration:none;
}
#subMenu ul li a:hover{
	color:#017ABA;
	text-decoration:none;
}

#subMenu ul li #subMenuCurrentLink {color:#017ABA; text-decoration:none;}


#adminMenu
{
	float: left;
	text-align: left;
	font-weight: bold;
	position:relative;
	z-index:99999;
    color:#ffffff;
}

#adminMenu ul 
{
    width: 940px;
    padding:0;
    margin:0;
    list-style-type:none;
    /*border-bottom: 2px solid #D6D6D6;
    height: 50px;*/
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    }
    
#adminMenu ul li {float:left; position:relative;list-style-type:none}
#adminMenu ul li a, #adminMenu ul li a:visited {
    color: #ffffff;
	float: left;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	padding:0px 10px;
	line-height: 16px;
	height: 20px;
}

#adminMenu ul li a:hover {color: #ffc0c0;}
#adminMenu ul li a:act{color: #CC0000;}

#adminMenu ul li #adminMenuCurrentLink {color:#017ABA; text-decoration:none;}

div#user {float:left; margin-top:10px; margin-bottom:10px;margin-left:10px;}
div#login {float:right; text-align:right;  margin-top:10px; margin-bottom:10px; margin-right:10px;}


#submain .mediaModule {
	border: none;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	}

/*  style for individual links in the link module  */
.linkModule {
	border: none;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
    }
    
.links {
	border: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
    }

  
#breadCrumb{ font-weight:normal; margin-bottom: 10px; margin-left:20px;} 
#breadCrumb a{color:#000000; text-decoration:none;}
#breadCrumb a:hover{color:#000000; text-decoration:underline;}
 

/*
#######################
lightBox styles
#######################
*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(skins/NZPork/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(skins/NZPork/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.hoggy {color:#c00000;}
#sidebars {
    color: #EEEEEE;
    float: right;
    margin: 15px 0 0;
    width: 340px;
}
#sidebars li {
    font-size: 9pt;
    list-style: none outside none;
    margin-bottom: 20px;
}
#sidebars ul {
    margin: 0;
    padding: 0 0 5px;
}
#welcome {
    background: url('mainbg.png') repeat scroll 0 0 transparent;
    margin: 0 0 0px;
    padding: 0 0 5px;
}
# sidebars #welcome h2 {
    color: #FFFFFF;
    font-size: 14pt;
    font-weight: normal;
   
    margin: 0 10px;
    padding: 10px 0 3px;
}
#sidebarbox {
    background: url('mainbg.png') repeat scroll 0 0 transparent;
    padding: 8px 15px;
}
#sidebars h2 {
    color: #FFFFFF;
    font-size: 11pt;
    font-weight: normal;
  
    margin: 0;
    padding: 0 0 8px;
}
#sidebars ul ul li {
    background: url("bullet.png") no-repeat scroll left 8px transparent;
    color: #ffffff;
    line-height: 17px;
    margin: 0;
    margin-left:15px;
    padding: 2px 2px 2px 16px;
}
#sidebarbox {
    background: url('mainbg.png') repeat scroll 0 0 transparent;
    padding: 8px 15px;
}
.ngg-widget, .ngg-widget-slideshow {
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0 0;
}
.ngg-widget img {
    border: 2px solid #FFFFFF;
    margin: 0 2px 2px 0;
    padding: 1px;
}