/*------------------------------------------------------------- McCormick Grill Mates ------------------------------------------------------------- Description: Common styles Filename: global.css Version: 1.0 Date: Abr 16, 2008 ------------------------------------------------------------- */ /* ========================================================================// Index of styles used in specific elements and components for the BARBIE GIRL SUBSCRIPTION'S PLACE website within this CSS. 1. BODY 2. COMMON TEXT 3. LINKS 4. STRUCTURE 5. BOX STRUCTURE 6. MENU Used in: All files but popups ========================================================================// */ /* ========================================================================// COMMON PREFIXES: ========================================================================// ttl: title subttl: subtitle subttllnk: subtitle link cont: content txt: text lnk: links ctn: containers box: boxes fld: fields img: images bg: backgrounds drop: dropdown dash: line tbl: table pos: positioning ctnr: container */ img, div { behavior: url(../css/iepngfix.htc) } /* ========================================================================// 1. BODY: These styles contain the setup for the background and body of the page. ========================================================================// */ body {background:#000 url(../images/bg.jpg) no-repeat center top;_background:#000 url(../images/bg2.jpg) no-repeat center top;font:12px Arial, Helvetica, sans-serif;} #bg{background:#000 url(../images/bg3.jpg) no-repeat center top;_background:#000 url(../images/bg4.jpg) no-repeat center top;} /* ========================================================================// 2. COMMON TEXT: These styles contain the font faces. ========================================================================// */ .txt_ttl {font-weight:bold;color:#fff;} .txt_ttl2 {font-weight:bold;color:#fff; font-size:17px;} .txt_ttl3 {font-weight:bold;color:#fff; font-size:18px;} .txt_ttl4 {font-weight:bold;color:#fff; font-size:13px;} .txt_ttl5 {font-weight:bold;color:#fff; font-size:20px; line-height:25px;} .txt_ttl20 {font-weight:bold;color:#fff; font-size:18px; line-height:19px;} .txt_cont {font-weight:normal;color:#ffcc99; line-height:15px;} .txt_cont2 {font-weight:normal;color:#ffcc33;} .txt_cont2 a {color:#ffcc33; text-decoration:none; } .txt_cont2 a:hover {text-decoration:underline;} .txt_cont3 {font-weight:normal;color:#FFCC99;} .txt_legal {font-size:11px; line-height:11px; color:#4c4d3c; text-decoration:none;} .txt_legal a {color:#4c4d3c; text-decoration:none; } .txt_legal a:hover {text-decoration:underline;} /*McCormick Grill Mates PART II*/ .txt_ttl6 {font-weight:bold;color:#fff; font-size:20px; line-height:19px;} .txt_ttl7{color:#ff3333; text-decoration:none; } /* ========================================================================// 4. STRUCTURE: These styles contain the structure of the page. ========================================================================// */ #container {width:960px; position:absolute;left:50%;margin:0 0 0 -480px;} #masthead_top {width:960px;background-color:#000; text-align:right;} #masthead_top img{display:block;} #mastheadleft_top{text-align:left;float:left;width:236px;height:79px;} #mastheadleft_top img {margin-top:0px;} #mastheadcenter_top {float:left; width:724px; height:79px;} #masthead_bottom {width:960px;background-color:#000; text-align:right;} #masthead_bottom img{display:block;} #mastheadleft_bottom{text-align:left;float:left;width:236px;height:58px;} #mastheadleft_bottom img {margin-top:0px;} #mastheadcenter_bottom {float:left; width:724px; height:58px;} #mastheadright {float:left;width:219px;height:58px;} #content {width:960px;height:640px;background:#000 url(../images/bg_cont.gif) no-repeat top;} #content_home {width:960px;height:486px;background:#000 url(../images/bg_cont_home.gif) no-repeat top;} #bg_bottom_home {width:940px;height:204px;background:#000 url(../images/bg_bottom_home.jpg) no-repeat top left;} #right_content {float:left;display:inline;width:960px;} #content_ttl{float:left;width:582px;height:113px;} #content2_ttl{float:left;width:696px;height:118px;} #content3_ttl{float:left;width:720px;height:118px;} #content4_ttl{float:left;width:892px;height:118px;} #content_pic {float:left; width:310px; height:113px;} #content_pic2 {float:left; width:196px; height:118px;} #content_pic3 {float:left; width:172px; height:118px;} .content_sp {width:68px;background:url(../images/blank.gif) left top no-repeat;height:1px;float:left;} .content_sp2 {width:68px;background:url(../images/blank.gif) left top no-repeat;height:1px;float:left;} .content_sp3 {width:74px;background:url(../images/blank.gif) left top no-repeat;height:1px;float:left;} .mastcont_bottom {width:960px;text-align:right;} .mastcont_bottom img {display:block;} .mastcont_home {width:940px;padding:3px 10px 0 10px;} #mastcontright {float:left;width:256px;height:41px;} .breakeronly {clear:both;} #content_tab {width:818px;background:#392612 url(../images/bg_cont2.jpg) no-repeat top;float:left; text-align:left;} #content2_tab {width:818px;background:#392612 url(../images/bg_cont3.jpg) no-repeat top;float:left; text-align:left;} #content3_tab {width:818px;background:#392612 url(../images/bg_cont4.jpg) no-repeat top;float:left; text-align:left;} #content4_tab {width:818px;background:#392612 url(../images/bg_cont5.jpg) no-repeat top;float:left; text-align:left;} #content5_tab {width:818px;background:#392612 url(../images/bg_cont6.jpg) no-repeat top;float:left; text-align:left;} #content6_tab {width:818px; height:476px; background:url(../images/bg_cont7.jpg) no-repeat top;float:left; text-align:left;} #content7_tab {width:818px; height:476px; background:url(../images/4thofJuly_background.jpg) no-repeat top;float:left; text-align:left;} #content_border_tab {float:left; width:818px; height:5px;} #content_tab_pic {float:left; width:74px; height:66px;} #content_tab_pic2 {float:left; width:74px; height:250px;} #content_tab_pic3 {float:left; width:74px; height:363px;} .table {padding:21px 84px 0 41px; float:left;} .table_1{border: 1px solid #ffcc99; text-align:left; padding:1px 1px 1px 5px;} .table2 {float:left; padding-right:20px; padding-top:28px;} .table3 {padding:21px 60px 0 41px;float:left;} .table4 {padding:30px 60px 10px 41px;#padding:15px 60px 40px 41px;float:left;} .table5 {float:left; padding-right:30px; padding-top:28px;} .table6 {padding:28px 0 10px 107px;#padding:28px 0 25px 107px;float:left;} .table7 {float:left; padding-right:41px; padding-top:28px;} .table8 {float:left; padding-right:41px; padding-top:4px;} .table9 {padding:28px 0 10px 107px;#padding:10px 0 25px 107px;float:left;} .table10 {padding:0 46px 0 0;float:left;width:214px;} .table10 p { margin-bottom:13px;} .table10 li { list-style:disc; } .table10 ul { padding-left:13px;} #table14 {padding:0 46px 30px 0;float:left;width:214px;} #table14 p { margin-bottom:17px;} #table14 li { list-style:disc; } #table14 ul { padding-left:13px;} .table12 {float:left;width:190px;} .table12 p { margin-bottom:13px;} .table12 li { list-style:disc;} .table12 ul { padding-left:13px;} .table11 {padding:40px 0 0 215px;float:left;} .table13 {padding:37px 0 0 227px;float:left;} .table15 {padding:13px 0 10px 16px;float:left;} .table15 li { list-style:disc;} .table15 ul { padding-left:13px;} .table16 {padding:18px 10px 0 18px;float:left;display:inline;} .table16 li { list-style:disc;} .table16 ul { padding-left:13px;} .margin { margin-bottom:11px;} .margin2 { margin-bottom:5px;} .margin3 { margin-bottom:3px;} .table17 {float:left; padding-right:20px;} .table18 {padding:24px 0 0 11px;float:left; width:397px;} .table18 li { list-style:disc;} .table18 ul { padding-left:13px;} .table19 {float:left;} .table20 { margin-top:5px;float:left;} .table22 { margin-top:25px; float:left;} .table21 {padding:24px 10px 0 10px;float:left; width:380px; border-left-color:#000; border-left:solid 1px;} .table21 li { list-style:disc;} .table21 ul { padding-left:13px;} .table23 {padding:17px 350px 23px 23px;float:left;} .table23_p { padding-bottom:15px;} .table24{padding:9px 10px 0 9px;float:left;} .table25 {padding:22px 13px 0 0;float:left;width:185px;} .table25 p { margin-bottom:13px;} .table25 li { list-style:disc; } .table25 ul { padding-left:13px;} .table26 {float:left; padding:0px 10px 0 0;} .table27 {float:left;width:230px; padding-top:22px;} .table27 p { margin-bottom:13px;} .table27 li { list-style:disc;} .table27 ul { padding-left:13px;} .table28 {float:left;width:160px; padding-top:28px;} .table29 {padding:10px 10px 10px 9px;float:left;} .table30 {float:left;width:151px; padding-top:57px; text-align:right;} .table32 {float:left;width:182px; padding-top:100px; text-align:right;} .table33 {float:left;width:180px; padding-top:95px; text-align:right;} .table31 {float:left;width:190px;padding-left:15px; } .table67 {float:left;width:180px; padding-top:77px; text-align:right;} .table68 {float:left;width:140px;padding-left:15px; } .table69 {float:left;width:166px; padding-top:77px; text-align:right;} #content_food {float:left; width:818px; height:92px;} #mastcont_food {width:818px;text-align:right; padding:13px 74px 0 68px;} #mastcont_food img {display:block;} .line {float:left; display:inline; width:818px;vertical-align:bottom;border-bottom-color:#000;border-bottom:solid 1px;padding-top:22px; #padding-top:16px;} .line2 {float:left; display:inline; width:818px;vertical-align:bottom;border-top-color:#000;border-top:solid 1px;} .line3 {float:left; display:inline; width:818px;vertical-align:bottom;border-bottom-color:#000;border-bottom:solid 1px;padding-top:27px;} .line4 {float:left; display:inline; width:818px;vertical-align:bottom;border-bottom-color:#000;border-bottom:solid 1px;padding-top:18px; #padding-top:0px; } .line5 {float:left; display:inline; width:818px;vertical-align:bottom;border-bottom-color:#000;border-bottom:solid 1px;padding-top:25px; #padding-top:10px } #content_bottom {width:609px; padding:19px 23px 19px 186px;} #content_bottom p { margin-bottom:17px;} #content_bottom li { list-style:disc; margin-bottom:15px;} #content_bottom ul { padding-left:13px;} #content4_bottom {width:609px; padding:19px 23px 23px 186px;} #content4_bottom p { margin-bottom:17px;} #content4_bottom li { list-style:disc; margin-bottom:15px;} #content4_bottom ul { padding-left:13px;} .content2_bottom {width:648px; padding:19px 70px 19px 100px;} .content2_bottom li { list-style:disc; margin-bottom:15px;} .content2_bottom ul { padding-left:13px;} .content3_bottom {width:648px; padding:36px 70px 19px 72px;#padding:16px 70px 19px 72px;} .content3_bottom li { list-style:disc; margin-bottom:15px;} .content3_bottom ul { padding-left:13px;} .celpad{padding-right:30px;} .celpad2{padding-bottom:10px;} #footer {width:820px; margin-bottom:20px;padding:14px 70px 0 68px;} #footer2 {width:935px; margin-bottom:20px;padding:20px 2px 0 11px;} #legal_txt {width:570px;text-align:left; float:left;} #legal_txt p { margin-bottom:6px;} #logo {float:left; width:248px; height:41px; text-align:right;} #logo2 {float:left; width:248px; height:41px; text-align:right; padding-left:120px;} #content_footer {width:818px;} #content_footer2 {width:940px;} #med_area_image {position:absolute;background:url(../images/grill.jpg) no-repeat top; height:157px; width:165px;left:-05%;margin:2px 0 0 56px;} #med_area_image2 {position:absolute;background:url(../images/grill2.jpg) no-repeat top; height:229px; width:130px;left:-05%;margin:2px 0 0 74px;} #med_area_image3 {position:absolute;background:url(../images/pic_thermometer.jpg) no-repeat top; height:191px; width:164px;right:1%;margin:20px 7px 0 0px;#margin:4px 6px 0 0px;} #med_area_image4 {position:absolute;background:url(../images/pic-steak.png) no-repeat top; height:169px; width:264px;left:-05%;margin:40px 0 0 73px;} #med_area_image5 {position:absolute;background:url(../images/pic-burger.png) no-repeat top; height:153px; width:246px;left:-05%;margin:40px 0 0 79px;} #med_area_image6 {position:absolute;background:url(../images/pic-chicken.png) no-repeat top; height:140px; width:269px;left:-05%;margin:40px 0 0 60px;} #med_area_image7 {position:absolute;background:url(../images/pic-seafood.png) no-repeat top; height:171px; width:294px;left:-05%;margin:40px 0 0 49px;} .pic_ribs {width:345px; height:218px; padding-top:40px; padding-left:5px;float:left;} /*McCormick Grill Mates PART II*/ #bg_bottom_home2 {width:940px;height:204px;background:#000 url(../images/bg_bottom_home.jpg) no-repeat top left;} #bg_bottom_home3 {width:940px;height:204px;background:#000 url(../images/bg_bottom_home_5.jpg) no-repeat top left;} .table34 {float:left;width:187px;padding:0px 0 0 0px;} .table35 {float:left;width:172px; padding-top:82px; text-align:right;} .table36 {float:left;width:172px; padding-top:125px; text-align:right;} .table40 {float:left;width:172px; padding:0px 0 0 10px;} .table46 {float:left;width:172px; padding-top:125px; text-align:right;} .table66 {float:left;width:172px; padding-top:70px; text-align:right;} #content5_ttl{float:left;width:265px;height:118px;} #content6_ttl{float:left;width:219px;height:122px;} #content_ttlrule {float:left; width:553px; height:122px; background-color:#472d16} #content_ttlrule_2 {float:left; width:599px; height:122px;} #content_ttlrule {float:left; width:553px; height:122px; background-color:#472d16} .table37 {padding:35px 75px 0 35px;} #content_rules {width:818px;background:#63401f url(../images/bg_cont.jpg) no-repeat top;float:left; text-align:left;} #content_rules_btn {padding:50px 0 15px 0;} .txt_center {text-align:center} #content_giveaway {width:818px; height:477px; background:url(../images/bg_giveaway.jpg) no-repeat top;float:left; text-align:left;} #content_giveaway2 {width:818px; height:477px; background:url(../images/bg_giveaway_THANKS.jpg) no-repeat top;float:left; text-align:left;} .tablegiveaway {padding:28px 310px 23px 190px;float:left;} .tablegiveaway6 {padding:13px 310px 23px 190px;float:left;} .tablegiveaway2{padding:3px 18px 0 65px;float:left;} .margin_box{margin-top:3px; margin-bottom:12px;} .tablegiveaway3 {padding:0px 13px 0 0;float:left;width:230px;} .tablegiveaway4{padding:0 10px 0 61px;float:left;} .giveaway_margin { margin-bottom:2px;} .giveaway_margin2 { margin-bottom:4px;} .giveaway_margin_btn { margin:25px 17px 0 146px; } .giveaway_margin_btn2 { margin:8px 17px 0 68px; } .content_sp2 h1 {display:none;} .tablegiveaway_error {padding:7px 8px 8px 9px; width:410px;float:left; margin:3px 0 7px 53px;border:solid #ff3333; border-width:1px;} .giveaway_pad{padding-top:34px; #padding-top:5px; _padding-top:37px; } #med_area_txt{position:absolute; margin:693px 0 0 95px;} .select{height:20px;} /* ========================================================================// 5. BOX STRUCTURE: These styles contain the structure of the boxes in the page. ========================================================================// */ /* ========================================================================// 6. MENU: These styles contain the structure of the top menu. ========================================================================// */ #tab1 {width:142px;height:41px;float:left;display:inline;cursor:pointer;} #tab2 {width:175px;height:41px;float:left;display:inline;cursor:pointer;} #tab3 {width:167px;height:41px;float:left;display:inline;cursor:pointer;} #tab4 {width:152px;height:41px;float:left;display:inline;cursor:pointer;} a#menu1{width:185px;height:58px;background:url(../images/menu1.jpg) top left;display:block;float:left;} a#menu1:visited{width:185px;height:58px;background:url(../images/menu1.jpg) top left;display:block;} a#menu1:hover{width:185px;height:58px;background:url(../images/menu1.jpg) bottom left;display:block;} a#menu1 span{display:none;} a#menu2{width:160px;height:58px;background:url(../images/menu2.jpg) top left;display:block;float:left;} a#menu2:visited{width:160px;height:58px;background:url(../images/menu2.jpg) top left;display:block;} a#menu2:hover{width:160px;height:58px;background:url(../images/menu2.jpg) bottom left;display:block;} a#menu2 span{display:none;} a#menu3{width:160px;height:58px;background:url(../images/menu3.jpg) top left;display:block;float:left;} a#menu3:visited{width:160px;height:58px;background:url(../images/menu3.jpg) top left;display:block;} a#menu3:hover{width:160px;height:58px;background:url(../images/menu3.jpg) bottom left;display:block;} a#menu3 span{display:none;} .table32 { float:left;width:140px;padding-left:15px; } /* top 10 page content */ /* over-ride */ * html #top10 #content_home{margin:0 0 0 -5px;} /* top 10 rules */ .top10flame{margin:-3px 0 0 -10px;background:transparent url(../images/top10_top.jpg) 0 0 no-repeat;width:960px;height:118px;} .top10content{background:transparent url(../images/top10_content.jpg) 0 0 no-repeat;width:818px;height:476px;margin-left:58px;position:relative;} .top10content .blurb{position:absolute;top:20px;left:25px;width:445px;} .top10content .blurb b{display:block;padding-bottom:3px;color:#fff;font-weight:bold;font-size:16px;line-height:18px;} .top10content .blurb p{margin:0;padding:0 0 0 2px;font-size:12px;line-height:15px;color:#e6b686;} .top10content .list{position:absolute;left:25px;top:95px;width:500px;} .top10content h2{margin:0;padding:0 0 12px 0;color:#fff;font-size:30px;font-weight:bold;line-height:32px;} .top10content .list ol{list-style:none;margin:0 0 0 90px;font-weight:bold;color:#fff;font-size:18px;} .top10content .list ol li a{font-size:12px;text-decoration:none;color:#ebb632;font-weight:normal;margin-left:8px;} .top10content .list ol li{padding-bottom:1px;} .top10foot{background:transparent url(../images/top10_foot.jpg) 0 0 no-repeat;width:818px;height:92px;margin:13px 0 0 59px;} /* Holiday Cook Out Update */ /* rules */ #recipes{position:absolute;width:564px;top:128px;left:24px;} #mainCourses, #sidesAndStuff{height:125px;} #mainCourses img, #sidesAndStuff img{float:left;} #mainCourses ul, #sidesAndStuff ul{float:left;padding-left:10px;} #mainCourses ul li, #sidesAndStuff ul li{margin:0;} #mainCourses ul li a, #sidesAndStuff ul li a{font-size:12px;text-decoration:none;color:#ebb632;font-weight:normal;} .recipesTitle{color:#fff;font-size:12px;font-weight:bold;margin:10px 0 10px 0;} #sidesAndStuff{clear:left;margin-top:30px;}