/*
*  Heart of Gold stylesheet
* 
*
*/

/**************************************************************************************
* GENERAL  / CONTAINER STYLES
***************************************************************************************/
*{padding:0px;margin:0px;}
body{background-color:#4C114C;font-size:63%;font-family:Georgia, Arial, Verdana;;position:relative;}
p{font-size:1.4em;line-height:1.6em; margin:0 0 15px 0;color:#FFFFFF;}
h1{font-size:2.4em;font-weight:normal;color:#D92772;margin:-4px 0 20px 0;padding:0;}
h2{font-size:1.8em;font-weight:normal;color:#D92772;margin:0px 0 5px 0;padding:0;}
h3{font-size:1.6em;font-weight:normal;color:#D92772;margin:0px 0 7px 0;padding:0;}
a{color:#FFF;font-weight:bold;}

#hog_outerContainer{margin:27px 0 0 22px;overflow:hidden;width:100%;margin:0;float:none;}
#hog_navContentContainer{margin:62px 0 20px 23px;position:relative;overflow:hidden;}
#hog_rightContainer{width:241px;float:left;display:none;}
#hog_leftContent{margin-right:55px;float:left;border:0px solid red;}
/**************************************************************************************
* GENERAL / CONTAINER STYLES END
***************************************************************************************/

/**************************************************************************************
* HEADER STYLES
***************************************************************************************/
#hog_header{width:286px;height:109px;margin:26px 0 0 23px;}
/**************************************************************************************
* HEADER STYLES END
***************************************************************************************/

/**************************************************************************************
* NAVIGATION STYLES
***************************************************************************************/
#hog_navigation{width:120px;height:110px;margin:0px 35px 0 0px;overflow:hidden;float:left;display:none;}

#hog_navigation #hog_selected{width:23px;margin:0 0px 0 0;float:left;}
#hog_navigation #hog_selected ul{margin:0;padding:0;list-style-type:none;}

#hog_navigation #hog_selected ul li{display:none;}
#hog_navigation #hog_selected ul li#homeSel{margin:0 0 0 0;}
#hog_navigation #hog_selected ul li#aboutSel{margin:22px 0 0 0;}
#hog_navigation #hog_selected ul li#useSel{margin:44px 0 0 0;}
#hog_navigation #hog_selected ul li#loveSel{margin:66px 0 0 0;}
#hog_navigation #hog_selected ul li#contactSel{margin:88px 0 0 0;}

#hog_navigation #hog_selected ul li img{}

#hog_navigation #hog_menu{width:97px;float:left}
#hog_navigation #hog_menu ul{margin:0;padding:0;list-style-type:none;}
#hog_navigation #hog_menu ul li{padding-bottom:5px;}

#hog_navigation #hog_menu ul li#home{background-image:url('../../_images/home_nav_btn_white.gif');background-repeat:no-repeat;width:32px;height:17px;}
#hog_navigation #hog_menu ul li#about{background-image:url('../../_images/all_about_me_nav_btn_white.gif');background-repeat:no-repeat;width:87px;height:17px;}
#hog_navigation #hog_menu ul li#use{background-image:url('../../_images/how_to_use_me_nav_btn_white.gif');background-repeat:no-repeat;width:93px;height:17px;}
#hog_navigation #hog_menu ul li#love{background-image:url('../../_images/love_lettters_nav_btn_white.gif');background-repeat:no-repeat;width:81px;height:17px;}
#hog_navigation #hog_menu ul li#contact{background-image:url('../../_images/get_in_touch_nav_btn_white.gif');background-repeat:no-repeat;width:79px;height:17px;}

#hog_navigation #hog_menu ul li#home a{display:block;width:32px;height:17px;}
#hog_navigation #hog_menu ul li#about a{display:block;width:87px;height:17px;}
#hog_navigation #hog_menu ul li#use a{display:block;width:93px;height:17px;}
#hog_navigation #hog_menu ul li#love a{display:block;width:81px;height:17px;}
#hog_navigation #hog_menu ul li#contact a{display:block;width:79px;height:17px;}

/**************************************************************************************
* NAVIGATION STYLES END
***************************************************************************************/

/**************************************************************************************
* CENTRAL CONTENT STYLES
***************************************************************************************/
#hog_content{overflow:hidden;}
#hog_content #homeContent{width:348px;}
#hog_content #homeContent h2{font-size:2.2em}
#hog_homeCTA{position:absolute;top:125px;left:0px !important;left:-160px;display:none}
#hog_homeCTA img{display:block;margin:0 0 7px 22px;}

#hog_content #aboutContent{width:480px;border:0px solid red;}
#aboutContent #hog_healthBenefits {text-align:center;margin:10px 0 20px 0;}
#aboutContent #hog_process{margin: 30px 0 0 0;overflow:hidden;}
#aboutContent #hog_process p{width:95px;float:left;line-height:1.4em;font-size:1.2em;}
#aboutContent #hog_process p.not_last{margin:5px 33px 0 0;}

#howToUseContent{overflow:hidden;width:500px;}
#howToUseContent #hog_tips{margin:20px 0 40px 0;width:477px;float:left;border:0px solid red;overflow:hidden;}
#howToUseContent #hog_tips #intro{padding:0 12px 0 12px;margin:5px 0 20px 0;}
#howToUseContent #hog_tips  p{margin:0;padding-bottom:10px;color:#4C114C;line-height:1.4em;}
#howToUseContent #hog_tips #hog_tipsNav{float:right;}
#howToUseContent #hog_tips #hog_tipsNav img{margin:0 0 -3px 2px;}
#howToUseContent #hog_tips #hog_tipsOuter{float:right;}
#howToUseContent #hog_tips #hog_tipsMain{background-color:#FFFFFF;width:477px;overflow:hidden;}

#howToUseContent #hog_tips #tab_cookingOff, #howToUseContent #hog_tips #tab_dressingOff, #howToUseContent #hog_tips #tab_dippingOff, #howToUseContent #hog_tips #tab_drizzlingOff{display:none;} 

#howToUseContent #hog_tips #tab_homeContent{display:block;}
#howToUseContent #hog_tips #tab_homeContent #hog_tipsHomeLeft{float:left;margin:0 20px 0 15px !important;margin: 0 10px 0 15px;width:210px;}
#howToUseContent #hog_tips #tab_homeContent #hog_tipsHomeLeft h3{margin:0 0 10px 0;font-size:1.8em;}
#howToUseContent #hog_tips #tab_homeContent #hog_tipsHomeRight{float:right;margin-right:15px;}

#howToUseContent #hog_tips #tab_cookingContent{display:none;}
#howToUseContent #hog_tips #tab_dressingContent{display:none;}
#howToUseContent #hog_tips #tab_dippingContent{display:none;}
#howToUseContent #hog_tips #tab_drizzlingContent{display:none;}

#howToUseContent #hog_tips #tab_cookingContent img,#howToUseContent #hog_tips #tab_dressingContent img, #howToUseContent #hog_tips #tab_dippingContent img, #howToUseContent #hog_tips #tab_drizzlingContent img{margin: 0 0 0 12px;} 

#howToUseContent #hog_tips #hog_tipsRecipe{background-image:url('../../_images/recipe_pink_dashed_repeater.gif');background-repeat:repeat;width:432px;margin:0 0 0 12px;padding:0 10px 0 10px;overflow:hidden;}
#howToUseContent #hog_tips #hog_tipsRecipe div{overflow:hidden;margin: 0 0 5px 0;}
#howToUseContent #hog_tips #hog_tipsRecipe #hog_recipeList{width:220px;float:right;margin:0 0 0 0;}
#howToUseContent #hog_tips #hog_tipsRecipe #hog_recipeInfo{}
#howToUseContent #hog_tips #hog_tipsRecipe #hog_recipeInfo p{width:190px;}


#howToUseContent #hog_tips #hog_tipsRecipe ul {list-style-type:disc;color:#4C114C;font-size:1.4em;}
#howToUseContent #hog_tips #hog_tipsRecipe ul li{margin: 0 0 5px 17px;}
#howToUseContent #hog_tips #hog_tipsRecipe img{margin:0 0 15px 0;}
#howToUseContent a{color:#4C114C;}

#howToUseContent #hog_tips  #hog_tipsContact{margin:15px 0 0 12px;overflow:hidden;}
#howToUseContent #hog_tips  #hog_tipsContact #image{float:left;margin:0 15px 0 0;}
#howToUseContent #hog_tips  #hog_tipsContact #info{float:left;}
#howToUseContent #hog_tips  #hog_tipsContact #info h3{color:#4C114C;font-size:1.8em;margin: 0 0 5px 0;}
#howToUseContent #hog_tips  #hog_tipsContact #info p{}

#loveContent{border:0px solid red;width:490px;}
#loveContent #intro p{font-size:1.8em;}
#loveContent span{display:block;border-top:1px solid #D92772;}
#loveContent .hog_loveLetters{width:inherit;margin:0 0 30px 0;}
#loveContent #top{color:#FFF;font-size:1.1em;}

#contactContent{overflow:hidden;border:0px solid red;width:inherit;}
#contactContent #hog_contactDetails{width:206px;float:left;margin:0 40px 0 0;}
#contactContent #hog_contactForm{float:left;width:235px;height:480px;}
#contactContent #hog_contactForm form p{font-size:1.3em;}
#contactContent #hog_contactForm form label{font:normal 1.3em Georgia, Arial, Verdana;color:#FFF;display:block;margin:0 0 3px 0;}
#contactContent #hog_contactForm form  input{width:230px;height:24px;font:normal 1.2em Georgia, Arial, Verdana;border:none;}
#contactContent #hog_contactForm  #hog_sendButton{background-image:url('../../_images/submit_form_purple_btn.gif');background-repeat:no-repeat;width:100px;height:42px;border:0px solid #FFF;cursor:pointer;}
#contactContent #hog_contactForm  #hog_sendButton:hover{background-image:url('../../_images/submit_form_gold_btn.gif');background-repeat:no-repeat;width:100px;height:42px;}
#contactContent #hog_contactForm form  textarea{width:230px;height:100px;font:normal 1.2em Georgia, Arial, Verdana;border:none;}
#contactContent #hog_contactForm .hog_error{padding:0;margin:0 0 3px 0;font-size:1.1em;color:#FFFF99;font-style:italic;height:16px;display:none;}

#contactContent #hog_contactConfirmMessage{font-size:1.6em;line-height:1.4em;font-style:italic;}


#hog_content #sitemapContent{height:400px;width:480px;}
#hog_content #sitemapContent ul {font:normal 1.4em Georgia,Arial, Verdana;color:#FFF;}
#hog_content #sitemapContent ul li {margin:0 0 15px 0;}
#hog_content #sitemapContent ul li img{margin:0 5px 2px 0;}
#hog_content #sitemapContent ul li a{text-decoration:none;}
#hog_content #sitemapContent ul li a:hover{text-decoration:underline;}

#hog_rightContainer #hog_loveRight{width:241px;margin:250px 0 0 10px;}
#hog_rightContainer #hog_loveRight img{margin:0 0 20px 0;}

#hog_rightContainer #hog_sitemapRight{width:241px;margin:250px 0 0 10px;}

#hog_rightContainer #hog_howToRight{width:241px;margin:260px 0 0 0;}
#hog_rightContainer #hog_howToRight img{margin:0 0 15px 0;}

#hog_rightContainer #hog_aboutRight{width:241px;overflow:hidden;margin:240px 0 0 0;}
#hog_rightContainer #hog_aboutRight #leftPanel{width:241px;margin:0 0 0 0;padding:0 8px 0 8px;background-image:url('../../_images/pink_dashed_repeater.gif');background-repeat:repeat;}
#hog_rightContainer #hog_aboutRight #leftPanel p{font-size:1.2em;width:220px;border:0px solid red;}
#hog_rightContainer #hog_aboutRight #leftPanel img{margin:0 0 25px 0;}
/**************************************************************************************
* CENTRAL CONTENT STYLES
***************************************************************************************/

/**************************************************************************************
* FOOTER STYLES
***************************************************************************************/
#hog_footer{border-top:2px solid #D92772;padding:15px 0 15px 0;display:none;}
#hog_footerInner{width:955px;overflow:hidden;}
#hog_footer #hog_footerLeft{float:left;margin:0 0 0 13px;}
#hog_footer #hog_footerRight{float:right;margin:0 8px 0 0;}
#hog_footer #hog_footerLeft ul li, #hog_footer #hog_footerRight ul li{list-style-type:none; margin:0 5px 0 0;padding:0;display:inline;}
#hog_footer a{font-size:1.2em;color:#B77B35;text-decoration:none;}
#hog_footer a:hover{text-decoration:underline;}
#hog_flowerContainer{position:relative;border:0px solid red;width:232px;}
#hog_flower{left:725px;position:absolute;bottom:-2px;display:none;}
/**************************************************************************************
* FOOTER STYLES END
***************************************************************************************/

/**************************************************************************************
* OTHER STYLES
***************************************************************************************/
.hog_last{margin-right:0px;}
/**************************************************************************************
* OTHER STYLES END
***************************************************************************************/