/* * www.fyldelife.co.uk * 24-7 Easyweb : www.247easyweb.co.uk * Designer : James Fairhurst, Mike Crompton, Mike Smith */ * { padding:0; margin:0;} body { text-align: center;} a { background-color: #transparent; color: #464646; text-decoration: none; } a:hover { text-decoration: underline; } div h1:first-child, div h2:first-child { margin-top: 0px; } h1 { font-size: 2.0em; margin: 10px 0px 10px 0px; } h2 { margin: 10px 0px 10px 0px; } h3 { margin: 10px 0px 10px 0px; } img, img a, img a:hover { border: 0px; text-decoration: none; } #wrapper { margin: 10px auto; width: 982px; text-align: left;} #header { } .logo { float:left; width: 201px; height: 207px; } .logo h1 { display:none;} .logo p { padding: 170px 0 0 45px;} .head { float: right; width: 781px; height:207px;} .head h2 { display:none;} #left { width: 200px; margin: 0 0 10px 1px; float:left;} #nav { width:185px; background:url(../images/nav_bg.png) no-repeat #4f724f; margin: 0 0 0 15px;} *+html #nav { width:185px; background:url(../images/nav_bg.png) no-repeat #446744; margin: 0 0 0 15px;} #nav img { float:left;} #secContent { width: 230px; float:right; margin: 0 1px 0 0;} #mainContent { width: 535px; float:right;} #mainContent ul { margin: 10px 0px 10px 0px; } #forumContent { width: 750px; float:left;} #featSideContent{ width: 160px; float:right; margin: 0 0px 0 0;} #featMainContent {width: 570px; float:right; } .tour { float:right; margin: 0 0 10px 10px; width: 210px;} .tour img { padding: 4px; border: 1px solid #ccc;} #mainContent .tour p { padding:0; margin:0; text-align: center;} #mainContent .tour a { padding:0; margin:0;} .arrow_blue { width: 215px; background:url(../images/arrow_blue.png) no-repeat; } .arrow_green { width: 215px; background:url(../images/arrow_green.png) no-repeat; } .arrow_brown { width: 215px; background:url(../images/arrow_brown.png) no-repeat; } .arrow_orange { width: 215px; background:url(../images/arrow_orange.png) no-repeat;} .arrow_red { width: 215px; background:url(../images/arrow_red.png) no-repeat;} .arrow_grey { width: 215px; background:url(../images/arrow_grey.png) no-repeat;} .arrow_magazine { width: 215px; background:url(../images/magazineArrow.png) no-repeat;} .arrow_blue h2 img { display: inline; } .arrow_blue img { display: block;} .weather { list-style-type: none; margin: 10px 0px 10px 25px; } .weather li { font-size:11px; margin: 10px 0px 10px 0px; } .weather a { background-color: transparent; color:#464646; text-decoration: none; } .weather a:hover { text-decoration: underline; } .iconCleared, .iconMedium, .iconSlight, .iconSevere { background-position: center left; background-repeat: no-repeat; padding-left: 30px; } .iconCleared { background-image: url(../images/icons/traffic/cleared.gif); } .iconMedium { background-image: url(../images/icons/traffic/medium.gif); } .iconSlight { background-image: url(../images/icons/traffic/slight.gif); } .iconSevere { background-image: url(../images/icons/traffic/severe.gif); } .newsList { list-style-type:none; margin: 10px 0 0 30px;} .newsList li { padding-left: 25px; margin: 0 0 5px 0; font-size: 11px; } .newsList li a { color:#a57c52;} .newsList li span { color:#9e8b70; font-size:9px;} .newsItem { background-color: #f5f5f5; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: 10px 0px 10px 0px; padding: 10px;} .newsImage { float: left; width: 100px;} .newsText { float: right; width: 400px;} .link { background-image: url('../images/icons/link.png'); background-position: top left; background-repeat: no-repeat;padding-left: 25px;} .pageNo, .pageButton, .pageSelected { padding: 5px; font-weight: bold; } .list { list-style-type:none; margin: 5px 0 0 30px;} .list li { padding-left: 25px; font-size: 11px; padding-right: 5px; padding-bottom: 5px;} .list li span { font-size:9px;} .arrow_orange .list li a { color:#333333;} .arrow_red .list li a { color:#333333;} .arrow_green .list li a { color:#333333;} .arrow_brown .list li a { color:#333333;} .arrow_grey .list li a { color:#333333;} .box_grey { width: 258px; background:url(../images/box_grey.png) no-repeat; float:left;} .box_right { margin-left: 14px;} img.iconRight { float:right;} #footer { width: 982px; height:43px; background: url(../images/footer.png) repeat-x top #f5f6d4; padding: 52px 0 0 0;} #footer_bot { width:982px; height:14px; background:url(../images/bg_footer_bottom.png) no-repeat bottom #f5f6d4; display:block;} #footer .advertise { width: 180px; margin: 0 0 0 10px; text-align: center; float:left;} #footer .text { text-align: center; padding: 10px 0 0 0;} .right { margin-left: 50px;} /* * ADVERTS */ .left_small_ad { width: 185px; margin: 10px 0 0 15px;} .left_small_ad img { border:none;} .right_small_ad { width: 200px; height: 100px; background: #ccc; margin: 10px 0 0 15px;} .right_small_ad img { border:none;} #secContent .arrow_green .right_small_ad a { margin:0;} .large_ad { width: 535px; height: 100px; background:#666666; margin: 10px 0 10px 0;} .large_ad img { border: none;} .large_ad_trade { width: 468px; height: 60px; margin: 10px auto 10px auto; } .large_ad_trade img ( border: none; ) #mainContent .large_ad a:hover { border:none;} #mainContent .large_ad_trade a:hover { border:none;} /* * Two Column Layout */ #mainContentTwoColumns { float:left; width: 750px; padding: 0 0 0 15px;} /*#mainContentTwoColumns h1 { font-size:22px; text-decoration:underline; padding: 0 0 10px 0;}*/ #mainContentTwoColumns p { text-align: left; padding: 0 0 10px 0;} #mainContentTwoColumns a { color: #538816; font-weight:bold; text-decoration: none; } #mainContentTwoColumns a:hover { background: #f5f6d4; /*border-bottom: 1px solid #a9cc66;*/ } #mainContentTwoColumns .postlink a:hover{border-bottom: none;} #mainContentTwoColumns .help{margin-left:10px; margin-right:10px; padding-bottom:-10px; margin-bottom:-2px; border:0px; text-decoration:none;} #mainContentTwoColumns .help:hover{border:0px; padding-bottom:-10px; margin-bottom:-2px; text-decoration:none;} #mainContentTwoColumns .helpImage{ border:0px; padding-bottom:-10px; margin-bottom:-2px; } /* * News View */ #mainContent .news_item { } #mainContent .news_item img { border: 1px solid #cccccc; float: right; margin: 0px 0px 0px 10px; padding: 5px;} /* * News Archive */ #mainContent ul { margin: 0px 0px 0px 25px;} /* * Front Page News */ .front_news { float:left; width: 280px; background: url(../images/box_news.png) no-repeat #f0f0f0; margin: 0 0 15px 0; padding: 20px 0 0 0;} #mainContent .front_news h2 { padding:0; margin:0 0 10px 10px;} #mainContent .front_news h2 a { background-color: transparent; color: #545454; } #mainContent .front_news p { padding:0 10px;} .front_news_item { width: 250px; float:left; background:#fff; margin:0 10px 10px 10px; padding:5px; display:inline;} #mainContent .front_news_item h2 { font-size:12px; margin:0 0 5px 0; padding:0; color: #538816;} #mainContent .front_news_item img { float:left; margin:0 5px 5px 0;} .front_forum { float:right; width: 240px; background: url(../images/box_forum.png) no-repeat #f0f0f0; padding: 20px 0 10px 0;} #mainContent .front_forum h2 { padding:0; margin:0 0 10px 10px;} #mainContent .front_forum h2 a { background-color: transparent; color: #545454; } #mainContent .front_forum p { padding:0 10px; margin:0 0 15px 0;} #mainContent .front_forum ul { list-style-type:none; background:#fff; padding:0; margin:0 10px;} #mainContent .front_forum ul li { padding: 0 0 5px 20px; margin:0;} .arrow_right { padding:0 0 0 20px; background:url(../images/icons/arrow_right.png) no-repeat;} /* * Business Directory */ .category_view { padding: 10px 0;} .category { width: 166px; background:#d6eb9a; float: left; margin: 0 8px 10px 0; border: 1px solid #a9cc66;} .category_view .odd { background:#ebf4fa; border: 1px solid #bbd9ee;} #mainContent .category_view p { text-align: center; padding:5px 0;} #mainContent .category_view a { color:#333333;} #mainContent .category_view a:hover { color:#666666; background:none; border-bottom: 1px solid #666666;} .single_business { background: url(../images/bg_single_business.png) repeat-x; padding: 0 10px 10px 10px; margin: 0 0 20px 0; border-bottom: 2px solid #ebebeb; height:1%;} .single_business .dir_image { float: right; margin: 5px 5px 20px 5px; height: 100px; width: 200px; } #mainContent .business_view .odd { background: url(../images/bg_single_business_odd.png) repeat-x;} #mainContent .business_view .profile { background: url(../images/bg_single_club_odd.png) repeat-x;} #mainContent .business_view .featured { background: url(../images/bg_featured.jpg) repeat-x;} #mainContent .single_business h2 { font-size:14px; margin: 0 0 5px 0; padding: 10px 0 3px 0; border-bottom: 1px solid #666666; text-decoration:none;} #mainContent .single_business p { padding:0 0 5px 0;} #mainContent .single_business a { border-bottom: 1px solid #538816; color:#538816;} #mainContent .single_business a:hover { border-bottom: none; background:none;} #mainContent .single_business p.other_cats a { color:#333333; border-bottom: 1px solid #333333;} #mainContent .single_business p.other_cats a:hover { color:#333333; border-bottom:none;} #mainContent .single_business p.email a { color:#54a4de; border-bottom: 1px solid #54a4de;} #mainContent .single_business p.email a:hover { color:#54a4de; border-bottom: none;} #mainContent .single_business ul { list-style-type:none;} #mainContent .single_business ul li { padding-left: 25px; margin-bottom: 3px;} #mainContent .single_business ul .iconEmail a {color:#54a4de; border-bottom: 1px solid #54a4de;} #mainContent .single_business ul .iconEmail a:hover {color:#54a4de; border-bottom: none;} #mainContent .single_business .profile { width: 62px; height: 71px; float:right; margin-right:10px;} #mainContent .single_business .profile img, #mainContent .single_business .profile a { border:none; background:none; outline: none;} /* * Business Profiles */ .top_grey { width: 750px; height: 15px; background: url(../images/business_profile_top_grey.png) no-repeat #ebebeb;} .bg_grey { background:url(../images/business_profile_bg_grey.png) repeat-x;} .top_blue { width: 750px; height: 15px; background: url(../images/business_profile_top_blue.png) no-repeat #b4e2ff;} .bg_blue { background:url(../images/business_profile_bg_blue.png) repeat-x;} .top_orange { width: 750px; height: 15px; background: url(../images/business_profile_top_orange.png) no-repeat #b4e2ff;} .bg_orange { background:url(../images/business_profile_bg_orange.png) repeat-x;} #mainContentTwoColumns .business_profile h1 { font-size: 16px; padding: 0 0 0 15px;} #mainContentTwoColumns .business_profile h2 { font-size: 14px; padding: 0 0 0 15px; text-decoration:underline; color: #007cb3;} #mainContentTwoColumns .business_profile p { font-size: 12px; padding: 10px 15px 10px 15px;} .bg_grey img.profile_logo { float:right; margin: 0 15px 0 15px; border: 2px solid #acacac;} .bg_blue img.profile_logo { float:right; margin: 0 15px 0 15px; border: 2px solid #3e9ade;} .bg_orange img.profile_logo { float:right; margin: 0 15px 0 15px; border: 2px solid #f8971f;} .business_profile .gallery { padding: 0 15px;} .business_profile .gallery .img_wrapper { float:left; margin: 0 14px 0 0;} #mainContentTwoColumns .business_profile .gallery .img_wrapper a:hover { border:none;} .business_profile ol, .business_profile ul { margin: 0 40px 20px 40px;} /* * Club Directory */ .club_category_view { padding: 10px 0;} .club_category { width: 166px; background:#d6eb9a; float: left; margin: 0 8px 10px 0; border: 1px solid #a9cc66;} .club_category_view .odd { background:#ebf4fa; border: 1px solid #bbd9ee;} #mainContent .club_category_view p { text-align: center; padding:5px 0;} #mainContent .club_category_view a { color:#333333;} #mainContent .club_category_view a:hover { background:none; border-bottom: 1px solid #666666;} .single_club { background: url(../images/bg_single_club.png) repeat-x; padding: 10px; margin: 0 0 20px 0; border-bottom: 2px solid #ebebeb; height:1%;} #mainContent .club_view .odd { background: url(../images/bg_single_club_odd.png) repeat-x;} #mainContent .single_club h2 { font-size:14px; margin: 0 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px solid #666666;text-decoration:none;} #mainContent .single_club p { padding:0 0 5px 0;} #mainContent .single_club a { border-bottom: 1px solid #538816; color:#538816;} #mainContent .single_club a:hover { border-bottom: none; background:none;} #mainContent .single_club p.other_cats a { color:#333333; border-bottom: 1px solid #333333;} #mainContent .single_club p.other_cats a:hover { color:#333333; border-bottom:none;} #mainContent .single_club p.email a { color:#54a4de; border-bottom: 1px solid #54a4de;} #mainContent .single_club p.email a:hover { color:#54a4de; border-bottom: none;} #mainContent .single_club ul { list-style-type:none;} #mainContent .single_club ul li { padding-left: 25px; margin-bottom: 3px;} #mainContent .single_club ul .iconEmail a {color:#54a4de; border-bottom: 1px solid #54a4de;} #mainContent .single_club ul .iconEmail a:hover {color:#54a4de; border-bottom: none;} #mainContent .site_advertising { padding-bottom: 10px; border-bottom: 5px solid #545454;} /* * Gallery */ #gallery { } .album { margin: 0 10px 10px 0; float:left; padding: 4px; background: #fff; border: 1px solid #ccc;} #mainContent .album p { padding:5px 0; margin:0; text-align: center;} .image { margin: 0 10px 10px 0; float:left; padding: 4px; background: #fff; border: 1px solid #ccc;} .image img { border:none;} #mainContent .image a:hover { border:none;background:none;} /* * Left hand register form */ .left_register { background: #ebf4fa; padding: 5px 0 0 0; border-bottom: 1px solid #bbd9ee; border-top: 1px solid #bbd9ee;} .left_register h2 { font-size: 13px; text-decoration: underline; margin: 0 0 10px 0; text-align: center;} .left_register p { padding: 0 5px 5px 5px;} .left_register a { text-align:center; display:block; margin: 0 0 5px 0; color: #206ba4;} #left_register_form { text-align:center;} #left_register_form input { margin: 0 0 5px 0;} /* * News Ticker */ .news_ticker { background: url(../images/news_ticker.png) no-repeat; text-align: center; font-size:12px; font-weight: bold;} #mainContent .news_ticker ul { list-style-type: none; padding:0; margin:0 0 10px 0;} #mainContent .news_ticker ul li { padding:5px 0 5px 54px; margin:0; width:481px;} #mainContent .news_ticker a { color:#333333; border-bottom: 1px solid #666666;} #mainContent .news_ticker a:hover { border:none; background: none;} /* * Magazine Styles */ .magazine { background:#edf2f8; padding:10px; margin:0 0 20px 0;} .magazine h2 { font-size:14px; text-decoration:underline; margin:0 0 5px 0; height:1%;} .magazine p { height:1%;} .magazine .sponsor { float:right; width: 460px; height: 50px;} #mainContentTwoColumns .sponsor img { border:none; background:none;} #mainContentTwoColumns .sponsor a:hover { background:none; border:none;} .magazine .cover { float:left; margin: 0px; padding:10px; background:#fff; border:1px solid #ccc;} .magazine .index { float:right; width: 430px; background:#fff; margin:0px;} .index { border:1px solid #ccc; padding: 5px;} .index ul { list-style-type:none;} #mainContentTwoColumns .index ul li a { color: #4f6072; display:block; padding:5px; outline:none;} #mainContentTwoColumns .index ul li { color: #4f6072; font-weight: bold; margin: 10px 0px 10px 0px;} #mainContentTwoColumns .index ul li a:hover { background:#b5cce3; border-bottom: none; color:#4f6072;} #mainContentTwoColumns .index ul li a:hover span { color:#647a90;} .article { background:#edf2f8; padding:10px 10px 0px 10px; margin:0 0 15px 0; overflow: auto; width: 98%;} .article h2 { font-size:14px; text-decoration:underline; margin:0 0 10px 0;} .article p { height:1%; font-size:13px; padding:0; margin:0;} .article ul { margin:10px 40px; padding:0; list-style-type:none; font-size:13px;} .article ul li { background:url(../images/icons/tick.png) no-repeat; padding:0 0 10px 20px;} .article img { float:right; padding:5px; background:#fff; border:1px solid #ccc; margin:10px;} .article img.left { float:left; padding:5px; background:#fff; border:1px solid #ccc; margin:10px;} .article img.center { margin:0 auto; float:none;} .sponsor { text-align:center; margin:0 0 15px 0; border:1px solid #ccc;} ul.article_nav { list-style-type:none; margin:0 0 15px 0; padding:0; float:left;} ul.article_nav li { background:#ccc; width:230px;} ul.article_nav li.left { float:left; padding:0 0 0 20px; background:url(../images/icons/arrow_left.png) no-repeat;} ul.article_nav li.right { float:right; padding:0 20px 0 0; text-align:right; background:url(../images/icons/arrow_right.png) no-repeat right; margin:0px;} ul.article_nav li.center { float:left; text-align:center; background:none;} ul.article_nav li a { margin:0; padding:0;} .event { background:#edf2f8; margin:0 0 15px 0; padding:10px; border-bottom:3px solid #ebebeb; border-right:3px solid #ebebeb; } .event h2 { font-size: 13px;} .event p { font-size: 12px;} .article table { width: 400px; margin:0 auto; border-collapse:collapse; border:1px solid #ccc;} .article table td { vertical-align:text-top; padding:5px;} .article table td.setWidth { width: 100px;} .article table tr.odd { background:#f5f5f5;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: navigation <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #nav ul { list-style-type:none; margin:0; padding:5px 0 0 0;} #nav ul li { margin: 10px 0 0px 0; text-indent: 50px;} #nav ul li a { display:block; width:185px; height: 26px; color:#fff; font-size: 13px; text-decoration:none; background: url(../images/icons/bullet_white.png) no-repeat; background-position: 25px 5px; line-height:26px;} #nav ul li:hover a { color:#333333; background:url(../images/nav_over.png) no-repeat;} #nav ul li a:hover { color:#333333;} .hover { background:url(../images/nav_over.png) no-repeat;} #mHome #nav ul .nHome a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mControl #nav ul .nControl a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mForum #nav ul .nForum a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mFylde #nav ul .nFylde a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mAbout #nav ul .nAbout a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mFeatures #nav ul .nFeatures a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mGuide #nav ul .nGuide a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mDir #nav ul .nDir a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mClubDir #nav ul .nClubDir a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mClass #nav ul .nClass a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mJobs #nav ul .nJobs a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mGallery #nav ul .nGallery a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mNews #nav ul .nNews a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mAdvert #nav ul .nAdvert a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mHelp #nav ul .nHelp a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mContact #nav ul .nContact a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mKids #nav ul .nKids a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mMagazine #nav ul .nMagazine a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mTalent #nav ul .nTalent a {color:#333333; background:url(../images/nav_over.png) no-repeat;} #mShop #nav ul .nShop a {color:#333333; background:url(../images/nav_over.png) no-repeat;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: typography <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ body { font-family: "Lucida Sans Unicode", Verdana, Arial; font-size: 12px; color: #545454;} body p { } body a { text-decoration:underline;} body a:hover { text-decoration:none;} /*#mainContent h1 { font-size:22px; text-decoration:underline; padding: 0 0 10px 0;}*/ #mainContent h1 a { background-color: transparent; color: #545454; } #mainContent h2 { font-size: 14px; padding: 10px 0 10px 0; text-decoration:underline;} #mainContent h3 { font-size:13px; text-decoration:underline; padding: 20px 0 10px 0;} #mainContent p { text-align: left; padding: 0 0 10px 0;} #mainContent a { color: #538816; font-weight:bold; text-decoration: none; } #mainContent a:hover{ background: #f5f6d4; border-bottom: 1px solid #a9cc66;} #mainContent a img { border:none; background: none; outline:none;} #mainContent a.noStyle:hover { border:none;} #mainContent .box_grey h2 { font-size: 14px; padding:38px 0 0 20px; text-decoration:underline;} #mainContent .box_grey p { font-size: 11px; padding:10px 20px; } #mainContent .box_grey a { width: 218px; height: 21px; background:url(../images/box_grey_link.png) no-repeat; display:block; color:#FFFFFF; line-height:21px; text-align:center; margin-left:20px;} #mainContent .box_grey a:hover { border:none; background-position:bottom;} .arrow_blue h2, .arrow_brown h2 { font-size: 14px; line-height: 32px; text-align: right; padding-right:10px;} .arrow h2 { font-size: 14px; line-height: 32px; text-align: right; padding-right:10px;} #footer a { color:#44863e; font-weight: bold; text-decoration: none;} #footer a:hover { background: #d6eb9a; border-bottom:1px solid #a7c520;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: background / colour <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ body { background:url(../images/bg.png) repeat-x #c4d8a3;} #wrapper { background:url(../images/bg_middle.png) repeat-y #c4d8a3;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: misc <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ .iconTelephone { background:url(../images/icons/telephone.png) no-repeat left;} .iconEmail { background:url(../images/icons/email.png) no-repeat left;} .iconCalendar { background:url(../images/icons/calendar.png) no-repeat left;} .iconGroup { background:url(../images/icons/group.png) no-repeat left;} .iconPaper { background:url(../images/icons/newspaper.png) no-repeat left top;} .iconReport { background:url(../images/icons/report.png) no-repeat left;} .iconDate { background:url(../images/icons/date.png) no-repeat left;} .iconCross { background:url(../images/icons/cross.png) no-repeat left;} .iconTick { background:url(../images/icons/tick.png) no-repeat left;} .iconNew { background:url(../images/icons/new.png) no-repeat left;} .iconHome { background:url(../images/icons/house.png) no-repeat left;} .iconWorld { background:url(../images/icons/world.png) no-repeat left;} .iconPage { background:url(../images/icons/page.png) no-repeat left;} .iconExclamation { background:url(../images/icons/exclamation.png) no-repeat left;} .iconUser { background:url(../images/icons/user.png) no-repeat left;} .iconUserSuit { background:url(../images/icons/user_suit.png) no-repeat left;} .iconMoney { background:url(../images/icons/money.png) no-repeat left;} .iconWrench { background:url(../images/icons/wrench.png) no-repeat left;} .iconSnowman { background:url(../images/icons/snowman.png) no-repeat left;} .iconComment { background:url(../images/icons/comment.png) no-repeat left;} .iconClouds { background:url(../images/icons/weather_clouds.png) no-repeat left top;} .iconCloudy { background:url(../images/icons/weather_cloudy.png) no-repeat left top;} .iconLightning { background:url(../images/icons/weather_lightning.png) no-repeat left top;} .iconRain { background:url(../images/icons/weather_rain.png) no-repeat left top;} .iconSnow { background:url(../images/icons/weather_snow.png) no-repeat left top;} .iconSun { background:url(../images/icons/weather_sun.png) no-repeat left top;} .iconMore { background:url(../images/icons/bullet_go.png) no-repeat left top; padding-left: 25px;} .img_wrapper img { padding: 4px; border: 1px solid #ccc; background: #FFFFFF; } .clear { clear: both; } .warning { color: red; font-weight: bold;} .flash { color:#44863e; font-size: 14px; padding: 10px 0; font-weight:bold;} #mainContent p.thanks { padding: 20px; margin:20px; background:#f5f6d4; border: 3px solid #a9cc66;} img.center { margin: 0 auto; display: block;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: forms <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #contactform { margin: 1em auto; } #contactform fieldset { padding: 1em; position: relative; width: 90%; margin: 0 auto; border:1px solid #ccc; background:url(../images/bg_form.png) repeat-x #e1e1e1;} #contactform fieldset legend { font-weight: bold; font-size: 1.1em; position: absolute; top: -.5em; left: .5em; color: #777777; background: #fff; padding: 0 10px;} #contactform fieldset p { padding: 5px 0; } #contactform fieldset label { width: 10em; float: left; text-align:right; padding: 0 10px 0 0; color:#545454;} #contactform fieldset input { width: 200px; } #contactform fieldset input:focus, #contactform fieldset textarea:focus { } #contactform fieldset textarea { width: 300px; height: 150px; } #contactform fieldset input.submit { width: auto; } fieldset { padding: 1em; margin: 10px 0; background:url(../images/bg_form.png) repeat-x #e1e1e1; position: relative; margin-top:1em; padding-top:.75em; } fieldset legend { font-size: 12px; font-weight: bold; background:#fff;} fieldset p { padding: .5em;} fieldset label, label { width: 10em; float: left;} form fieldset input.submit { width: auto;} form div { margin: 10px 0px 10px 0px; } form select { margin: 0px 10px 0px 0px; } form select option { padding: 0px 5px 0px 5px; } #registerform { margin: 1em auto; } #registerform fieldset { padding: 1em; width: 90%; border:1px solid #ccc; background:url(../images/bg_form.png) repeat-x #e1e1e1;} #registerform fieldset legend { font-weight: bold; font-size: 1.1em; color: #777777; background: #fff; padding: 0 10px;} #registerform fieldset p { padding: 5px 0; } #registerform fieldset label { width: 10em; float: left; text-align:right; padding: 0 10px 0 0; color:#545454;} #registerform fieldset input { width: 200px; } #registerform fieldset textarea { width: 250px; height: 100px; } #registerform fieldset input.submit { width: auto; } #registerform fieldset input.checkbox { width: 20px;} #registerform fieldset input.radio { width: auto;} #registerform fieldset .radio { } #addProfile fieldset label { text-align: right; padding: 0 20px 0 0;} #addProfile fieldset textarea { width: 500px; height: 150px;} #addProfile fieldset .profileImagesView { margin: 10px 0;} #addProfile fieldset option { padding-right:10px;} #addProfile fieldset a.red { color:red;} #addProfile fieldset a:hover.red { border:none; background:none; text-decoration:underline;} p.required { color:#FF0000;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: table styles <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ table.view {width: 99%; margin: 1em auto; border: 1px solid #CCCCCC; border-collapse: collapse; font-size: .9em;} table.view .heading {background: #cde855; font-weight: bold;} table.view th {background: #cde855; font-weight: bold; padding: .5em; border-right: 1px solid #ccc; border-bottom: 1px solid #666666;} table.view td {padding: .5em; border-right: 1px solid #ccc;} table.view .odd {background-color:#f5f6d4;} #mainContent table.view a {color: #0083d7; border-bottom: 1px solid #0083d7;} #mainContent table.view a:hover {color: #0083d7; text-decoration:none; background: none; border-bottom: none;} table.center { text-align: center;} table.view tr:hover { background:#b4e2ff;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: Login Section <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ ul#cpList { margin: 10px 20px; font-size: 14px; font-weight: bold; } ul#cpSubList { margin: 0 20px; font-size: 12px; font-weight: normal;} ul#cpSubList li { margin: 3px 0; padding: 0 0 2px 20px; list-style-type: none;} .view { background: url(../images/icons/eye.png) no-repeat; } .add { background: url(../images/icons/add.png) no-repeat; } .edit { background: url(../images/icons/edit.png) no-repeat; } .delete { background: url(../images/icons/delete.png) no-repeat; } .exclamation { background: url(../images/icons/exclamation.png) no-repeat;} .control_panel h2 { font-size: 14px; padding: 10px 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: NEW CONTROL PANEL <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #newCP ul { list-style-type:none;} #newCP ul li { float: left; margin: 0 5px 0 0;} #newCP ul li a { display: block; background:url(../login/images/control_panel/bg_normal.png); padding: 10px; outline:none; color: #363636;} #newCP ul li a:hover { border:none; background: #eff0bb;} #newCP ul li a.active{ background:url(../login/images/control_panel/bg_hover.png);} #newCPContent { background: #d0e4a1; float: left; width: 750px;} #newCPContent h2 { padding: 10px 10px 0 10px; font-size: 13px; color:#363636;} #newCPContent p { padding: 10px;} #newCPContent a { color: #464646; padding: 3px; text-decoration: underline;} #newCPContent a:hover { background-color:#464646; border:none; padding:3px; text-decoration: none; color:#fff;} #newCPContent a.help:hover { background: none; padding: none;} #newCPContent ul { padding: 5px 10px; list-style-type: none;} #newCPContent ul li { padding-left: 20px; margin: 0 0 5px 0;} #newCPJobs, #newCPEvents, #newCPClassPersonal, #newCPClassService, #newCPClassMarket, #newCPClassMotor, #newCPClassProperty, #activeDesignView, #adCampaignView { padding: 10px; background: #e6f1cb;} table.styledTable { margin: 0 auto; width: 100%; background: #fff; border-collapse: collapse; border: 1px solid #6996c3;} table.styledTable .heading { font-weight: bold; background: #6996c3; color:#363636; border-bottom: 1px solid #6996c3;} table.styledTable td { padding: 5px;} table.styledTable .odd { background: #ebf4fa;} #newCPContent .details { background: #e6f1cb;} #newCPPendingAds { background: #ffc35c; margin-top: 10px; padding:0 10px;} #newCPCompletedAds { background: #aacc66; margin-top: 10px; padding:0 10px;} #newCPDeclinedAds { background: #ffcaca; margin-top: 10px; padding:0 10px;} table#advertTable { margin: 0px 10px 10px 10px; width: 97%; background: #fff; border-collapse: collapse; border:none;} table#advertTable .heading { font-weight: bold; background: #ccc; color:#363636; border-bottom: 1px solid #959595;} table#advertTable td, table#advertTable th { padding:5px;} table#advertTable .odd { background: #ebf4fa;} #newCPTodo { background: #ffd9d9; border: 1px solid #e96267; padding: 10px; margin: 0 0 20px 0;} #newCPTodo h2 { margin:0; padding:0; font-size: 12px; text-decoration:underline;} #newCPTodo ul { list-style-type: none; margin: 10px 0 0 0;} #newCPTodo ul li { padding-left: 20px; margin-bottom: 5px;} #newCPTable { margin: 0 auto; border-collapse: collapse;} #newCPTable tr td { padding: 8px 10px;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: control panel (for areas by Mike) <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #controlPanelTableUserDetails {width: 60%; margin: 1em auto; margin-right:38%; border: 1px solid #666666; border-collapse: collapse; font-size: .9em;} #controlPanelTableUserDetails th {background: #b9b09d; font-weight: bold; text-align:left; font-size: 13px;} #controlPanelTableUserDetails td {background: #FFFFFF; padding: .5em; text-align:left;} #controlPanelTableUserDetails a {color: #0083d7; text-decoration:none; border-bottom:hidden;} #controlPanelTable {width: 90%; margin: 1em auto; border: 1px solid #666666; border-collapse: collapse; font-size: .9em;} #controlPanelTable th {background: #b9b09d; font-weight: bold; text-align:left; font-size: 13px;} #controlPanelTable td {background: #FFFFFF; padding: .5em; text-align:left;} #controlPanelTable a {color: #0083d7; text-decoration:none; border-bottom:hidden;} #sectionHeader{width: 100%; background: #4b6d4b; color:#FFFFFF; margin:auto; font-size:17px; padding-bottom:2px; padding-top:2px;} #sectionHeader a{color:#FFFFFF; font-weight:normal; text-decoration:none; border-bottom:hidden;} #sectionHeader a:hover{color:#4b6d4b; text-decoration:none; border-bottom:hidden;} #controlPanelBorderSeperation {border: 1px solid #999999; border-collapse: collapse; padding:5px;} #controlPanelBorderSeperation a {color: #4b6d4b;} #controlPanelBorderSeperation .help{margin-left:10px; padding-bottom:-10px; margin-bottom:-2px; border:0px; text-decoration:none;} #controlPanelBorderSeperation .help:hover{border:0px; padding-bottom:-10px; margin-bottom:-2px; text-decoration:none;} #controlPanelBorderSeperation .helpImage{ border:0px; padding-bottom:-10px; margin-bottom:-2px; } #subText{font-size: 15px;} #subHighlight{background-color:#c4d8a3; border: 1px solid #666666; padding:3px;} #subTextDecline{font-size: 15px; color:#FF0000;} #declineHighlight{background-color:#FFCACA; border: 1px solid #FF0000; padding:3px;} #subTextPending{font-size: 15px; color:#E18200} #pendingHighlight{background-color:#F1D292; border: 1px solid #FF9933; padding:3px;} #subTextCompleted{font-size: 15px; color:#339933} #completedHighlight{background-color:#BDF7AC; border: 1px solid #339933; padding:3px;} #errorBox{ width:90%; padding:2px; background-color:#F78083; border-style:solid; border-width:thin; border-color:#990000; margin-top:15px; margin-bottom:10px; color:#000000; font-size:12px; font-weight:bold; } #confirmBox{ width:90%; padding:2px; background-color:#ABFEA9; border-style:solid; border-width:thin; border-color:#009900; margin-top:15px; margin-bottom:10px; color:#000000; font-size:12px; font-weight:bold; } #addProfile fieldset label { text-align: right; padding: 0 20px 0 0;} #addProfile fieldset textarea { width: 500px; height: 150px; border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-top: 2px solid #666; border-left: 2px solid #666;} #controlPanelInputForm label { text-align: right; padding: 0 20px 0 0;} #controlPanelInputForm textarea { width: 350px; height: 150px; border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-top: 2px solid #888; border-left: 2px solid #888; padding-left:2px; padding-bottom:1px; } #controlPanelInputForm input.text_input{border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-top: 2px solid #888; border-left: 2px solid #888; padding-left:2px; padding-bottom:1px; } #controlPanelInputForm select{ border-bottom: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-top: 2px solid #888; border-left: 2px solid #888; margin-right:5px; } #controlPanelInputForm option{ padding-right:8px;} #controlPanelInputForm .help{margin-left:10px; padding-bottom:-10px; margin-bottom:-2px; border:0px; text-decoration:none;} #controlPanelInputForm .help:hover{border:0px; padding-bottom:-10px; margin-bottom:-2px; text-decoration:none;} #controlPanelInputForm .helpImage{ border:0px; padding-bottom:-10px; margin-bottom:-2px; } #adPackageSelect{width:70%; margin:auto; border: 1px solid #666666; padding:.5em; margin-bottom:20px; background-color:#FFFFFF;} #adPackageSelect h2{ font-size:large; font-weight:bold; margin-bottom:5px;} #adPackageSelect ul{ margin-left:15px;} #pagingHolder{width:55%; margin-left:auto; margin-right:auto; border: 1px solid #666666; padding:.5em; background-color:#FFFFFF; text-align:center;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ----------: main pages of site <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #pageContentHeader{width:530px; margin-left:2px; height:29px; background: url(../images/pageContentHeader.png) no-repeat; padding-top:4px;} #pageContentHeader label{color:#FFFFFF; font-size:16px; padding-left:15px;} #pageContentHeader .headerLink{font-size:x-small; float:right; margin-right:10px; margin-top:4px; color:#9cc062; text-decoration:none; border-bottom:hidden;} #pageContentHeader .headerLink:hover{font-size:x-small; float:right; margin-right:10px; margin-top:4px; color:#425f42; background-color:#9cc062;text-decoration:none; border-bottom:hidden;} #pageContentInfo{width:520px; margin-left:2px; margin-top:-4px; background: url(../images/pageContentInfo.png) repeat-x #FFFFFF; border:#425f42 1px solid; padding:4px;} #pageContentInfo a{color:#425f42; font-size:12px;} #pageContentInfo a:hover{background-color:#B6E6A6; font-size:12px; padding:0px; border:0px; text-decoration:none;} #pageContentInfoSearchOptions{width:230px; margin-left:10px;} #pageContentInfoPagingHolder{width:85%; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:15px; padding:.3em; background-color:#CCCCCC; text-align:center;} #pageContentInfoNoResults{margin-left:10px; margin-top:10px; font-weight:bold; margin-bottom:25px;} #pageContentInfo ul { list-style-type:none;} #pageContentInfo ul li{ padding-left: 25px; margin-bottom: 3px;} #pageContentInfo p{padding:5px;} #pageContentInfo img.right{float:right; margin-left:10px;} #pageContentInfo img.left{float:left; margin-top:5px; margin-right:10px;} #pageContentInfo .h2TownInfo{margin-top:30px;} .sectionLogoImageRight{float:right; padding-right:10px; padding-top:8px; margin-bottom:15px;} .postedOn{float:left; font-size:x-small;} #classifiedPageCategoryList{} #classifiedPageCategoryList img{float:left; padding-right:5px; padding-left:10px; margin-bottom:10px; border:none; } #classifiedPageCategoryList ul { list-style-type:none;} #classifiedPageCategoryList ul li{ padding-left: 25px; margin-bottom: 3px;} #classifiedPageCategoryList p.smallText{ padding-top:0px;} .classifiedImageRight{float:right; padding-right:4px; padding-top:2px; padding-bottom:8px;} #classifiedDetail{border:#BBBBBB 1px solid; width:450px; margin:auto; margin-bottom:8px; padding:4px;} #classifiedDetail h2{width:452px; margin-left:-4px; margin-right:-8px; margin-top:-4px; margin-bottom:10px; background:#b2d640; font-size:14px; font-weight:bold; padding:3px;}; #classifiedDetail ul { list-style-type:none;} #classifiedDetail ul li{ padding-left: 25px; margin-bottom: 3px;} #classifiedDetailHeader{font-size:14px; font-weight:bold; margin-top:5px; margin-bottom:5px;} #classifiedDetailPrice{font-size:14px; font-weight:bold; margin-top:5px; margin-bottom:5px; margin-left:10px;} #eventsTable{width:500px; margin:auto; margin-top:15px; border:#BBBBBB 1px solid; border-spacing:0px; border-collapse:collapse;} #eventsTable th{ text-align:center; padding:2px; background:#b2d640; border-bottom:#BBBBBB 1px solid; margin-right:-2px;} #eventsTable td{ text-align:center; padding:2px; background:#EEEEEE; border-bottom:#BBBBBB 1px solid; margin-right:-2px; padding-top:4px; padding-bottom:4px;} #eventDetail { background-color: #edf2f8; border-bottom: 3px solid #ebebeb; border-right: 3px solid #ebebeb; padding: 5px; } #eventDetail h2{color:#44863e; font-size:14px; font-weight:bold; margin:0px; padding:0px;} #eventDetail label{width: 10em; float: left; text-align:right; padding: 0 10px 0 0; color:#545454; font-weight:bold;} #eventDetail p{padding: 5px 0; } #eventDetail ul { list-style-type:none;} #eventDetail ul li{ padding-left: 0px; margin-bottom: 3px;} .jobImageRight{float:right; padding-right:4px; padding-top:2px; padding-bottom:8px;} #jobDetail{border:#BBBBBB 1px solid; width:450px; margin:auto; margin-bottom:12px; padding:4px;} #jobDetail h2{width:452px; margin-left:-4px; margin-right:-8px; margin-top:-4px; margin-bottom:10px; background:#b2d640; font-size:14px; font-weight:bold; padding:3px;} #jobDetailHeader{font-size:14px; font-weight:bold; margin-top:5px; margin-bottom:5px;} #jobDetail a{color:#44863e; font-size:small} #jobDetail a:hover{color:#FFFFFF; background-color:#8eb549; font-size:small; padding:0px; border:0px; text-decoration:none;} #jobDetail ul { list-style-type:none;} #jobDetail ul li{ padding-left: 25px; margin-bottom: 3px;} #ADFAQPageContentHeader{width:754px; margin-left:2px; height:29px; background: url(../images/pageContentHeader.png) no-repeat; padding-top:4px;} #ADFAQPageContentHeader label{color:#FFFFFF; font-size:16px; padding-left:15px;} #ADFAQPageContentInfo{width:735px; margin-left:2px; margin-top:-4px; background: url(../images/pageContentInfo.png) repeat-x #FFFFFF; border:#425f42 1px solid; padding:4px;} #ADFAQPageContentInfo a{color:#425f42; font-size:medium;} #ADFAQPageContentInfo a:hover{color:#FFFFFF; background-color:#8eb549; font-size:medium; padding:0px; border:0px; text-decoration:none;} #adGuideAndFAQ {text-align:left; padding:5px;} #adGuideAndFAQ a{font-size:small;} #adGuideAndFAQ a:hover{background-color:#8eb549; font-size:small; padding:0px; border:0px; text-decoration:none;} #adGuideAndFAQ .sectionHeader{font-size:small;} #adGuideAndFAQ .sectionHeader:hover{color:#425f42; background-color:#FFFFFF; font-size:small; padding:0px; border:0px; text-decoration:none;} #adGuideAndFAQ p{margin-top:30px;} #adGuideAndFAQ li{margin-left:45px; padding-left:3px;} #adGuideAndFAQTOC {width:90%; margin:auto; background:url(../images/business_profile_bg_blue.png) repeat-x; border-top:#999999 1px solid; border-bottom:#999999 1px solid; } #adGuideAndFAQTOC p{margin-top:10px;} #adGuideAndFAQTOC .main{padding-left:15px;} #adGuideAndFAQTOC .main:hover{padding-left:15px;} #adGuideAndFAQTOC .sub{padding-left:45px;} #adGuideAndFAQTOC .sub:hover{padding-left:45px;} #adGuideAndFAQTOC .subsub{padding-left:75px;} #adGuideAndFAQTOC .subsub:hover{padding-left:75px;} #featureContentHeader{width:570px; margin-left:2px; height:29px; background: url(../images/featureContentHeader.png) no-repeat; padding-top:4px; } #featureContentHeader label{color:#FFFFFF; font-size:16px; padding-left:15px;} #featureContentHeader .headerLink{font-size:x-small; margin-right:10px; margin-top:4px; color:#9cc062; text-decoration:none; border-bottom:hidden;} #featureContentHeader .headerLink:hover{font-size:x-small; margin-right:10px; margin-top:4px; color:#425f42; background-color:#9cc062;text-decoration:none; border-bottom:hidden;} #featureContentHeader a.inAssociation{color:#FFFFFF; font-size:10px; text-decoration:none; border-bottom:none;} #featureContentHeader a:hover.inAssociation{color:#FFFFFF; font-size:10px; text-decoration:none; border-bottom:none; background:none;} #featureContentInfo {width:560px; margin-left:2px; margin-top:-4px; background: url(../images/pageContentInfo.png) repeat-x #FFFFFF; border:#425f42 1px solid; padding:4px;} #featureContentInfo a{color:#425f42; font-size:medium;} #featureContentInfo a:hover{color:#FFFFFF; background-color:#8eb549; font-size:medium; padding:0px; border:0px; text-decoration:none;} #featureContentInfo h2 { font-size:14px;} #featureContentInfo ul { list-style-type:none;} #featureContentInfo ul li{ padding-left: 25px; margin-bottom: 3px;} #featureContentInfo p{padding:5px;} #featureContentInfo img{margin-left:12px; margin-top:15px; margin-bottom:10px; border:none;} #featureContentInfo img.right{float:right; margin-right:5px;} #featureContentInfo img.left{float:left; padding-right:15px; margin-left:5px;} #featureContentInfo a.featureBanner:hover{background:none; text-decoration:none; border:none; border-bottom:none;} #featuresPageCategoryList{margin-bottom:2px;} #featuresPageCategoryList p{padding-top:10px;} #featuresPageCategoryList .left{float:left; width:200px; padding-right:4px; padding-bottom:10px; padding-left:5px;} #featuresPageCategoryList ul { list-style-type:none;} #featuresPageCategoryList ul li{ padding-left: 25px; margin-bottom: 3px;} #featureArchive{width:155px; float:right; border:#b5d841 1px solid; margin-top:30px; padding:2px; background: url(../images/featuresArchiveHeader.png) no-repeat;} #featureArchive a.header{color:#545454; font-weight:bold; font-size:14px; text-decoration:none; border-bottom:none;} #featureArchive a{color:#425f42;} #otherFeatures{width:155px; float:right; border:#65aee5 1px solid; margin-top:20px; padding:2px; background: url(../images/featuresOthersHeader.png) no-repeat;} #otherFeatures a.header{color:#545454; font-weight:bold; font-size:14px; text-decoration:none; border-bottom:none;} #otherFeatures a{color:#425f42;} .eventSummaryContainer { margin: 10px 5px 10px 25px; } .eventSummaryContainer a { background-color: transparent; color: #464646; font-weight: bold; text-decoration: none; } .eventSummaryContainer a:hover { text-decoration: underline; } .eventSummary { margin: 10px 0px 10px 0px; } .eventSummary p { margin: 5px 0px 5px 0px; } .creditOptionArea { margin-bottom: 20px; margin-top: 20px; width: 440px; } .creditOption { height: 50px; } .creditOptionRadio { float: left; padding: 10px 5px 5px 5px; width: 40px; } .creditOptionLabel { float: left; padding: 5px; width: 300px; } .creditOptionPrice { float: left; padding: 10px 5px 5px 5px; width: 60px; } .eventNav { list-style-type: none; margin: 0px;; padding: 0px; } .eventNav li { width: 178px; } .eventNav li.center { float: left; text-align: center; } .eventNav li.previous { float: left; margin-left: -25px; /** Don't ask me why i need this because i don't care */ } .eventNav li.next { float: right; text-align: right; } #mForum .large_ad{width: 535px; height: 100px; background:#666666; margin: 0 0 0 90px;} #dummyLabel{width:100%;} /** * Home Styles */ .hr { border-top: 1px solid #d5d5d5; margin: 10px 0px 10px 0px; } .homeForum { background-color: #f5f5f5; border: 1px solid #f5f5f5; margin: 10px 0px 10px 0px; } .homeForumBenefits { float: left; padding: 5px; width: 260px; } .homeForumBenefits ul { margin: 10px 0px 10px 0px; } .homeForumPosts { background-color: #ffffff; float: right; min-height: 280px; /*padding: 0px 5px 0px 5px;*/ width: 230px; } .homeForumPost ul { margin: 0px; padding: 0px; } .homeForumPosts li { list-style-type: none; padding: 0px 5px 0px 5px; margin: 10px 0px 10px 0px; } .homeForumTitle { font-size: 1.2em; font-weight: bold; float: left; margin-top: 15px; width: 150px; } .homeNewsRow { margin: 10px 0px 10px 0px; } .homeNewsLeft { float: left; } .homeNewsRight { float: right; } .homeNewsLeft, .homeNewsRight { height: 60px; margin: 0px 0px 0px 0px; width: 255px; } .homeNewsLeft img, .homeNewsRight img { float: left; margin: 5px 10px 5px 0px; } /** * End of home styles */ #distribution { } .tabContainer { background-color: #ffffff; border: 1px solid #cccccc; color: #313131; margin: 10px auto 10px auto; width: 745px; } #distribution .tabContent { background-color: #edf2f8; float: right; height: 460px; padding: 5px 20px 5px 20px; width: 555px; } #distribution .tabContent p:first-child { margin-top: 0px; } #distribution .tabMenu { float: left; width: 150px; } #distribution .tabMenu ul { list-style-type: none; margin: 0px; padding: 0px; } #distribution .tabMenu li { margin: 0px; padding: 0px; } #distribution .tabMenu li a { background-color: #ffffff; border-bottom: 1px solid #cccccc; color: #313131; display: block; margin: 0px; padding: 5px; width: 140px; text-decoration: none; } #distribution .tabMenu li a:hover, #distribution .tabMenu li a.selected { background-color: #edf2f8; color: #313131; text-decoration: none; } #currentContainer { background-color: #edf2f8; color: #313131; margin: 10px 0px 10px 0px; padding: 5px; } #currentContent { float: left; width: 470px; } #currentContent ul { font-weight: bold; margin: 10px 0px 10px 25px; } #currentCover { float: left; width: 160px; } #currentCover a, #currentCover a:hover { background-color: transparent; border: none; color: #313131; } #onlineContent { background-color: #f5f5f5; color: #313131; float: right; padding: 5px; width: 250px; } #onlineContent div.onlineEdition { background-color: #cccccc; color: #313131; margin: 5px 0px 5px 0px; } #onlineContent div.onlineEdition a { background-color: transparent; border: none; color: #464646; display: block; height: 80px; padding: 5px; font-weight: normal; } #onlineContent div.onlineEdition a:hover { background-color: #edf2f8; color: #313131; } #onlineContent div.onlineEdition span.image { display: block; float: left; margin-right: 10px; padding: 0px; width: 56px; } #onlineContent div.onlineEdition span.title { font-size: 1.1em; color: #313131; font-weight: bold; } #purchaseContainer { margin: 10px 0px 10px 0px; } #purchaseContent { background-color: #f5f5f5; color: #313131; float: left; padding: 5px; height: 270px; width: 470px; } #purchaseContent h2 { margin-bottom: 10px; } #purchaseContent ul { list-style-type: none; margin: 20px 0px 20px 15px; } #purchaseContent li { background-color: transparent; background-image: url(../images/icons/accept.png); background-position: middle left; background-repeat: no-repeat; color: #313131; font-size: 1.2em; font-weight: bold; margin: 15px 0px 15px 0px; padding-left: 25px; } #stockistContainer { margin: 10px 0px 10px 0px; } #stockistContainer h3 { margin-bottom: 10px; } .missingField { border: 2px solid #990000; } .missingLabel { background-color: transparent; color: #990000; font-weight: bold; } .calendarAdvert { margin: 10px 0px 10px 0px; } .calendarAdvert h2 { margin-bottom: 10px; } .calendarContent { float: left; width: 75%; } .calendarImage { float: right; text-align: right; width: 25%; } .newsSourceContainer { margin: 20px 10px 20px 30px; } .newsSourceList { list-style-type: none; margin-left: 15px; } .newsSourceList li { margin: 5px 0px 5px 0px; } #videoPanel { margin: 10px auto 10px auto; width: 425px; } .contentBlock { background-color: #f5f5f5; background-image: url(../images/talent/bg.png); background-position: bottom left; background-repeat: no-repeat; border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; color: #313131; margin: 10px 0px 10px 0px; padding: 5px; } .talentContent { float: left; width: 500px; } .talentContent ul { margin: 10px 0px 10px 0px; padding-left: 25px; } .talentAdditional { float: right; width: 230px; } .imageFrame { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; } .venueContainer { background-color: #ffffff; color: #313131; height: 280px; padding: 5px; } .venue a { background-color: #cccccc; color: #545454 !important; display: block; font-weight: normal !important; padding: 5px; } .venue p a:hover { background-color: #f5f5f5 !important; } .venue span { font-weight: bold; } .more { font-weight: bold; text-align: right; } .more a { background-color: transparent; color:#464646; text-decoration: none; } .more a:hover { text-decoration: underline; }