﻿/* CSS Document */


/*Common*/
body, html, p, form {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #393939;
}
body {
	background-color: #e8bc49;
}
.bodyBlank {
	background-color: #ffffff;
}
td 
{
	font-family: Arial;
	font-size: 12px;
}
h1 {
	margin: 0 0 10px 0px;
	font-family: "Helvetica Neue";
	color: #846716;
	font-size: 14px;
}
h2 {
	margin: 0 0 8px 0px;
}
img {
	border: 0;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}


/*Padding*/
.pad-top-1{
	padding-top: 1px;
}
.pad-top-5{
	padding-top: 5px;
}
.pad-top-10{
	padding-top: 10px;
}
.pad-top-15{
	padding-top: 15px;
}
.pad-top-20{
	padding-top: 20px;
}
.pad-top-25{
	padding-top: 25px;
}
.pad-top-30{
	padding-top: 30px;
}

.pad-left-1{
padding-left: 1px;
}
.pad-left-5{
padding-left: 5px;
}
.pad-left-10{
padding-left: 10px;
}
.pad-left-15{
padding-left: 15px;
}
.pad-left-20{
padding-left: 20px;
}
.pad-left-25{
padding-left: 25px;
}
.pad-left-30{
padding-left: 30px;
}

.pad-right-1{
padding-right: 1px;
}
.pad-right-5{
padding-right: 5px;
}
.pad-right-10{
padding-right: 10px;
}
.pad-right-15{
padding-right: 15px;
}
.pad-right-20{
padding-right: 20px;
}
.pad-right-25{
padding-right: 25px;
}
.pad-right-30{
padding-right: 30px;
}

.pad-bottom-1{
padding-bottom: 1px;
}
.pad-bottom-5{
padding-bottom: 5px;
}
.pad-bottom-10{
padding-bottom: 10px;
}
.pad-bottom-15{
padding-bottom: 15px;
}
.pad-bottom-20{
padding-bottom: 20px;
}
.pad-bottom-25{
padding-bottom: 25px;
}
.pad-bottom-30{
padding-bottom: 30px;
}

.pad-all-1{
padding: 1px;
}
.pad-all-5{
padding: 5px;
}
.pad-all-10{
padding: 10px;
}
.pad-all-15{
padding: 15px;
}
.pad-all-20{
padding: 20px;
}
.pad-all-25{
padding: 25px;
}
.pad-all-30{
padding: 30px;
}


/* Layout Shadow */
.shadowLeft {
	width: 9px;
	background-image: url(/neg/images/ly_sh_left.gif);
	background-repeat: repeat-y;
}
.shadowRight {
	width: 9px;
	background-image: url(/neg/images/ly_sh_right.gif);
	background-repeat: repeat-y;
}
.shadowBottom {
	background-image: url(/neg/images/ly_sh_bottom.gif);
	background-repeat: repeat-x;
}
.wrapper {
	padding-left: 24px;
	padding-right: 20px;
	background-color: #FFF;
}


/*Main Navigation*/
#mainNavigation {
	padding-top: 4px;
	border-top:solid 1px #ead26c;
	padding-bottom: 4px;
}
#mainNavigation2 {
	padding-top: 4px;
	border-top:solid 1px #ead26c;
	width: 844px;
	padding-bottom: 4px;
}
#mainNavigation img {
	float: left;

}


/*Border*/
.borderColorGold {
	border: #ead26c 1px solid;
}
.borderBanner {
	border: solid 1px #e6dbbd;
	margin-bottom: 7px;
}
.borderBanner2 {
	border: solid 1px #e6dbbd;
	margin-bottom: 7px;
	width:842px;
}
.border01 {
	height: 3px;
	background-image: url(/neg/images/border01.gif);
	background-repeat: repeat-x;
}
.border02 {
	height: 6px;
	margin-top: 2px;
	background-image: url(/neg/images/border02.gif);
	background-repeat: repeat-x;
}


/*search*/
#searchForm {
	float: right;
	width: 180px;
	/*padding-top: 32px;*/
	padding-top: 43px;
}
.searchFormInput{
	margin: 0 0 0 0px;
	border: solid 1px #ead26c;
}


/*Footer*/
#footer {
	/*float: right;*/
	font-size: 10px;
	height: 15px;
	padding-right: 3px;
	padding-bottom: 5px;
	font-family: Arial;
}
#footer a{
	color: #969696;
	text-decoration: none;
}
#footer a:hover{
	color: #666;
	text-decoration: none;
}

.footer {
	/*float: right;*/
	font-size: 10px;
	/*height: 15px;
	padding-right: 3px;
	padding-bottom: 5px;*/
	font-family: Arial;
}
.footer a{
	color: #969696;
	text-decoration: none;
}
.footer a:hover{
	color: #666;
	text-decoration: none;
}


