/*------------------------------------------------------------- BARBIE GIRL SUBSCRIPTION'S PLACE ------------------------------------------------------------- Description: Common styles Filename: subscription_styles.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 */ /* ========================================================================// 1. BODY: These styles contain the setup for the background and body of the page. ========================================================================// */ #body_splash {margin:0; background-color:#ffa6d5; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d92888; font-size:12px;} p {margin:0;} input {height:17px; border:#CCCCCC solid 1px; margin-bottom:2px;} a {font-family:Verdana, Arial, Helvetica, sans-serif;} strong {font-weight:bold;} #header {height:195px; background-image:url(../../IMG/subscription/bg_splash_header.jpg)} #header2 {height:195px; width:774px; background-image:url(../../IMG/subscription/bg_splash_header.jpg); background-repeat:no-repeat; background-position:center;} #header_top_splash { padding-left:37px; padding-top:29px; vertical-align:top;} #header_bottom_splash {padding-left:43px; padding-top:44px; vertical-align:top;} #cont_1 { width:207px; text-align:right; vertical-align:top; float:left;} #cont_2 {vertical-align:top; width:357px; height:370px; float:left;} #cont_screen { height:230px; background-image:url(../../IMG/subscription/bg_splash_screen.gif); background-repeat:no-repeat;} #cont_3 {width:210px;float:left; vertical-align:top;} #footer_splash {text-align:center; padding:55px 0 0 0; background-image:url(../../IMG/subscription/bg_splash_footer.jpg); background-repeat:no-repeat; z-index:100; margin-top:-8px;#margin-top:-7px;} .breakeronly {clear:both;} /* ========================================================================// 2. COMMON TEXT: These styles contain the font faces.; ========================================================================// */ .txt_cont {font-size:12px; line-height:16px; color:#d92888;} #ttl1_header { text-align:center; font-size:14px; line-height:19px; color:#f4abd6; vertical-align:top;} #ttl_cont2 { text-align:center; font-size:14px; line-height:16px; color:#f4abd6; vertical-align:top; font-weight:bold; margin-bottom:16px;} #ttl2_header { text-align:center; font-size:14px; line-height:19px; color:#f4abd6; vertical-align:top;} #ttl3_header { text-align:center; font-size:13px; line-height:16px; color:#f4abd6; vertical-align:top;} #txt_cont3 { font-size:10px; line-height:12px; color:#f4abd6; vertical-align:top; padding-top:80px; padding-left:7px; } #txt2_cont3 { font-size:9px; line-height:12px; color:#ff0094; vertical-align:top; padding-top:18px; padding-left:30px; padding-bottom:20px;} #txt3_cont3 { font-size:10px; line-height:14px; color:#ffd4ee; vertical-align:top; font-weight:bold; padding:15px 0 0 10px; 10px; float:left;} #textSmallSplashPage { font-size:9px; line-height:12px; color:#ff0094; vertical-align:top; padding-top:18px; padding-left:30px; padding-bottom:20px;} .asterics{color: #f4abd6;} #lnk1_cont { text-align:center; font-size:11px; line-height:37px; color:#ff0094; font-weight:bold;} #lnk1_cont a { text-align:center; font-size:11px; line-height:37px; color:#ff0094; font-weight:bold; text-decoration:underline;} #ttl2_header { text-align:center; font-size:14px; line-height:18px; color:#f4abd6; vertical-align:top; height:40px;} .ttl_price {text-align:center; font-size:18px; line-height:23px; color:#f4abd6; font-weight:bold; padding-top:16px; padding-right:17px;} .txt_price {text-align:center; font-size:14px; line-height:17px; color:#f4abd6; font-weight:normal; padding-top:16px; padding-right:30px;} .txt_screen {text-align:center; font-size:14px; color:#000000; font-weight:normal; padding-top:100px;} #legal_txt2splash {text-align:center;margin-top:100px;} .txt_legal1splash {font-size:9px; line-height:15px; color:#9c0059; text-decoration:none;} .txt_legal1splash a {color:#9c0059; text-decoration:none } /* ========================================================================// 4. STRUCTURE: These styles contain the structure of the page. ========================================================================// */ #page_splash {position:absolute; left:50%; width:774px; margin:0 0 0 -387px; background-color:#ffa6d5; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d92888; font-size:12px;} #page_splash1 {position:absolute; left:50%; width:774px; margin:0 0 0 -387px;} #base_splash {width:774px; margin-left:167px;} #content_splash { background-image:url(../../IMG/subscription/bg_splash_content.jpg); background-repeat:repeat-y; background-position:left;display:block; width:774px; z-index:1000;} #content_splash2 { background-image:url(../../IMG/subscription/bg_splash_content.jpg); background-repeat:repeat-y; background-position:center;display:block; width:774px} .bg_splash {background:url(../../IMG/subscription/bg_splash_header.jpg) no-repeat top left;} #content2_splash { background-image:url(../../IMG/subscription/bg_splash_content2.jpg); background-repeat:repeat-y; background-position:left;display:block; width:503px; overflow:visible;} #content3_splash { background-image:url(../../IMG/subscription/bg_splash_content3.jpg); background-repeat:repeat-y; background-position:left;display:block; width:210px; overflow:visible;} #content2{ margin:0 0 0 29px; width:503px;} #content3{ width:210px;margin:0 0 0 5px; } .fix_float{float:left;} #top_content2_splash { background-image:url(../../IMG/subscription/bg_top_content2.jpg); background-repeat:no-repeat;background-position:top;display:block; width:503px; height:auto;} #top_content3_splash { background-image:url(../../IMG/subscription/bg_top_content3.jpg); background-repeat:no-repeat;background-position:top;display:block; width:210px; height:auto;} #bottom_content2_splash { background-image:url(../../IMG/subscription/bg_bottom_content2.jpg); background-repeat:no-repeat;background-position:bottom;display:block; width:503px; height:auto;} #bottom_content3_splash { background-image:url(../../IMG/subscription/bg_bottom_content3.jpg); background-repeat:no-repeat;background-position:bottom;display:block; width:210px; height:auto;} #pic_content2_splash { width:110px; height:341px; margin:41px 0 0 10px;} #cont_content2 {vertical-align:top; width:357px;margin:22px 23px 0 3px;} .pad_content2{ margin-top:8px;} .pad_content3{ padding:10px 0 0 16px; float:left;} .pic_price1 { width:128px; margin:0px 0 0 6px;} .pic_price2 { width:160px; margin:0px 0 0 6px;} .pic_price3{ width:193px; margin:0px 0 0 6px;} /* ========================================================================// 5. BOX STRUCTURE: These styles contain the structure of the boxes in the page. ========================================================================// */ #btn_go { background-image:url(../../IMG/subscription/bg_go.jpg); background-repeat:no-repeat;text-align:center; height:59px; padding-top:10px; padding-bottom:13px;} #btn_go3 { background-image:url(../../IMG/subscription/bg_go.jpg); background-repeat:no-repeat;text-align:center; height:63px; width:357px; padding-top:10px;} #btn_go2 { background-image:url(../../IMG/subscription/bg_go2.jpg); background-repeat:no-repeat;text-align:center; height:53px; padding-top:10px;} #price1 { height:62px; background-image:url(../../IMG/subscription/bg_splash_price.jpg); background-repeat:no-repeat; margin-top:10px; padding-right:20px;text-align:center; vertical-align:top;} #price2 { height:62px; background-image:url(../../IMG/subscription/bg_splash_price.jpg); background-repeat:no-repeat;text-align:center; vertical-align:top;} #price3 { height:62px; background-image:url(../../IMG/subscription/bg_splash_price.jpg); background-repeat:no-repeat; text-align:center; vertical-align:top;} #bg_dog { background-image:url(../../IMG/subscription/bg_dog.gif); background-repeat:no-repeat; height:127px; vertical-align:bottom;} #check {vertical-align:top; width:774px; text-align:center;} #check check {margin:auto;} #cont_more2 {vertical-align:top; text-align:center; width:774px;} #cont_more2 cont_more2 {margin:auto;} #more_info {vertical-align:top; text-align:center; float:left;} #table {vertical-align:top; width:774px; text-align:center;} #table table {margin:auto;} #bg_top_table { background-image:url(../../IMG/subscription/bg_moreInfo_top.gif); background-repeat:no-repeat; height:24px;} .ttl_table { text-align:left;font-size:12px; color:#ffffff; font-weight:bold; line-height:24px; padding-left:30px;} .bg_cell_table { background-image:url(../../IMG/subscription/bg_moreInfo_cell.gif); background-repeat:repeat-y; height:20px;} .txt_table { text-align:left; font-size:10px; line-height:22px; color:#c7388b; font-weight:bold; padding-left:30px;} .txt_table2 { text-align:left; height:34px; font-size:10px; line-height:14px; color:#c7388b; font-weight:bold; padding-left:30px; padding-top:5px;} .img_check { background-image:url(../../IMG/subscription/img_check.gif); background-repeat:no-repeat; text-align:center;} .img_check2 { background-image:url(../../IMG/subscription/img_check2.gif); background-repeat:no-repeat; text-align:center;} #note_developers {text-align:center; font-size:10px; color:#0cfe00; font-weight:bold; padding-bottom:19px; padding-top:10px; vertical-align:top;} /* ========================================================================// 6. MENU: These styles contain the structure of the top menu. ========================================================================// */ /* ========================================================================// 7. SR LAYERS: These styles contain the structure of the SR layers. ========================================================================// */