/* CSS Document */

/* Page Layout Styles */
body {text-align: center; background-color: #ecedf3;}
#container {text-align: left; margin-left: auto; margin-right: auto;
 background-color: #FFF; background:
 url(http://img.timeinc.net/southern/hub/i/template/bg_container.gif)
 repeat-y; width: 910px;}
#topnav, #content, #footercont, #footer, #sisterfooter {width: 900px;}

/* Top Banner */
#adtop {width:728px; margin: 0 86px; padding:0; top:0;} 

/* Header */

/* Shifted the header down 5px to allow for space between the tab and
 the ad */

#header {width: 890px; margin-left: auto; margin-right: auto; top:14px;
 background:
 url(http://img.timeinc.net/southern/hub/i/template/bg_header.gif)
 repeat-x;}
#header .tab {width:300px; height:35px; background:
 url(http://img.timeinc.net/southern/hub/i/template/southernlivingTAB.gif);
 margin-left:-10px; margin-top:-24px;}
#header .logo {width: 255px; height: 73px; margin-top: 10px;  
	background:
 url(http://img.timeinc.net/southern/hub/i/template/logo.gif) no-repeat;}
#header #search, #header #search .this_site {background:
 url(http://img.timeinc.net/southern/hub/i/template/search_box.gif)
 no-repeat;}
#header #search {position: relative; margin-left: 58px;
 background-position: 0px -51px;}
#header #search .this_site {z-index: 5; background-position: 0px 0px;}
#header #search .search_content {z-index: 10;}
#header #search .search_content a#search_this_site, #header #search
 .search_content a#search_this_site_inactive {left: 4px; width: 71px;}
#header #search .search_content a#search_this_site_inactive {display:
 none;}
#header #search .search_content a#search_recipes, #header #search
 .search_content a#search_recipes_inactive {left: 76px; width: 59px;}
#header #search .search_content a#search_recipes {display: none;}
#header #pair {position: relative; left: 22px; padding-top:14px;}
#header #pair .links {position: absolute; left: 495px; top: -11px;}
#header #pair .recirc {padding-left: 55px; padding-top:4px;}

/* Navigation Global*/
#topnav {margin-left: auto; margin-right: auto; margin-top:20px;}
#topnav ul.left, #topnav ul.left li, #topnav ul.left li a.selectedpage
 {background:
 url(http://img.timeinc.net/southern/hub/i/template/nav_primary.gif)
 no-repeat;}
#topnav ul.left li a, #topnav ul.right li, #topnav ul.right li a
 {display: block; height: 24px; padding:0;}
#topnav ul.left li#tnav_foods {width: 69px; background-position: 0px
 0px;}
#topnav ul.left li#tnav_homes {width: 69px; background-position: -69px
 0px;}
#topnav ul.left li#tnav_gardens {width: 84px; background-position:
 -138px 0px;}
#topnav ul.left li#tnav_weekends_getaways {width: 84px;
 background-position: -222px 0px;}
#topnav ul.left li#tnav_healthy {width: 114px; background-position:
 -306px 0px;}
#topnav ul.left li#tnav_inside_sl {width: 78px; background-position:
 -424px 0px;}
#topnav ul.left li#tnav_foods.active, #topnav ul.left li#tnav_foods
 a.selectedpage {background-position: 0px -27px;}
#topnav ul.left li#tnav_homes.active, #topnav ul.left li#tnav_homes
 a.selectedpage {background-position: -69px -27px;}
#topnav ul.left li#tnav_gardens.active, #topnav ul.left li#tnav_gardens
 a.selectedpage {background-position: -138px -27px;}
#topnav ul.left li#tnav_weekends_getaways.active, #topnav ul.left
 li#tnav_weekends_getaways a.selectedpage {background-position: -222px
 -27px;}
#topnav ul.left li#tnav_healthy.active, #topnav ul.left li#tnav_healthy
 a.selectedpage {background-position: -306px -27px;}
#topnav ul.left li#tnav_inside_sl.active, #topnav ul.left
 li#tnav_inside_sl a.selectedpage {background-position: -424px -27px;}
#topnav ul.right {width:389px;}
#topnav ul.right {background:
 url(http://img.timeinc.net/southern/hub/i/template/nav_right.gif)
 no-repeat;}
#topnav ul.right li#tnav_house_plans, #topnav ul.right
 li#tnav_house_plans a {width: 98px;}
#topnav ul.right li#tnav_editors_city_guide, #topnav ul.right
 li#tnav_editors_city_guide a {width: 130px;}
#topnav ul.right li#tnav_design_assistant, #topnav ul.right
 li#tnav_design_assistant a {width: 107px;}
 
 
 
#topnav2 {clear:both; border-top:1px solid #5793B6; border-bottom:1px solid #5793B6; margin:20px 5px 0 5px; background:#61A4CB;}
#topnav2 ul.left {float:left; width:500px;}
#topnav2 ul.right {float:right; width:400px;}

#topnav2 ul.left li {float:left; font-size:0.75em; font-weight:bold; letter-spacing:0.03em; text-transform:uppercase;}
#topnav2 ul.left li a {float:left; display:block; color:white; border-right:1px solid #5793B6; padding:4px 12px; text-decoration:none;}
#topnav2 ul.left li a.selectedpage, #topnav2 ul.left a:hover {background:#234F81;}

#topnav2 ul.right li {float:right; font-size:0.55em; padding:0; text-transform:uppercase;}
#topnav2 ul.right li a {float:left; display:block; color:white; padding:6px 8px 2px 8px;}
#topnav2 ul.right li#tnav_house_plans a {background:url(http://img.timeinc.net/southern/hub/i/template/sl_nav_right.gif) 0 0 no-repeat; padding-left:25px;}
#topnav2 ul.right li#tnav_editors_city_guide a {background:url(http://img.timeinc.net/southern/hub/i/template/sl_nav_right.gif) 0 -100px no-repeat; padding-left:25px;}
#topnav2 ul.right li#tnav_design_assistant a {background:url(http://img.timeinc.net/southern/hub/i/template/sl_nav_right.gif) 0 -200px no-repeat; padding-left:25px;}


/* Content */
#content {padding-top: 10px; margin-left: auto; margin-right: auto;}

/* Site Content */
#sitecontent {width: 578px; margin-right:3px;}

/* Zen Content */
#zencontent {margin-top: 0px;}

/* Footer */
#footercont {margin-left: auto; margin-right: auto; border-top: 2px
 solid #65a6cc; 
	background:
 url(http://img.timeinc.net/southern/hub/i/template/bg_footer.gif)
 repeat-x;}
#footercont #footcolmain h5 {background:
 url(http://img.timeinc.net/southern/hub/i/template/logo_footer.gif)
 no-repeat -1px 0px;}
#footercont #footcolmain, #footercont #cottagelivingservices,
 #footercont #footservices, #footercont #footrecipenetwork {width: 121px;}
#footercol, #footerpair {float:left;}
#footercont #freedelivery {width:250px;}
#footercont #freedelivery ul li input.text, #footercont #copyright
 {color: #666;}
#footercont #freedelivery ul li input.text {width: 142px;}
#footercont #freedelivery ul li input.image {position: relative; top:
 4px;}
#footercont #freedelivery ul li input#footer_submit_email_newsletter
 {width: 51px; height: 20px;}
#footercont #copyright {position: absolute; left: 10px; top: 220px;
 font-size: 70%;}