/* ========== Page Layout CSS - Mark ========== */ HTML {} body {background: #3a3a3a} #page {margin:auto;background:#fff;padding-top: 34px;} #page, #outerwrapper {width:990px; position: relative;} #header {height:132px;width:100%;background: #d5d5d5 url(../images/header.gif) repeat-x 0 0;margin: 0;padding:0;} #menu {position: relative; top:0; left:0; z-index: 999;height: 35px;width: 975px;display:block;background: transparent url(../images/nav/main_menu/bg.gif) repeat-x 0 0; padding-left:15px;} #sub_menu {/*position: relative;*/height: 30px;width: 970px;display:block;left:0;top:0;background: transparent; padding:0 10px; margin:0 ;} #content {padding:0 0 0 14px;margin:0 0 0 0; background: transparent; width:976px} #left_column {padding:0 15px 0 0 ;margin: 0 15px 0 0 ;width: 630px; float:left; background:transparent; /*border-right:1px solid #e5e5e5;*/} #right_column {margin: 0 0 0 0;width:300px;padding: 0;float:left; position: relative;} #outerwrapper {background: transparent;float:left;margin: 0;padding: 0;} #innerwrapper {width:100%;text-align:left;} /* = MENUS = */ #menu {height: 35px} #menu ul, #sub_menu ul {padding:0; margin:0; list-style-type:none;} #menu li, #sub_menu li {float:left; background: transparent;position:relative;} #menu ul li{} #menu li a {float:left;height: 35px; display:block;} #menu li a, #menu li a:visited, #menu li a:hover {padding:0 ; line-height:35px; color:#3e3e3e; font-size:14px; font-weight:400; background: transparent;} #menu li a:hover {background: transparent url(../images/nav/main_menu/bg.gif) no-repeat 0 0; text-decoration:none; color:#9B4216;} #menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover {padding:0 ; line-height:30px; color:#9B4216; font-size:14px; font-weight:400; background: transparent url(../images/nav/main_menu/bg.gif) 0 0 ;} /* Sub Navigation */ #menu2 {width:990px;} #sub_menu {height:25px;background: transparent url(../images/nav/sub_menu/bg.jpg) repeat-x 0 0; position:relative; z-index: 2;} #sub_menu ul li {background: transparent url(../images/nav/sub_menu/separator.gif) no-repeat 100% 0;} #sub_menu li{float:left; display:block; line-height:25px; width:auto; height:25px;} #sub_menu li ul li{float:left; display:block; line-height:16px; width:auto; height:19px;;} #sub_menu li a, #sub_menu li a:visited,#sub_menu li a:hover {padding:0 10px; color:#333; line-height:25px; height:25px; display:block; width:inherit;float:left; font-size:12px;/* background: #fff url(../images/nav/sub_menu/vert_separator.gif) repeat-x 0 100% !important;*/} #sub_menu li a:hover {color:#008793;} #sub_menu li a.dropdown, #sub_menu li a.dropdown:visited,#sub_menu li a.dropdown:hover {text-indent:10px; background: transparent url(../images/nav/sub_menu/arrow.gif) no-repeat 8px 10px;} #sub_menu li a.dropdown:hover, #sub_menu li a.dropdown:hover {color:#008793; background: transparent url(../images/nav/sub_menu/arrow_hover.gif) no-repeat 8px 10px;} /* > Hover > */ #menu li a.home:hover {background-position:-15px -35px !important;} #menu li a.recipes:hover {background-position:-51px -35px !important;} #menu li a.cuisines:hover, li.jdm_active a.cuisines:hover {background-position:-128px -35px !important;} #menu li a.categories:hover {background-position:-216px -35px !important;} #menu li a.featured_business:hover {background-position:-327px -35px !important;} #menu li a.episode_guide:hover {background-position:-519px -35px !important;} #menu li a.about_the_show:hover {background-position:-654px -35px !important;} #menu li a.competition:hover {background-position:-816px -35px !important;} /* < Hover < */ /* > Active > */ #main_nav li.jdm_hover a.home, #main_nav li.jdm_hover a.home:visited, #main_nav li.jdm_hover a.home:hover{background-position:-15px -35px !important;} #main_nav li.jdm_hover a.recipes, #main_nav li.jdm_hover a.recipes:visited, #main_nav li.jdm_hover a.recipes:hover{background-position:-51px -35px !important;} #main_nav li.jdm_hover a.cuisines, #main_nav li.jdm_hover a.cuisines:visited, #main_nav li.jdm_hover a.cuisines:hover{background-position:-128px -35px !important;} #main_nav li.jdm_hover a.categories, #main_nav li.jdm_hover a.categories:visited, #main_nav li.jdm_hover a.categories:hover{background-position:-216px -35px !important;} #main_nav li.jdm_hover a.featured_business, #main_nav li.jdm_hover a.featured_business:visited, #main_nav li.jdm_hover a.featured_business:hover{background-position:-327px -35px !important;} #main_nav li.jdm_hover a.episode_guide, #main_nav li.jdm_hover a.episode_guide:visited, #main_nav li.jdm_hover a.episode_guide:hover{background-position:-519px -35px !important;} #main_nav li.jdm_hover a.about_the_show, #main_nav li.jdm_hover a.about_the_show:visited, #main_nav li.jdm_hover a.about_the_show:hover{background-position:-654px -35px !important;} #main_nav li.jdm_hover a.competition, #main_nav li.jdm_hover a.competition:visited, #main_nav li.jdm_hover a.competition:hover{background-position:-816px -35px !important;} #menu li.selected a.home, #menu li.selected a.home:visited, #menu li.selected a.home:hover {background-position:-15px -70px !important;} #menu li.selected a.recipes, #menu li.selected a.recipes:visited, #menu li.selected a.recipes:hover {background-position:-51px -70px !important;} #menu li.selected a.cuisines, #menu li.selected a.cuisines:visited, #menu li.selected a.cuisines:hover {background-position:-128px -70px !important;} #menu li.selected a.categories, #menu li.selected a.categories:visited, #menu li.selected a.categories:hover {background-position:-216px -70px !important;} #menu li.selected a.featured_business, #menu li.selected a.featured_business:visited, #menu li.selected a.featured_business:hover {background-position:-327px -70px !important;} #menu li.selected a.episode_guide, #menu li.selected a.episode_guide:visited , #menu li.selected a.episode_guide:hover {background-position:-519px -70px !important;} #menu li.selected a.about_the_show, #menu li.selected a.about_the_show:visited, #menu li.selected a.about_the_show:hover {background-position:-654px -70px !important;} #menu li.selected a.competition, #menu li.selected a.competition:visited, #menu li.selected a.competition:hover {background-position:-816px -70px !important;} /* < Active < */ /* >>> Left_column Menu >>> */ .lhc_menu {background: transparent url(../images/gradients/left_col/menu-bg.gif) no-repeat 15px 100% !important;} .left_full .two_columns .menu ul {list-style-type:none !important; list-style-image:none !important; margin:0;} .left_full .two_columns .menu ul li {margin:0 !important; height:27px; line-height:27px;border-bottom:1px solid #fff; background:transparent;} .left_full .two_columns .menu ul.none li {margin:0 important; padding: 2px 0; height:auto; line-height:16px;border-bottom:none; background:transparent;} .left_full .two_columns .menu ul li a, .left_full .two_columns .menu ul li a:visited, .left_full .two_columns .menu ul li a:hover {font-size:12px;color: #c87800;text-indent:5px;width:146px;height:auto; display:block; background: transparent url(../images/nav/left_col/bg.gif) repeat-x 0 0; text-decoration:none;} .left_full .two_columns .menu ul.none li a, .left_full .two_columns .menu ul.none li a:visited, .left_full .two_columns .menu ul.none li a:hover {font-size:11px;color: #008793;text-indent:0;width:136px;height:auto; display:block; background-image:none;} .left_full .two_columns .menu ul li a:hover {background-position: 0 -27px;} .left_full .two_columns .menu ul.none li a:hover {text-decoration:underline;} .left_full .two_columns .menu ul li.selected a, .left_full .two_columns .menu ul li.selected a:visited{background-position: 0 -54px;color:#fff;} .left_full .two_columns .menu a.add_to_cookbook, .left_full .two_columns .menu a.add_to_cookbook:visited, .left_full .two_columns .menu a.add_to_cookbook:hover, .left_full .two_columns .menu a.submit_a_recipe, .left_full .two_columns .menu a.submit_a_recipe:visited, .left_full .two_columns .menu a.submit_a_recipe:hover {position:relative; left:5px; margin: 10px 0} .left_full .two_columns .menu h4 {color:#000;} .left_full .two_columns .menu h5, .left_full .two_columns .menu h5 a, .left_full .two_columns .menu h5 a:visited{color:#666 !important;} .left_full .two_columns .menu a {font-size:12px;} /* <<< Left_column Menu <<< */ /* ====== RE-BRAND HEADER ====== */ #signin {color:#fff;width:410px;position: absolute;right:25px;top:61px;} .signin_advanced {font-size:10px;margin:0px;position:absolute;right:115px;top:-2px;} .signin_button {border-left:1px solid #fff;width:89px;position: absolute;right:0;top:0;padding-left:15px;text-align:left;} .iepad {position: absolute;top:26px;} .ienopad {padding-top: 0;} #q {background:#c87800/*#c99425*/;border:1px solid #fff;color:#fff;font-size:13px;height:18px;left:0;line-height:18px;margin-right:0;padding:2px 0 0 0;position:absolute;top:0;width:150px;} .custom_footer_search #q {background-color:#fff; border:1px solid #ccc;} #search_button_new, #head_search_button_new:visited, #head_search_button_new:active {background:transparent url(../images/buttons/search.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;left:157px;margin:0 0 4px 0px;position:absolute;top:0;width:60px;} #search_button_new:hover {background:transparent url(../images/buttons/search_hover.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 0px;width:60px;} #signin_button_new, #signin_button_new:visited, #signin_button_new:active, a#signin_button_new, a#signin_button_new:visited, a#signin_button_new:active {display:block;background:transparent url(../images/buttons/sign-in.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 0;width:60px;} #signin_button_new:hover, a#signin_button_new:hover {background:transparent url(../images/buttons/sign-in_hover.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 2px;width:60px;} a#logout_button_new, a#logout_button_new:visited, a#logout_button_new:active {display:block;background:transparent url(../images/buttons/logout.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 0;width:60px;} a#logout_button_new:hover {background:transparent url(../images/buttons/logout_hover.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 2px;width:60px;} /* ====== PAGINATION ====== */ /* >>> Comments >>> */ /* > Agree / Disagree > */ #left_column .comment .user-generated {margin-top: 10px;font-size: 11px;height: 12px;} #left_column .comment .user-generated .agree {float: left;height: 12px;display: block;vertical-align: middle;margin-left: -5px;margin-right: 5px;} #left_column .comment .user-generated .agree a {background: transparent url(../images/ico-thumbs.gif) no-repeat -2px -2px;padding-left: 17px;padding-top: 0;height:12px;line-height: 12px;} #left_column .comment .user-generated .agree a:hover {background-position: -2px -23px;color: #55a723/*#4f7d16*/;} #left_column .comment .user-generated .agree .most a {line-height: 12px;color: #55a723;background-position: -2px -23px;} #left_column .comment .user-generated .disagree {float: left;height: 12px;display: block;vertical-align: middle;} #left_column .comment .user-generated .disagree a {background: transparent url(../images/ico-thumbs.gif) no-repeat -2px -48px;padding-left: 17px;padding-top:0;height:12px;line-height: 12px;} #left_column .comment .user-generated .disagree a:hover {background-position: -2px -69px;color: #e6322e;} #left_column .comment .user-generated .disagree .most a {background-position: -2px -69px;color: #e6322e;} /* < Agree / Disagree < */ /* <<< Comments <<< */ /* >>> Form >>> */ /*label {color:#666;font-family:verdana,arial;font-size:13px;font-weight:800;height:15px; padding-left:10px;}*/ li label {width:150px;height:30px;display:block;} input.left_100, textarea.left_100, input.left_math {font-family:verdana; font-size:12px !important;width:491px; height:20px; padding:5px 0 0 0; position: absolute; left: 150px; top:0;} input.left_math {width:100px;} li .caption{font-size:12px;width:300px; height:auto; display:block; color:#333; position:absolute; left:260px;top:6px;} textarea.left_100 {padding:0; height:84px;} input {border: 1px solid #a6a6a6;font-family:verdana,arial;margin:0;padding:0;} textarea {border: 1px solid #a6a6a6;font-family:verdana,arial;font-size:12px;margin:0;padding:0;} .form_buttons { height:18px; width:auto; display:block; position:relative; margin-top:10px;} /* >> Food Safari Forms >> */ /* > competition > */ .form_textarea{width:630px; color:#666;} .form_checkbox {} /* < competition < */ /* << Food Safari Forms << */ /* >>> Buttons >>> */ .submit_comment_content #submit_comment, .submit_comment_content #submit_comment:visited, .submit_comment_content #submit_comment:active, a#add_comment, a#add_comment:visited, a#add_comment:active {background:transparent url(../images/buttons/submit_comment.gif) no-repeat 0 0;border:none;cursor:pointer;height:18px;right:0; top:-3px;margin:0 ;position:absolute;width:106px;} a#add_comment, a#add_comment:visited, a#add_comment:active {background-image:url(../images/buttons/add_comment.gif); right:auto;left:0;} .submit_comment_content #submit_comment:hover, a#add_comment:hover{/*opacity filter in style.css*/} /* <<< Buttons <<< */ /* <<< Form <<< */ /* >>> Pagination >>> */ .comments_pagination_container {position: relative; height: 12px; padding-top:12px;} .comments_pagination_top, .comments_pagination_bottom{height:12px; font-size: 10px; padding: 0 41px 0 64px; position: absolute; right:0; top:0;background: transparent;color:#a6a6a6;} .comments_pagination_bottom {bottom:0; top:auto;} .pagination_toplink {height:12px; position: absolute; left:0; top:12px;} .pagination_caption {font-size:11px;left:10px;position:absolute;top:0pt; color:#a6a6a6; background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0; padding-right:7px;} .pagination_title {background:transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0;color:#333; padding-right:7px;margin-right:5px;} /* <<< Pagination <<< */ /* >>> Links >>> */ .comments_pagination_top a, .comments_pagination_top a:visited, .comments_pagination_top a:active, .comments_pagination_top a:hover, .comments_pagination_bottom a, .comments_pagination_bottom a:visited , .comments_pagination_bottom a:active, .comments_pagination_bottom a:hover{font-weight: 800;} .comments_pagination_top span a, .comments_pagination_bottom span a{width: 37px; height:12px; position: absolute; right:0; top:0;display:block;background: transparent url(../images/hr/dotted_vertical.gif) repeat-y 0; cursor:pointer;text-align:right;} .comments_pagination_top a.prev, .comments_pagination_bottom a.prev{width: 60px; height:12px; position: absolute; left:0;display:block;background: transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0; cursor:pointer;} .pagination_toplink a, .pagination_toplink a:visited, .pagination_toplink a:hover {background: transparent /*url(../images/pagination/top.gif) no-repeat 0 0*/; cursor:pointer; width:80px; height: 12px; display:block; font-size:10px; text-align:right;} /* <<< Links <<< */ /* ====== Left_Column content ====== */ .left_full {width:631px;height:auto;background: transparent;padding: 0 0; margin:0 0 15px 0; position: relative; clear:both; font-size:0;background: transparent url(../images/gradients/left_col/631.gif) no-repeat 0 100%;/*border-bottom:1px solid #e5e5e5;*/} .content_full {width:470px;height:auto;background: transparent;padding: 0 0; margin:0 0 15px 0; position: relative; clear:both; font-size:0;background: transparent url(../images/gradients/left_col/631.gif) no-repeat 0 100%;/*border-bottom:1px solid #e5e5e5;*/} .competition ul {margin-left:15px;} .competition ul li{font-size:12px; line-height:16px;} .info_bar{font-size:12px; margin-bottom:10px; padding-top:5px;} .info_bar span{border-right:1px solid #666; padding-right:5px; margin-right:5px;} .info_bar span.b{border-right:0; padding-right:0; margin-right:0; font-weight:800;} .content .caption {padding-bottom:15px; margin-bottom:15px;} .content .curvy_line {background-repeat: repeat-x !important; padding-bottom:10px;} #star_rating {} /* >> CONTROLS >> */ .left_full .header_controls, .content_full .header_controls{position:absolute; top:6px; right :10px; line-height:16px; font-size:12px;height:16px; width:auto; display:block; font-size:11px; text-align:right; text-transform:uppercase;} .left_full .header_controls a, .content_full .header_controls a{ color:#fff; padding-left:15px;} .left_full .panel_controls, .right_full .panel_controls {position:relative; top:0; right :0; line-height:16px; font-size:11px !important;height:16px; width:auto; display:block; font-size:12px; padding-right:10px; text-align:right; float:right;} .left_full .panel_controls a, .left_full .panel_controls span, .left_full .header_controls a, .right_full .panel_controls a, .right_full .panel_controls span{background: transparent url(../images/arrows.gif) no-repeat 0 3px; padding-left:10px;margin-left:10px;} .left_full .panel_controls span, .right_full .panel_controls span{background-image: url(../images/arrows2.gif); color:#777;} .left_full .header_controls a {background-image: url(../images/arrows3.gif);} .left_full .video_controls {position:relative;} .left_full .video_controls a{font-size:12px;} /* << CONTROLS << */ .left_full .feature_caption {background: transparent url(../images/features/overlay.png) no-repeat 0 0; height:91px; width:631px; display:block; position:absolute; bottom:0; left:0;} .left_full .signature {background: transparent url(../images/features/overlay_sig.png) no-repeat 0 0 !important;} .left_full .feature_caption .episode_text {width:230px; height:18px;display:block; position: absolute; left: 10px; top:25px; color:#9edeec; font-size:16px; font-weight:800;} .left_full .feature_caption .episode_text2{width:230px; height:22px;display:block; position: absolute; left: 10px; top:45px; color:#fff; font-size:22px; font-weight:400;} .left_full .feature_caption .caption_text {width:355px; height:48px;display:block; position: absolute; left: 240px; top:20px;} .left_full .feature_caption .caption_text p {color:#fff;} #content div.feature {background: #f7f7f7 url(../images/gradients/feature/bottom.gif) no-repeat 0 100%;} #content div.feature span {background: #f7f7f7 url(../images/gradients/feature/top.gif) no-repeat 0 0; width:631px; height:15px; position:absolute; top:0; left:0; display:block;} #content div.feature ul li a {font-size:11px;} /* >>> Columns >>> */ .two_columns, .three_columns, .four_columns {padding: 15px 0 0 0; margin:0;} .two_columns .column, .three_columns .column, .four_columns .column {height:auto; display:block; margin-right:9px; float:left;position:relative; font-size:0; padding:0 0 10px 0;} .two_columns .column {width:301px;} .three_columns .column {width:197px;} .four_columns .column {width:150px;} /* left column with MENU */ .left_full .two_columns .menu {width:146px; margin-right:15px;padding-bottom:0; background:#f4f4f4; } .left_full .two_columns .content {width:470px; margin-right:0;} /* > backgrounds > */ .curvy_line {background: transparent url(../images/hr/149.gif) no-repeat 0 100%} .grad_redline {background: transparent url(../images/hr/left_col_631.gif) no-repeat 0 100%} .grad_list {background: transparent url(../images/gradients/left_col/list-4col.gif) no-repeat 0 0} #right_column .curvy_line{background: transparent url(../images/hr/rhc-orange_300.gif) no-repeat 0 100%} .grad {background: transparent url(../images/gradients/left_col/631.gif) no-repeat 0 100%;} /* < backgrounds < */ .column ul li span {color:#999; padding-left:5px;} .column .column_controls {font-size:12px; line-height:16px; margin-top:5px; color:#333;} .column p{font-size:12px; line-height:16px;} .four_columns .column p {font-size:11px; padding: 5px} .four_columns .column h3, .four_columns h2 {margin-left:3px;} /* > Image containers > */ .column .image_container {font-size:0; text-align:center;} .column .image_container p{font-size:11px; line-height:16px;} /* < Image containers < */ /* <<< Columns <<< */ #container-2 ul { margin:0; list-style-position:inside !important;padding:0;} #container-2 ul li{position:relative;font-size:0;padding: 2px 180px 2px 0;background:#fff;} #container-2 ul li.shadow{background:#f3fbff;} #container-2 ul li span{position:absolute; left:470px; width:120px; top:0; font-size:12px;} #container-2 ul li span.left {width:420px; position:static;line-height:16px; top:0; left:15px; font-size:12px;padding-left:5px;} #left_column .date , #right_column .date {font-size:11px; color:#999; margin-bottom:5px;} /* ====== Right_Column content ====== */ .right_full {width:300px;height:auto;/*background: transparent url(../images/gradients/gradient-tab.gif) repeat-x 0 100% ;border-bottom:1px solid #e5e5e5;*/ position:relative;} .right_full .panel_controls {padding-right:0;} #right_column .column {padding: 10px;} .ad {position:static !important;} .promo_links{position: relative;} .promo_links ul {list-style-image:none !important; list-style-type:none !important} .promo_links ul li {margin-bottom:5px; float:left;width:140px;} .promo_links ul li a, .promo_links ul li a:visited, .promo_links ul li a:hover{margin-left:5px; } .promo_links a, .promo_links a:visited, .promo_links a:hover{font-size:13px !important; color:#008793; font-weight:800; font-family:Helvetica,arial,sans-serif;} .my_story {font-size:13px; color:#fff; position:absolute; bottom:5px; left:10px; width:auto; display:block;} .my_story span {margin-right:5px; font-weight:800;} .your_cookbook {background: transparent url(../images/your_cookbook.gif) no-repeat 0 0; height:88px; position:relative;} .your_cookbook h1 {background-image:none !important; background:transparent !important; color:#fff !important; font-size:22px !important; text-transform: none !important; font-weight:400; padding-top:3px;} .your_cookbook a.submit {background: transparent url(../images/buttons/cookbook-submit_recipe.gif) no-repeat 0 0; width:103px; height:25px; position:absolute; bottom:10px; right:10px;} .your_cookbook a.submissions, .your_cookbook a.favourites {background: transparent; font-size:12px; position:absolute; bottom:33px; left:22px; color:#fff; font-weight:800;} .your_cookbook a.submissions{bottom:15px;} .your_cookbook a.submissions span, .your_cookbook a.favourites span {margin-left:5px; font-weight:400;} /* ====== Global content ====== */ .source {color:#888;font-size:11px;font-weight:400;margin-bottom:5px;position:relative;text-transform:uppercase;} .director {color:#333;font-size:12px;font-weight:800;margin-bottom:5px;position:relative;} /* >>> DIVIDERs >>> */ .divider_solid {background: transparent url(../images/hr/solid.gif) repeat-x 0 100%; width:100%; height:1px; line-height:1px; font-size:0;} .divider_dots {background: transparent url(../images/hr/dotted.gif) repeat-x 0 0; width:100%; height:2px; line-height:2px; font-size:0; margin: 5px 0;} .divider_dots_vert {background: transparent url(../images/hr/dotted_vertical.gif) repeat-y 100% 0;} .separator_line {background: #fff;/*border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;*/ border-top:none; padding:0;margin: 15px 0; clear:both; height:4px; } .divider_left {border-left:1px solid #999; padding-left:5px; margin-left:5px; line-height:16px; height:16px;} .divider_right {border-right:1px solid #999; padding-right:5px; margin-right:5px; line-height:16px; height:16px;} .divider_foodbar {background: transparent url(../images/hr/hr.jpg) repeat-x 0 100%; width:100%; height:4px; line-height:4px; font-size:0;} /* <<< DIVIDERs <<< */ /* ====== Custom Site Footer ====== */ #custom_footer {position: relative; color:#000; font-size:11px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} .custom_footer_logo {position:relative; height:240px; width:188px; display:block;background: transparent url(../images/sbsfilmlogo_footer.jpg) no-repeat 10px 10px;} .custom_footer_links {position:absolute; left:200px; top:70px; height:60px; width:465px; display:block;} .custom_footer_search {position:absolute; left:200px; top:10px; height:50px; width:465px; display:block; background: transparent url(../images/hr/dotted.gif) repeat-x 0 100%;} .custom_footer_features {position:absolute; left:670px; top:10px; height:122px; width:320px; display:block;} .custom_footer_feature{width:150px; height:auto;display:block; float:left;} .custom_footer_feature a.title,.custom_footer_feature a.title:visited, .custom_footer_feature a.title:hover{position:relative; top:5px;} .custom_footer_ad {position:absolute; left:200px; top:132px; height:110px; width:728px; display:block; background:#fff;} .custom_footer_links ul.links{list-style-image:url(../images/icons/ico_arrow.gif);margin:0 0 0 15px;padding:0;} .custom_footer_links ul.links li{border:none; padding:0 !important; width:100px; height:11px; line-height:11px; margin-bottom:5px;} .custom_footer_links ul.links_float li{float:left;} #custom_footer label {font-weight:800; padding-left:0;} #custom_footer #q {left:0;top:17px; width:170px; color:#737373} #custom_footer #search_button_new, #custom_footer #head_search_button_new:visited, #custom_footer #head_search_button_new:active, #custom_footer #search_button_new:hover {left:177px;top:17px;background:transparent url(../images/buttons/search_hover.jpg) no-repeat 0 0} #custom_footer #search_button_new:hover {background:transparent url(../images/buttons/search.jpg) no-repeat 0 0;border:none;cursor:pointer;height:22px;margin:0 0 4px 0px;width:60px;} /* ====== Footer ====== */ #footer {margin: 0; padding:0 0 15px 0; width: 990px; height: 190px; position: relative;background-color:#fff; margin-bottom: 15px;} #fbox1 { position:absolute; left: 15px; top:5px; width: 180px;text-align: left; padding:0; height: 93px;} #fbox2 { position:absolute; left: 200px; top: 15px; width: 180px;text-align: left;} #fbox3 { position:absolute; left: 395px; top: 15px;width: 180px;text-align: left;} #fbox4 { position:absolute; left: 590px; top: 15px;width: 180px;text-align: left;} #fbox5 { position:absolute; left: 785px; top: 15px;width: 192px;text-align: left;} .copyright { position:absolute; bottom:10px; left: 200px;color: #666;margin: 0;width: 700px;padding:0;} /* Document Block (forms) - updated (Mark) */ p.box_name {width: 300px;float:left;margin: 0 15px 0 0;} p.box_title {width: 300px;float:left;margin: 0 15px 0 0;} p.box_email {width: 300px;float:left;margin: 10px 15px 0 0;} p.box_location {width: 300px;float:left;margin: 0 5px 0 0;} p.box_rating {width: 300px;float:left;margin: 0 5px 0 0;} p.action {margin:5px 0 10px 0;padding:0;} p.note {margin: 25px 0 0 0;color: #999;font-size: 11px;} #txt_name {margin-top: 2px;width: 295px;border: 1px solid #ccc;padding: 3px;color: #333;} #txt_comment_title {margin-top: 2px;width: 295px;border: 1px solid #ccc;padding: 3px;color: #333;} .txt_validation {margin-top: 2px !important;width: 120px!important;border: 1px solid #ccc!important;padding: 3px!important;color: #333!important;} #txt_email {top: 12px;margin-top: 2px;width: 295px;border: 1px solid #ccc;padding: 3px;color: #333;} #txt_location {margin-top: 2px;width: 295px;border: 1px solid #ccc;padding: 3px;color: #333;} #txt_question {margin-top: 2px;width: 610px;border: 1px solid #ccc;padding: 3px;color: #333;} #txt_comment {margin-top: 2px;width: 610px;border: 1px solid #ccc;padding: 3px;color: #333;} #label_comment_title {font-weight: bold;} #label_name {font-weight: bold;} #label_email {font-weight: bold;} #label_location {font-weight: bold;} #label_comment {font-weight: bold;} .document_block {border-top: 1px dotted #acacac;padding: 15px 5px;background:transparent url(/food/web/images/comments_form_bg.jpg) repeat-x 0 100%;} #comment_count_middle {color:#666; padding:2px 2px 0 2px; border:1px solid #ccc; width:23px; margin: 0 2px;} #label_question {font-weight:800;} /* Form Boxes */ .submit, .submit:link, .submit:visited, .submit:active {background:transparent url(/food/web/images/buttons/submit.gif) no-repeat 0 0;border:0 none;cursor:pointer;height:23px;margin:0pt;width:68px;} .submit:hover {background:transparent url(/food/web/images/buttons/submit.gif) no-repeat 0 0;border:0 none;cursor:pointer;height:23px;margin:0pt;width:68px;} img.captchapict {vertical-align: middle; padding: 0 5px;} .txt_validation {border:1px solid #CCCCCC !important;color:#333333 !important;margin-top:2px !important;padding:3px !important;width:120px !important;} .box_comment_title {width:300px;margin:0 15px 0 0; float:left;} #signin_header {width:760px;background: #b81212; background-position: right;margin: 0;padding:0;font-size: 1px;} #signin_progress {width: 729px;background: #fff;background-position: right;margin: 0 0 0 0;padding:0 15px 0 15px;font-size: 1px;} .form_container {width: 730px;padding: 0px 15px 0 15px;margin:0;background: #fff;} .caption_checkbox {width: 360px;margin: -15px 0 0 137px} .restaurant_search {float: left; padding:0; margin: 0 0 15px 0;width:631px;height:215px; position: relative;} .formbox_h1 {padding: 0; margin: -27px 0 0 0; float:right;} .formbox_h5 {padding: 0; margin: -31px 0 0 0; float:right;} .formbox_h5_left {padding: 0; margin: -31px 0 0 0; float:left;} .formbox_h5_nocaption_left {padding: 0; margin: -2px 0 0 0; float:left;} .signin_h5_nocaption_left {padding: 0; margin: 0px 0 0 0; float:left;} .signin_h5_nocaption_left_pad {padding: 0; margin: 10px 0 0 0; float:left;} .checkbox_box {width: 200px;float:left;margin: 0 0 10px 0;padding: 0;} .signin_checkbox_box {width: 250px;float:left;margin: 3px 0 10px 0;padding: 0;} .formbox_caption {float: left;margin: -13px 0 0 0;padding: 0 10px 0 0;width: 140px;color: #999;} .formbox_no_caption {float: left;margin: 0;padding: 2px 0;width: 120px;color: #999;} .signin_no_caption {float: left;margin: 0;padding: 0 0 0 0;width: 130px;color: #999;} .signin_no_caption_pad {float: left;margin: 10px 0 0 0 ;padding: 0;width: 130px;color: #999;} .signin_no_caption_short {float: left;margin: 4px 0 0 0;padding: 0 0 0 0;width: 80px;color: #999;} .signin_no_caption_mid {float: left;margin: 4px 5px 0 0;padding: 0 0 0 0;width: 115px;color: #999;} .formbox_list_title, .formbox_list_title_end {width: 150px;margin: 0 7px 2px 2px;float:left;font-weight: bold;} .formbox_list_title_end {width:150px; margin:0 0 2px 4px; position: absolute; right:0;} .signin_continue {float:right;width: 160px;margin-top: 80px;} .joinnow_container { float:left;margin-left:115px;} .signin_textarea_right {width: 327px;float: left;padding: 0 15px;margin-top: 16px;font-size: 12px;} .signin_float_caption {float: left; margin: -30px 0 0 152px;} #searchForm{width:635px;float:left;margin:0px;margin-left:-5px;padding:0px;} #cuisine{margin-left:116px;border: 1px solid #999;font-size: 11px;width: 200px;} #country {margin-left: 10px;border: 1px solid #999;font-size: 11px;width: 235px;} #keywords{width: 455px;margin:0 0 1px 12px;padding:4px 0 ;border: 1px solid #999;font-size: 12px;} #tv_show{margin-left:98px;border: 1px solid #999;font-size: 12px;width: 200px;} #seasons {border: 1px solid #999;font-size: 12px;width: 179px;margin-left: 10px;} .breakline1{margin: 5px 0 20px 0;border-bottom: 1px solid #e1e1e1;} .breakline2{padding-top:10px;padding-bottom:10px;margin-bottom: 5px;border-bottom: 1px solid #e1e1e1;} .breakline3{padding-top:10px;padding-bottom:10px;margin-bottom: 5px;border-bottom: 1px solid #e1e1e1;clear: both;} .keywords, .cuisine,.tv_show,.cate{padding:10px 0px 10px 8px;font-weight: bold;} .keywords{font-size:28px;font-weight: 400;color: #333;} .cuisine, .tv_show{padding:10px 0px 10px 8px;} .breakline{padding:5px;} .country,.seasons,.cate,.spec{padding:10px 0px 10px 8px; } .seasons {margin-left: 10px;font-weight: bold;} .spec{font-weight: bold;} .cate{padding-bottom:0px;} .all_categories .optional {float: right;} .all_categories{width:100px;margin: 10px 0 0 8px;} .categories label{margin-left: 0px;width:210px;padding: 0 0 0 0;float: left;overflow: hidden;} .categories{padding:0px 0px 0px 8px;width:630px;} .special_considerations label{margin-left: 0px;width:200px;padding: 0 10px 0 0;float: left;} .special_considerations{padding:0px 0px 0px 8px;width:630px;} .breakline4{padding-top:10px;margin-bottom:10px;clear: both;} .submit-group{padding-left: 8px;}