/*Main Page*/
#boxes {
	background-image: url(/neg/images/pattern_bg01.gif);
	padding: 14px 25px 11px 23px;
	margin-bottom: 3px;
}
#boxes .div{
	float: left;
}
.boxImage {
	border: 1px solid #e6dbbd;
}
#box1 {
	background-image: url(/neg/images/bg_box01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 167px;
	height: 166px;
	padding: 13px 16px 0 14px;
}
#box2 {
	background-image: url(/neg/images/bg_box02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 167px;
	padding: 13px 16px 0 14px;
}
#box3 {
	background-image: url(/negimages/bg_box03.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 167px;
	padding: 13px 16px 0 14px;
}
#box4 {
	background-image: url(/neg/images/bg_box04.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 167px;
	padding: 13px 16px 0 14px;
}


/*Content Page*/
#content {
	padding: 10px 30px 10px 30px;
	font-size: 12px;
}
#content h1{
	font-size: 13pt;
	color: #0d557b;
	font-weight: bold;
	margin-bottom: 14px;
	font-family: Arial;
}
#content h2{
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	font-family: Arial;
}
#content td{
	font-size: 12px;
	font: Arial;
	color: #393939;
}


/*Left Menu*/
#leftMenu {
	background-image: url(/neg/images/pattern_bg01.gif);
	width: 210px;
}
#leftMenu .leftNavi {
	background-image: url(/neg/images/left_navi_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 43px;
	padding-right: 45px;
	padding-top: 6px;
	padding-bottom: 4px;
	color: #473908;
	font-family: "Helvetica Neue";
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #c8c4b5;
}
#leftMenu .leftTitle {
	background-image: url(/neg/images/left_navi_title.jpg);
	background-repeat: no-repeat;
	padding: 13px 0 10px 20px;
	color: #2c2201;
	font-family: "Helvetica Neue";
	font-size: 15px;
}
	
.leftNavi a {
		color: #473908;
		text-decoration: none;
}
.leftNavi a:hover {
		color: #FFF;
		text-decoration: none;
}
	
#leftMenu .leftMenuBanner {
	padding: 15px 0 0 8px;
}


/*Right Menu*/
#rightMenu {
	border-left: 1px solid #e6dbbd;
	padding-left: 10px;
	width: 163px;
}

.inputSearch {
	border: solid 1px #ead26c;
	font-size: 11px;
	color: #393939;
	width:150px;
}

/*form*/
.inputBox01 {
	border: solid 1px #ead26c;
	font-size: 11px;
	color: #393939;
	width:250px;
}
.selectBox01 {
	font-size: 11px;
	color: #393939;
	margin-right: 5px;
}
.textForm {
	font-size: 12px;
	color: #000000;
}


/*sign up form
#signup {
}
#signup td{
	padding-bottom: 10px;
}
*/

/*fonts*/
.font11 {
	font-size: 11px;
}
/* *************************************************************** error */

.error {
color: #FF0000;
font-size: 12px;
}

.errorLoginBox {
color: #FF0000;
font-size: 9px;
}

.successCss {
color: #264409;
font-size: 12px;
background: #E6EFC2;
}

.success  { background: #E6EFC2; color: #264409; border-color: #C6D880; padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; font-size: 12px;}

#box_sitemap {
	background-color:#FFFFFF;
	background-position: center center;
	width: 190px;
}
.bookmarkLink {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.bookmarkLink:hover {
	font-weight: bold;
	text-decoration: none;
	color: #846716;
}

.recipesRightMenu {
	border: #ead26c 1px solid;
	padding: 11px 12px 11px 11px;
	width: 130px;
	float: right;
	font-size: 11px;
	color: #393939;
}
/*****edm******/
link a{
text-decoration: none;
color: #ffffff;
}
.link a:hover{
text-decoration: none;
color: #654b00;
} 

.errorCss{
color:#a31010;
font-size:11px;
background:#FFE6E6;
border-bottom:1px solid #edcfcf;
border-top:1px solid #edcfcf;
padding:6px 12px 6px 12px;
margin:6px 10px 8px 0px;
display:block;
}


.MCshadowLeft {
	background: url(/neg/images/MC/sh_left.gif) repeat-y;
	width: 8px;
}

.MCshadowRight {
	background: url(/neg/images/MC/sh_right.gif) repeat-y;
	width: 8px;
}

.MCwrapper {
	width: 709px;
	background-color: #ffffff;
	height: 100%;
}

.MCcontent {
}

.MCcontent ol {
	margin-top: 10px;
}

.MCcontent li {
	margin-top: 10px;
}
	
.MCinputbox01 {
	border: 1px solid #ffc039;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.MCborder01 {
	background: url(/neg/images/MC/border01.gif) repeat-x;
	height: 35px;
	margin: 0 0px 0 10px;
}

.MCrightMenu {
	float: right;
	width: 250px;
	background: url(/neg/images/MC/bg_gradient01.gif) repeat-x;
}

.MCrightMenu .MCwriteUp {
	padding: 0 12px 0 12px;
}

a.linklightgrey:hover {
color:#666;
text-decoration:underline;
}

a.linklightgrey:link,a.linklightgrey:visited {
color:#666;
text-decoration:none;
font-size:11px;
}

/*Expert Corner Tips*/
#shopping_list {

}	
ul#shopping_list{
	margin: 0 0 0 0px;
	padding: 5px 5px 5px 0px;
}
#shopping_list li{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style: none;
}
.qp_counter {
	margin:  10px;
	display: none;
}
#shopping_list_counter {
	text-align: right;
	padding-bottom: 10px;
}
#shopping_list_counter a:link{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	color:#f38300;
	text-decoration: none;
}
a.qp_disabled {
	color: #888;
	display: none;
}	

