/* CSS Document */ /*--------------------- START CSS RESET ---------------------*/ #calloutArea {width:200px;float:left;padding-left:25px; border-left-width: thin; border-left-style: solid; border-left-color: #CCCCCC;} #contentMain {width:540px;float:left;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,p,table,th,td,embed,object{padding:0;margin:0;} table{border-spacing:0;font-size:11px;} fieldset,img,abbr{border:0;} ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:1.0em;font-weight:bold;margin:0px;padding:0px;} q:before,q:after{content:'';} a,ins{text-decoration:none;} /*--------------------- END CSS RESET ---------------------*/ /*img path: background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/imageName) this one only works in css another path to try: {media_url}{design_content}imageName -this only works in the templates ------------------------------------------------------------------------------------------------------------ /* MASTERMIND MICRO-SITE STYLES PALETTE */ body { font:14px Helvetica, Arial, sans-serif !important; padding:0; margin:0 auto; background: url(/images/pressman_BG.gif) center top no-repeat #00237c; } td th { font-family: Arial Black, Arial, sans-serif !important; } /*--------------------- START CLEARFIX ---------------------*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } * html .clearfix { height:1% } .clearfix { display:block; } .clear { clear:both; } /*--------------------- END CLEARFIX ---------------------*/ /*--------------------- START TEXT ELEMENTS ---------------------*/ h1 { font-family:Arial Black, Arial, san-serif; font-size: 14px; color:#cc0000; padding:0 0 18px 0; margin:0; } h2 { font-family:Arial Black, Arial, san-serif; font-size: 12px; } h3 { font-family:Arial Black, Arial; font-size: 14px; color:#00237c; padding:0; margin:0; } h3.width100 { width:100%; } h4 { font-size: 11px; font-weight: bold; color:#494a44; } h5 { font-size: 11px; font-weight: normal; color:#494a44; padding:0px; margin:0px; } h6 { font-size: 12px; font-weight: bold; line-height: 15px; color:#494a44; } p { padding:0; margin:0;} ul { list-style-position: outside; list-style-type: none; } ol { padding-left:2em; list-style-position: outside; list-style-type: decimal; } a:link { color: #00237c; text-decoration: none; } a:visited { color: #00237c; text-decoration: none; } a:hover { color: #ff9200; text-decoration: none; } a:active { color: #00237c; text-decoration: none; } .bold { font-weight:bold; } .right { float:right; } .left { float:left; } .nowrap { white-space:nowrap; } .hr { height:1px; color:#d6d6d6; padding: 0; margin: 0 auto; } /*--------------------- END TEXT ELEMENTS -------------------*/ /*--------------------- START GLOBAL LAYOUT ---------------------*/ #container { width:971px; padding:0; margin:0 auto; } #contained { width:571px; padding:0; margin:0 auto; float:left;} #header { width:971px; height: 194px; padding:0; margin:0; padding:0; margin:0; background: url(/images/mastermind_header.jpg) 0 0 no-repeat;} /*http://media.shopatron.com/media/mfg/2422/design_content/1/*/ #signUp { width:174px; height:50px; padding:88px 0 0 258px; margin:0; } .textField_signUp { background-color:fff; border:1px solid #00237c; margin:0; padding:0; width:117px; } .textField { font-size:11px; color: #237c00; padding:3px 0 0 5px; } /* --------------------- new menu ------------ */ #access ul { padding:0 115px; margin:0; } #accesss li { float:left; display:block; padding:0; margin:0; } #menu-item-111, #menu-item-110, #menu-item-109, #menu-item-108 , #menu-item-112 { height:49px; display:block; padding:0; margin:0; } #menu-item-111 /*home*/ { width:120px; padding:0; margin:0; background: url(/images/mastermind_homeoff.gif) 0 0 no-repeat; } #menu-item-110 /*editions*/ { width:164px; padding:0; margin:0; background: url(/images/mastermind_editionsoff.gif) 0 0 no-repeat; } #menu-item-109 /*community*/ { width:164px; padding:0; margin:0; background: url(/images/1/mastermind_communityoff.gif) 0 0 no-repeat; } #menu-item-108 /*history*/ { width:153px; padding:0; margin:0; background: url(/images/mastermind_historyoff.gif) 0 0 no-repeat; } #menu-item-112 /*buy now*/ { width:140px; padding:0; margin:0; background: url(/images/mastermind_buyNowoff.gif) 0 0 no-repeat; } #menu-item-111:hover { background: url(/images/mastermind_homeon.gif) 0 0 no-repeat; } #menu-item-110:hover { background: url(/images/mastermind_editionson.gif) 0 0 no-repeat; } #menu-item-109:hover { background: url(/images/mastermind_communityon.gif) 0 0 no-repeat; } #menu-item-108:hover { background: url(/images/mastermind_historyon.gif) 0 0 no-repeat; } #menu-item-112:hover { background: url(/images/mastermind_buyNowon.gif) 0 0 no-repeat; } /* =Menu -------------------------------------------------------------- */ #access .menu-header { } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float:left; position: relative; } #access a { display:block; font-size: 16px; font-weight: bold; color: #FFFFFF; text-align: center;margin-top:8px; line-height:38px; } #access ul ul { display:none; position:absolute; top:38px; left:-55px; float:left; width: 100px; z-index: 99999; } #access ul ul li { min-width: 140px; background-color:FCCB00; } #access ul ul ul { left:100%; top:0; } #access ul ul a { /* background:#333; */ height:auto; line-height:1em; padding:10px; width: 160px; } #access ul ul li a { background:#333; height:auto; line-height:1em; padding:10px; width: 160px; background-color:red; } .submenu li a {} #access ul ul li :hover > a { color: #FFFF00; background:#333; } #access ul li:hover > ul { display:block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #fff; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color:#fff; } #access ul { padding:0 115px; margin:0; } #access li { float:left; display:block; padding:0; margin:0; } #access a:hover { color: #FFFF00;} /* ---------------end of access ---------- */ #content { position:relative; width:971px; padding:0; margin:0; } *html #content { } /*http://media.shopatron.com/media/mfg/2422/design_content/1/*/ #bodyBgHead { padding:0; margin:0; background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/mastermind_bodyBgTop.gif) 0 0 no-repeat;} /*http://media.shopatron.com/media/mfg/2422/design_content/1/*/ #bodyBg { padding:0; margin:0; background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/mastermind_bodyBG.gif) 0 0 repeat-y;} /*http://media.shopatron.com/media/mfg/2422/design_content/1/*/ .col1Pad { padding:39px 0 5px 52px; } #partNum_page, #privacy_pages, #contact_page, #search_page { width:860px; padding:39px 55px 39px 52px; margin:0 auto; } .col1Pad .crumb { width:28px; height:9px; padding:0; margin:0; } .col1Pad ul#breadcrumbs { width:300px; padding:0; margin:0; } .col1Pad ul#breadcrumbs li { float:left; font-size:10px; color:#00237c; text-transform:uppercase; } .col1Pad ul#breadcrumbs a { color:#fccb00; text-decoration:none; } .col1Pad ul#breadcrumbs a:visited { color:#fccb00; text-decoration:none; } .col1Pad ul#breadcrumbs a:hover { color:#00237c; text-decoration:underline; } .col1Pad ul#breadcrumbs a:active { color:#fccb00; text-decoration:none; } .list_info .additional { padding:17px 0 0 0; margin:0 } .additional { padding:17px 0 0 0; margin:0 } .alt1, .alt2, .alt3, .alt4 { float:left; width:80px; height:80px; border:1px solid #fccb00; background-color:#fff; padding:0; margin:0; } .alt_spacer { float:left; width:12px; height:80px; } /*---------------------FOOTER ELEMENTS BELOW----------------------- */ #footer { height:185px; width:971px; padding:0; margin:0; background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/mastermind_footer_TV.gif) 0 0 no-repeat; } /*http://media.shopatron.com/media/mfg/2422/design_content/1/mastermind_footer_plain.gif is FOOTER version without TV icon*/ #tv_icon { float:left; height:115px; width:88px; padding:0; margin:0; } #hasbro_copyright { color:#00237C; font-size:11px; margin:0 auto; padding:18px 0 0 145px; width:500px; } #shopping_info { float:left; height:40px; margin:0 auto; padding:40px 0 10px 220px; width:545px; } #shopping_info ul { } #shopping_info li { display:inline; font-size:12px; color:#fff; text-transform:none; } #shopping_info a { padding: 0px; } #shopping_info a:link { color: #00237c; text-decoration: none; } #shopping_info a:visited { color: #00237c; text-decoration: none; } #shopping_info a:hover { color: #ff0000; text-decoration: none; } #shopping_info a:active { color: #00237c; text-decoration: none; } #shopping_info .bullet { height: 12px; width:27px; padding:0; margin:0; } #shopCopy { width:600px; padding:0px; margin:0 auto; } #shopLogo { float:left; width:100px; height:21px; padding:0; margin:0; } #copyright { float:left; width:439px; font-size:10px; font-weight:normal; line-height:14px; color:#fff; padding:0 0 0 20px; margin:-2px 0 0 0; } /*http://media.shopatron.com/media/mfg/2422/design_content/1/*/ /*---------------------------------------------------- #shopLogo mastermind version: background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/o_shopatron_s-00237c.gif) 0 0 no-repeat; K version: background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/blk_shopatron_s.gif) 0 0 no-repeat; W version: background: url(http://media.shopatron.com/media/mfg/2422/design_content/1/o_shopatron_s.gif) 0 0 no-repeat ------------------------------------------------------*/ /*--------------------- END GLOBAL LAYOUT ---------------------*/ /*--------------------- START HOME PAGE ---------------------*/ #photoHold { background-color:#FFFFFF; border:1px solid #FCCB00; float:right; padding:0 0 20px 20px; width:400px; } #home_main_photo { width:398px; padding:0; margin:0; } #home_description { float:left; font-size:14px; line-height:18px; margin:0; padding:12px 0 0; text-align:left; width:340px; } #home_description h1 { font-size:14px; color:#cc0000; } #freeOffer { float:left; } /*--------------------- END HOME PAGE ---------------------*/ /*--------------------- START EDITIONS PAGE ---------------------*/ #edition_list { width:796px; padding:0; margin:0; } #list_version1 { padding:0 0 20px 0; border-bottom:1px solid #fccb00; } #list_version2, #list_version3, #list_version4, #list_version5, #list_version6 { padding:20px 0; border-bottom:1px solid #fccb00; } #list_version6 { padding:20px 0; } .list_photo { float:left; width:277px; border:1px solid #fccb00; padding:0; margin:0; } .list_info { float:right; width:492px; padding:0; margin:0; } .list_info h1 { color:#cc0000; padding:0 0 18px 0; margin:0; } .buy_hold { float:right; width:126px; padding:0; margin:0; } .buy_btn { padding:5px 0 0 0; } .price { color:#00237c; } /*--------------------- END EDITIONS PAGE ---------------------*/ /*--------------------- START COMMUNITY PAGE ---------------------*/ #community_info { } #community_info h1 { color:#00237c; padding:0 0 18px 0; margin:0; } #kids1 { float:right; width:398; padding:0; margin-left:10px; border:1px solid #fccb00; } #fingerboard { float:left; width:302; height:201; margin:20px 20px 0 0; border:1px solid #fccb00; } #classroom { float:left; width:449px; padding:0 20px 0 0; } #classicToy { float:right; width:487; padding:0 0 0 20px; } /*--------------------- END COMMUNITY PAGE ---------------------*/ /*--------------------- START HISTORY PAGE ---------------------*/ #history_info { } #history_info h1 { color:#00237c; padding:0 0 18px 0; margin:0; } #history_70sBox { float:left; width:134; height:300px; margin:0 20px 20px 0; border:1px solid #fccb00; } #history_70sSet { float:right; width:169; height:179px; margin:0 0 20px 20; border:1px solid #fccb00; } #history_brownPegBoard { float:right; width:125px; margin:0 0 0 20px; border:1px solid #fccb00; } #history_newPegBoard { float:right; width:150px; margin:0 0 0 20px; border:1px solid #fccb00; } #history_modernBoard { float:right; width:398px; margin:0; } /*--------------------- END HISTORY PAGE ---------------------*/ /*--------------------- START GIVEAWAY PAGE ---------------------*/ #photo_group { float:left; width:398px; } #form_left { float:left; width:330px; padding:40px 0 0 30px; } .limited_text { color:#00237C; font-size:12px; line-height:16px; padding:0; margin:-10px 0 0 0; } .required { font-size:12px; color:#ff0000; } .caption { font-size:10px; color:#000; } #field_notes { font-size:10px; color:#000; } /*--------------------- END GIVEAWAY PAGE ---------------------*/ /*--------------------- START POLICIY PAGES ---------------------*/ .defSH { font-family:Arial Black, Arial, san-serif; color:#ff0000; font-size: 14px; padding:0; margin:0; } td.defSH { text-align:left; } .defH { font-family:Arial Black, Arial, san-serif; color:#00237c; font-size: 14px; line-height:133%; padding:0; margin:0; } a.defH:link { color:#00237c; font-weight:bold; text-decoration:none; line-height:150%; } a.defH:visited { color:#00237c; text-decoration:none; } a.defH:hover { color:#ff0000; text-decoration:none; } a.defH:active { color:#00237c; text-decoration:none; } td.defT { font-size:14px; color:#494a44; line-height:143%; } .defT { font-size:14px; color:#494a44; line-height:143%; } /*--------------------- END POLICIY PAGES ---------------------*/