@charset "utf-8"; /* ----- Font Styles ----- */ body, table, input, select, textarea, .normal { text-align: justify; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; } h1, h2, h3, h4, h5, h6 { text-align: left; } h1 { margin: 0 0 14px 0; font-size: 12px; color: #8BAC15; } h2 { margin: 0 0 12px 0; font-size: 12px; color: #8BAC15; } h3 { margin: 0 0 12px 0; font-size: 12px; color: #8BAC15; } h4 { margin: 0 0 10px 0; font-size: 12px; color: #8BAC15; } h5 { margin: 0 0 8px 0; font-size: 12px; color: #8BAC15; } h6 { margin: 0 0 6px 0; font-size: 12px; color: #8BAC15; } p { margin: 11px 0px; } .green_text { color: #92b920; } .large_24px_bold { font-weight: bold; font-size: 24px; } a { color: #92b920; font-weight: bold; } a:hover { color: #B0C85A; } /* ----- CSS Helpers ----- */ li.no_bg a { background: url(none) !important; } img, a img { border: none; } .clear { clear: both; } .float_elements_left { float: left; padding: 0 10px 10px 0; } .float_elements_left_no_pad { float: left; } .float_elements_right { float: right; padding: 0 0 10px 10px; } .float_elements_right_no_pad { float: right; } #imageData #imageDetails { color: #000; } /* makes photogallery description black */ select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 150px !important; color: #000 !important; } /* file attach must be styled manually */ input[type="checkbox"], input[type="radio"], input.productTextInput, select#CardExpiryMonth, select#CardExpiryYear { width: auto !important; } input[type="submit"], input[type="button"], input[type="image"] { text-align: center; /* for silly IE */ width: auto !important; color: #000 !important; } /*styles for submit buttons*/ .form_elements_auto { width: auto !important; } /*.altrow1 { if row colouring is required }*/ /*.altrow2 { if row colouring is required }*/ /* ----- Layout Styles ----- */ body { margin: 14px 0 0 0; padding: 0px; background-color: #000; } #container { margin: 0px auto; width: 800px; background-color: #fff; position: relative; } #back_to_top { position: absolute; right: 20px; } #back_to_top a { position: fixed; top: 75%; } #header {} #header_left { float: left; width: 640px; } #header_right { float: left; width: 160px; } #search { float: right; position: absolute; padding-left: 5px; top: 0px; left: 555px; width: 320px; z-index: 5; } #members_login {position:absolute;} #lost_pwd {position:absolute; left: 130px; top: 100px; z-index: 7;} a#media_page_button { background: url(../images/layout/media_page.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 83px; width: 150px; overflow: hidden; margin: 30px auto 0 auto; } a:hover#media_page_button { background-position: left bottom; } #nav { height: 28px; margin-right: 8px; margin-left: 8px; background: url(../images/layout/nav_link_bgs.gif) no-repeat 778px top; padding-right: 6px; } /*LVL 1*/ #nav ul { margin: 0; padding: 0;} #nav ul li { display: inline; position: relative; list-style: none; background: url(none); margin: 0px; padding: 0px; } /*LVL 2*/ #nav ul li ul { position: absolute; left: 0px; top: 16px; display: block; } #nav ul li:hover ul { display: block; } /*STYLES*/ #nav ul li a { background: url(../images/layout/nav_link_bgs.gif) no-repeat left top; text-decoration: none; height: 28px; display: block; float: left; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; line-height: 28px; padding-left: 6px; text-transform: uppercase; } #nav ul li#about_us_link a { width: 85px; } #nav ul li#links_link a { width: 71px; } #nav ul li#membership_link a { width: 177px; } #nav ul li#membership_benefits_link a { width: 159px; } #nav ul li#join_now_link a { background-position: left -28px; width: 125px; } #nav ul li#photo_gallery_link a { width: 125px; } #nav ul li#about_us_link a:hover, #nav ul li#links_link a:hover, #nav ul li#membership_link a:hover, #nav ul li#membership_benefits_link a:hover, #nav ul li#join_now_link a:hover, #nav ul li#photo_gallery_link a:hover { background-position: left bottom; } #footer_container{ background-color: #FFFFFF; width: 800px; margin: 0 auto; } #footer_container_logos {} #header_container{ background-color: #FFFFFF; width: 800px; margin: 0 auto; } #header_container_logos { float: right; } /* SECTION BANNERS */ #section_heading { margin-left: 7px; margin-top: 4px; } #section_banner { width: 588px; height: 42px; background-color: #CCC; display: block; float: left; } body#about_us #section_banner { background: url(../images/about_us/about_us_banner.jpg); } body#our_role #section_banner { background: url(../images/about_us/our_role_banner.jpg); } body#history #section_banner { background: url(../images/about_us/history_banner.jpg); } body#key_people #section_banner { background: url(../images/about_us/key_people_banner.jpg); } body#links #section_banner { background: url(../images/links/links_banner.jpg); } body#corporate_members #section_banner { background: url(../images/links/corporate_members_banner.jpg); } body#business_links #section_banner { background: url(../images/links/business_links_banner.jpg); } body#government_links #section_banner { background: url(../images/links/government_links_banner.jpg); } body#pay_membership_online #section_banner { background: url(../images/pay_membership_online/pay_membership_online_banner.jpg); } body#membership #section_banner { background: url(../images/membership/membership_banner.jpg); } body#standard_membership #section_banner { background: url(../images/membership/standard_membership_banner.jpg); } body#associate_membership #section_banner { background: url(../images/membership/associate_membership_banner.jpg); } body#group_membership #section_banner { background: url(../images/membership/group_membership_banner.jpg); } body#corporate_membership #section_banner { background: url(../images/membership/corporate_membership_banner.jpg); } body#gallery #section_banner { background: url(../images/gallery/gallery_banner.jpg); } body#media #section_banner { background: url(../images/media/media_banner.jpg); } body#total_human_capital_solutions #section_banner { background: url(../images/total_human_capital_solutions/total_human_capital_solutions_banner.jpg); } body#business_management_and_support #section_banner { background: url(../images/business_management_and_support/business_management_and_support_banner.jpg); } body#food_and_grocery #section_banner { background: url(../images/specialty_retail_sectors/banners/food_and_grocery_banner.jpg); height: 76px; } body#gifts_and_homeware #section_banner { background: url(../images/specialty_retail_sectors/banners/gifts_and_homeware_banner.jpg); height: 76px; } body#pets_and_pet_supplies #section_banner { background: url(../images/specialty_retail_sectors/banners/pets_and_pet_supplies_banner.jpg); height: 76px; } body#toys_and_hobbies #section_banner { background: url(../images/specialty_retail_sectors/banners/toys_and_hobbies_banner.jpg); height: 76px; } body#hardware #section_banner { background: url(../images/specialty_retail_sectors/banners/hardware_banner.jpg); height: 76px; } body#fashion_and_clothing #section_banner { background: url(../images/specialty_retail_sectors/banners/fashion_and_clothing_banner.jpg); height: 76px; } body#hair_and_beauty #section_banner { background: url(../images/specialty_retail_sectors/banners/hair_and_beauty_banner.jpg); height: 76px; } body#sports_and_recreation #section_banner { background: url(../images/specialty_retail_sectors/banners/sports_and_recreation_banner.jpg); height: 76px; } body#pharmacy_and_health #section_banner { background: url(../images/specialty_retail_sectors/banners/pharmacy_and_health_banner.jpg); height: 76px; } body#electrical_and_furniture #section_banner { background: url(../images/specialty_retail_sectors/banners/electrical_and_furniture_banner.jpg); height: 76px; } body#newsagencies #section_banner { background: url(../images/specialty_retail_sectors/banners/newsagencies_banner.jpg); height: 76px; } body#florists_and_wedding_retailers #section_banner { background: url(../images/specialty_retail_sectors/banners/florists_and_wedding_retailers_banner.jpg); height: 76px; } #side_nav { background: url(../images/layout/green_side_nav.jpg) no-repeat; float: left; width: 199px; height: 313px; margin-left: 7px; } #side_nav ul { margin: 0; padding: 0;} #side_nav ul li { display: inline; position: relative; list-style: none; background: url(none); margin: 0px; padding: 0px; } /*STYLES*/ #side_nav ul li a { text-transform: uppercase; font: bold 11px/29px Arial, Helvetica, sans-serif; color: #FFFFFF; display: block; height: 29px; width: 187px; text-decoration: none; text-align: right; padding-right: 12px; } #side_nav ul li a:hover { background: #999999 url(../images/layout/side_nav_ro.gif); } #media_releases_link { background: url(../images/media/view_all_media_releases_here.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 150px; width: 151px; overflow: hidden; float: right; margin-bottom: 10px; margin-left: 10px; } a:hover#media_releases_link { background-position: left bottom; } a#members_login_link { background: url(/images/specialty_retail_sectors/member_sign_in.jpg) no-repeat left top; text-indent: -9999px; display: block; height: 29px; width: 199px; overflow: hidden; } a:hover#members_login_link { background-position: left bottom; } #side_specialty { float: left; width: 199px; margin-left: 7px; } a#atmaac_ad { background: url(../images/specialty_retail_sectors/ATMAAC_ad.gif) no-repeat; text-indent: -9999px; display: block; height: 151px; width: 199px; overflow: hidden; } a:hover#atmaac_ad { background-position: left bottom; } #content { padding: 8px; } #content_general { padding: 20px; width: 552px; float: left; } #base_ad { text-align: right; padding: 0 5px 20px 0; float: right; width: 795px; } /* ----- Website Info Content Holder ----- */ #website_info{ margin: 0px auto; width: 989px; /*assuming width of page is 999px*/ } .float23{ float: left; width: 23%; } .float54{ float: left; width: 54%; } #text_align, #quadtech { float: left; } #quadtech a { display: block; height: 14px; width: 63px; overflow: hidden; background: url(/images/layout/quadtech_logo_light_smaller.png) no-repeat left top; } #quadtech a:hover { background-position: -63px top; } #text_links { padding-top: 10px; text-align: center; } #left_image {width: 199px; height: 463px; float:left;} #media_header {width: 792px; position: absolute;} #media_content {width: 574px; float: left; position: relative; padding: 50px 10px 10px 10px; } /* ----- Content Styles ----- */ .productitemcell { height:22px;/* double the height of body text */ } /* First row of specialty links on the home page*/ a#link_food_and_grocery { background: url(../images/home_page/food_and_grocery.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 88px; display: block; float: left; } a#link_gifts_and_homeware { background: url(../images/home_page/gifts_and_homeware.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 130px; height: 88px; display: block; float: left; } a#link_pets_and_pet_supplies { background: url(../images/home_page/pets_and_pet_supplies.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 88px; display: block; float: left; } a#link_toys_and_hobbies { background: url(../images/home_page/toys_and_hobbies.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 88px; display: block; float: left; } a#link_hardware { background: url(../images/home_page/hardware.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 130px; height: 88px; display: block; float: left; } a#link_fashion_and_clothing { background: url(../images/home_page/fashion_and_clothing.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 88px; display: block; float: left; } /* Second row of specialty links on the home page*/ a#hair_and_beauty { background: url(../images/home_page/hair_and_beauty.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 87px; display: block; float: left; } a#link_sports_and_recreation { background: url(../images/home_page/sports_and_recreation.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 130px; height: 87px; display: block; float: left; } a#link_pharmacy_and_health { background: url(../images/home_page/pharmacy_and_health.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 87px; display: block; float: left; } a#link_electrical_and_furniture { background: url(../images/home_page/electrical_and_furniture.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 87px; display: block; float: left; } a#link_newsagencies { background: url(../images/home_page/newsagencies.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 130px; height: 87px; display: block; float: left; } a#link_florists_and_wedding_retailers { background: url(../images/home_page/florists_and_wedding_retailers.gif) no-repeat left top; text-indent: -9999px; overflow: hidden; width: 131px; height: 87px; display: block; float: left; } a:hover#link_food_and_grocery, a:hover#link_gifts_and_homeware, a:hover#link_pets_and_pet_supplies, a:hover#link_toys_and_hobbies, a:hover#link_hardware, a:hover#link_fashion_and_clothing, a:hover#hair_and_beauty, a:hover#link_sports_and_recreation, a:hover#link_pharmacy_and_health, a:hover#link_electrical_and_furniture, a:hover#link_newsagencies, a:hover#link_florists_and_wedding_retailers { background-position: left bottom; } #home_flash_box { padding: 8px 0 0 0; float: left; } a#link_total_human_solutions { background: url(../images/layout/total_human_capital_solutions.gif) no-repeat left top; text-indent: -9999px; display: block; overflow: hidden; float: left; width: 216px; height: 225px; margin-top: 8px; } a#link_business_management_support { background: url(../images/layout/business_management_support.gif) no-repeat left top; text-indent: -9999px; display: block; overflow: hidden; float: left; width: 216px; height: 225px; margin-top: 8px; } a:hover#link_total_human_solutions, a:hover#link_business_management_support { background-position: left bottom; } /* Links image rollovers */ a#corporate_members_link { background: url(../images/links/corporate_members.jpg) no-repeat left top; display: block; height: 156px; width: 180px; text-indent: -9999px; overflow: hidden; } a#business_links_link { background: url(../images/links/business_links.jpg) no-repeat left top; display: block; height: 156px; width: 180px; text-indent: -9999px; overflow: hidden; } a#government_links_link { background: url(../images/links/government_links.jpg) no-repeat left top; display: block; height: 156px; width: 180px; text-indent: -9999px; overflow: hidden; } a:hover#corporate_members_link, a:hover#business_links_link, a:hover#government_links_link { background-position: left bottom; } /* Media Page Styles */ #media_nav { text-align: left; } /*LVL 1*/ #media_nav ul { margin: 0; padding: 0;} #media_nav ul li { display: block; list-style: none; background: url(none); margin: 0px; padding: 0px; float: left; } /*STYLES*/ #media_nav ul li a { padding: 0 3px 0 6px; background: url(../images/layout/media_nav_seperator.gif) no-repeat left center; }