.successBlock{
color:#333300;
font-size:11px;
background:#D4E3CE;
border-bottom:1px solid #75b953;
border-top:1px solid #75b953;
padding:6px 6px 8px 6px;
margin:6px 10px 8px 0px;
line-height:;
width:100%;
display:block;
}

.errorBlock{
color:#a31010;
font-size:11px;
background:#FFE6E6;
border-bottom:1px solid #edcfcf;
border-top:1px solid #edcfcf;
padding:6px 6px 8px 6px;
margin:6px 10px 8px 0px;
line-height:;
width:100%;
display:block;
}

/* For Ephoto ===============================*/

/*Content Page for Ephoto*/
#content_ephoto {
	/*padding: 10px 10px 10px 10px;*/
	font-size: 12px;
}
#content_ephoto h1{
	font-size: 13pt;
	color: #0d557b;
	font-weight: bold;
	margin-bottom: 14px;
	font-family: Arial;
}
#content_ephoto h2{
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	font-family: Arial;
}
#content_ephoto td{
	font-size: 12px;
	font: Arial;
	color: #393939;
}

#ephotoBackground{
	width:374px;
	background:url(/neg/iphoto/images/ephoto_background.jpg) no-repeat;
	padding:0 5px;
}

#ephotoBackground02{
	width:394px;
	background:url(/neg/iphoto/images/ephoto_background.jpg) no-repeat;
}

/*form*/
.inputBoxE {
	width:30px;
	border: solid 1px #ead26c;
	font-size: 11px;
	color: #393939;
	width:250px;	
	background:url(/neg/iphoto/images/formBack.gif) repeat-x;
	margin:3px;
}

.inputBoxE_err {
	width:30px;
	border: solid 1px #ead26c;
	font-size: 11px;
	color: #a31010;
	background-color:#FF8A8A;
	width:250px;

	margin:3px;
}
.selectBoxE {
	font-size: 11px;
	color: #393939;
	margin-right: 5px;
}
.textFormE {
	font-size: 12px;
	color: #000000;
}

.facebookBack{
	background:url(/neg/iphoto/images/FacebookOrManual.jpg) no-repeat;
	height:450px;
	width:600px;
}

#rightMenu02 {
	border-left: 1px solid #e6dbbd;
	width: 209px;
	padding-left: 5px;
}	

/*added by Azee : 28 Dec 09 - ePhoto Friend page css*/
#friendpg a:visited, a:link{
color:#666;
text-decoration:none;
font-size:11px;
}

#friendpg a:hover {
color:#666;
text-decoration:underline;
}




  /* The hint to Hide and Show */
        #hint {
   	        display: none;
            position: absolute;
           
            width: 200px;
	        padding: 6px 8px; margin-bottom: 1em; border: 1px solid #c93; font-size: 0.8em; width:260px; line-height: 1.2em; float:left;
        	background: #ffc url(/neg/images/pointer.gif) no-repeat -10px 5px;
	        z-index:1;
	        /*
	        font-size:0.6em;
            border: 1px solid #c93;
            padding: 0px 0px;
	        */
        	
            /* to fix IE6, I can't just declare a background-color,
            I must do a bg image, too!  So I'm duplicating the pointer.gif
            image, and positioning it so that it doesn't show up
            within the box */
        }

        /* The pointer image is hadded by using another span */
        #hint .hint-pointer {
            position: absolute;
            left: -10px;
            top: 4px;
            width: 10px;
            height: 19px;
            background: url(/neg/images/pointer.gif) left top no-repeat;
