@CHARSET "UTF-8"; /*********************** standard styles ************************/ html { width:100%; height:100%; overflow-y:scroll; } body { margin:0; padding:0; color:#5A5A5A; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif; background:#2878bd url(/_files/webmiles2008/images/layout/bg_body.jpg) repeat-x top left; } #bdi_rightshadow { width:20px; height:600px; position:absolute; left:951px; background-image:url(/_files/webmiles2008/images/layout/bg_rightshadow_top.jpg); background-repeat:no-repeat; } #bdi_outerdiv { background:url(/_files/webmiles2008/images/layout/bg_rightshadow.jpg) repeat-y 0 951px ; } #bdi_innerdiv { width:950px; } img { border: 0; } ul { padding:0; margin:0; list-style-type:none; } h1, h2, h3 { margin:0; padding:0; color: #084c8b; } h1 { margin-bottom:23px; padding:24px 0 10px 10px; font-size: 20px; font-weight:normal; border-bottom:1px solid #e4e4e4; } h2 { font-size: 17px; line-height: 20px; font-weight:normal; letter-spacing:0px;} h3 { font-size: 14px; font-weight: bold; } h4 { font-size: 16px; font-weight: lighter; color:#004196; } h5 { padding:0; margin:0; font-size: 12px; font-weight: bold;} a { color:#094c8b; text-decoration:underline; } a.arrow_orange { color:#094c8b; background:url(/_files/webmiles2008/images/buttons/arrow_square.gif) no-repeat 0 1px; padding-left:20px; } a.arrow_blue { color:#094c8b; background:url(/_files/webmiles2008/images/buttons/arrow_blue_down.gif) no-repeat 0 1px; padding-left:20px; } a.arrow_blue_up { color:#094c8b; background:url(/_files/webmiles2008/images/buttons/arrow_blue_up.gif) no-repeat 0 1px; padding-left:20px; } hr { clear:both; padding:0; margin:1px 0; font-size:0; height:1px; line-height:0; color:#e4e4e4; background-color:#e4e4e4; border:0; } .clearLeft { clear: left; line-height:0; font-size:0; } .clearRight { clear: right; line-height:0; font-size:0; } .clearBoth { clear: both; line-height:0; font-size:0; } .floatLeft { float: left; } .floatRight { float: right; } .bdi_spacer { float:left; width:100%; height:10px; line-height:0; font-size:0; } .bdi_separator { clear:both; width:570px; height:1px; margin:0 0 20px 0; padding:0; background-color:#e4e4e4; overflow:hidden; } span.wmAmount { padding: 0 0 0 23px; margin: 0 0 0 4px; font-weight:bold; background: url(/_files/webmiles2008/images/icons/wmCoin.gif) no-repeat 0px 1px; } .bdi_teaser { float:left; width:57px; height:32px; padding: 1px 0 0 33px; margin:6px 0; color:#fff; font-size:15px; font-weight:bold; line-height:30px; background:url(/_files/webmiles2008/images/buttons/button_orange.jpg) no-repeat; } .bdi_teaser.nomargin{ margin-top:0; } p.bdi_error { color:#ec7124; font-weight:bold; padding-bottom:5px; } /*********************** head ************************/ #bdi_head { height:142px; background:#fff url(/_files/webmiles2008/images/layout/bg_header.jpg) no-repeat top left; } #bdi_logo { height:97px; margin: 0px 0px 0px 8px;} #bdi_navi_top { float:left; height: 45px; padding-left:10px;} #bdi_navi_top a { color:#00346D; text-decoration: none; } #bdi_navi_top a:hover { color: #fff; } #bdi_navi_top ul { list-style-type: none; padding: 0; margin: 0; } #bdi_navi_top ul li { margin:0; padding:0; } #bdi_navi_top ul li.metanav { float: left; margin:0 1px 0 0; padding:0 5px 0 0; background:url(/_files/webmiles2008/images/layout/bg_navtop_right.gif) no-repeat top right; } *html #bdi_navi_top ul li.metanav { width:50px; } #bdi_navi_top ul li.metanav a { padding:0 5px 0 10px; margin: 0; font-size:11px; line-height:35px; font-weight:bold; color:#00346D; background:url(/_files/webmiles2008/images/layout/bg_navtop.gif) no-repeat top left; white-space:nowrap; display: block; } #bdi_navi_top ul li.metanav a:hover { color:#F69301; } #bdi_navi_top ul ul { display: none; position: absolute; padding: 0; margin: 0; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; z-index: 10000000; } #bdi_navi_top ul ul ul { display: none; position: absolute; padding: 0; margin: 0; border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; z-index: 10000000; left:170px; width: 185px!important; margin-top:-27px; } *html #bdi_navi_top ul ul ul { margin-top:-20px; } #bdi_navi_top ul li.activeNav a { color:#F69301; } #bdi_navi_top ul li.inactiveNav a { color:#00346D; } #bdi_navi_top ul li a.navtop-level1 { color:#00346D; height:45px; } #bdi_navi_top ul li.activeNav { background-image:url(/_files/webmiles2008/images/layout/bg_navtop_right_act.gif); } #bdi_navi_top ul li.activeNav a.navtop-level1 { background-image:url(/_files/webmiles2008/images/layout/bg_navtop_act.gif); color:#fff; } #bdi_navi_top li.subnav { padding-right:0; margin-right:0; } #bdi_navi_top ul li.subnav a { white-space:normal; line-height: 15px!important; font-size: 11px!important; width: 155px; border-bottom: 1px solid #DBDBDB; letter-spacing: 0px!important; font-family: Arial,sans-serif; font-weight: normal!important; padding-top:5px!important; padding-bottom:5px!important; background-color:#EEEEEE; background-image:url(/_files/webmiles2008/images/layout/bg_navsub.gif); background-repeat:repeat-x; } #bdi_navi_top ul li.inactiveNav, #bdi_navi_top ul li.activeNav { line-height:0px!important; } /*********************** content ************************/ #bdi_center { width:100%; height:auto; background:#fff url(/_files/webmiles2008/images/layout/bg_center.jpg) repeat-y; } #bdi_center_top { height:37px; background:url(/_files/webmiles2008/images/layout/bg_center_top.jpg) no-repeat top left; } #bdi_center_center { padding:0 43px 0 46px; } #bdi_center_bottom { height:60px; background: url(/_files/webmiles2008/images/layout/bg_center_bottom.jpg) no-repeat; } #bdi_content_left { float:left; width:278px; margin-right:12px; } #bdi_content_right { float:left; width:571px; } /*********************** main navi ************************/ #bdi_navi_main { float:left; width:278px; background:url(/_files/webmiles2008/images/layout/bg_mainnav.gif) repeat-y; } #bdi_navi_main .head { height:32px; background:url(/_files/webmiles2008/images/layout/bg_mainnav_head.jpg) no-repeat top left; } #bdi_navi_main .head h4 { font-size: 16px; font-weight: normal; color: #fff; margin:0; padding:5px 0 2px 12px; line-height: 25px; } #bdi_navi_main h4 { font-size: 12px; color:#595959; font-weight: bold; margin:0; padding:12px 0 0 23px; } #bdi_navi_main ul { width:270px; margin:12px 4px 0 4px; padding:0 0 2px 0; border-bottom:1px solid #accbdf; } #bdi_navi_main ul li { height:24px; margin:0 35px 0 19px; padding-left:17px; background:url(/_files/webmiles2008/images/buttons/arrow_grey.gif) no-repeat 0 5px; } #bdi_navi_main ul li.noarrow { padding:0 0 10px 0; background-image:none; margin-right:0; } #bdi_navi_main ul li a { display:block; padding-bottom:4px; color:#595959; font-weight:bold; border-bottom:1px solid #cae0ed; text-decoration:none; } #bdi_navi_main ul li a:hover, #bdi_navi_main ul li a.active { color: #345a81; } #bdi_navi_main ul li a.last { border-bottom:0; } #bdi_search .searchfield { float:left; width:160px; height:18px; margin-right:10px; } #bdi_navi_main .foot { height:5px; background:url(/_files/webmiles2008/images/layout/bg_mainnav_foot.jpg) no-repeat top left; font-size:0; } #bdi_navi_service { float:left; width:278px; height:184px; margin-top:31px; background:url(/_files/webmiles2008/images/layout/bg_service.jpg) no-repeat top left; } #bdi_navi_service .head { height:32px; } #bdi_navi_service .head h4 { font-size: 16px; font-weight: normal; color: #fff; margin:0; padding:5px 0 2px 12px; line-height: 25px; } #bdi_navi_service p { margin:12px 4px 0 20px; } #bdi_navi_service p.smallertop { margin-top:7px; } #bdi_navi_special { float:left; width:278px; margin-top:31px; } #bdi_navi_special .head { height:32px; background:url(/_files/webmiles2008/images/layout/bg_special_head.jpg) no-repeat top left; } #bdi_navi_special .head h4 { font-size: 16px; font-weight: normal; color: #fff; margin:0; padding:5px 0 2px 12px; line-height: 25px; } #bdi_navi_special .body { padding:12px 4px 0 20px; background-repeat:no-repeat; background-position:top left; } #bdi_navi_special .body p { padding:0 0 7px 0; margin:0; } #bdi_navi_special .body a { background-position:0 2px; } /*********************** foot ************************/ #bdi_bottom { height:40px; text-align:center; background:url(/_files/webmiles2008/images/layout/bg_bottom.jpg) repeat-x; border-top:1px solid #1a70b9; border-bottom:1px solid #1a70b9; } #bdi_bottom ul { margin:0 auto; padding-top:10px; } #bdi_bottom ul li { display:inline; color:#BFDDFF; } #bdi_bottom ul li a { padding:0 10px; color:#BFDDFF; font-weight:bold; text-decoration:underline; } #bdi_foot { background-color:#1a6ab3; } #bdi_foot_content { width:950px; height:235px; padding:10px 0 20px 0; background-color: #08467f; background:#1b6fb8 url(/_files/webmiles2008/images/layout/bg_foot.jpg) repeat-x top left; } #bdi_foot_content .box { float:left; margin-right:80px; } #bdi_foot_content .box.first { margin-left:20px; } #bdi_foot_content .box.last { margin-right:0; } #bdi_foot_content .box h5 a { color: #bfddff; text-decoration: underline; line-height: 16px; padding-bottom: 5px; display: block; } #bdi_foot_content .box ul { padding-bottom:10px; } #bdi_foot_content .box ul li { } #bdi_foot_content .box ul li a { color: #67afff; text-decoration: underline; padding-bottom: 2px; } /*********************** breadcrumb navigation ************************/ ul#bdi_breadCrumb { margin: 0 0 0 340px; padding: 8px 0px; } ul#bdi_breadCrumb li.flag a { float:left; background-image:none; padding: 2px 6px 0 0; } ul#bdi_breadCrumb li.flag a img { float:left; border:2px solid #fff; } ul#bdi_breadCrumb li.flag a img.active { border:2px solid #4b8dc7; } ul#bdi_breadCrumb li { float: left; list-style-type: none; } ul#bdi_breadCrumb li a { float: left; text-decoration:none; background:url(/_files/webmiles2008/images/buttons/arrow_grey.gif) no-repeat 0 60%; padding: 0 10px 0 10px; color:#8A8C8A; } ul#bdi_breadCrumb li a:hover { text-decoration:none; color:#345A81; } ul#bdi_breadCrumb li a.first { background: none; } /*********************** front page ************************/ .bdi_row { float:left; width:570px; background:url(/_files/webmiles2008/images/layout/bg_row_frontpage.jpg) no-repeat 0 17px; } .bdi_row .box { float:left; width:192px; } .bdi_row .box.middle { width:186px; } .bdi_row .box .head { height:75px; /*text-align:center;*/ } .bdi_row h2 { padding:35px 10px 0 10px; } .bdi_row h2 a { text-decoration:none; color: #00346d; font-weight:bold; font-size:12px; } .bdi_row .box .inner { padding:0 1px 17px 2px; } .bdi_row .box .inner.left { padding-left:6px; } .bdi_row .box .inner.right { padding:0 4px 0 4px; } .bdi_row .box .inner .cover { width:183px; height:153px; margin-bottom:25px; background-repeat:no-repeat; background-position:10px bottom; text-align:right; font-size:0; } .bdi_row .box .inner .cover img { } .bdi_row .box .inner p { padding:0 9px 0 9px; margin:0; } .bdi_row .box .inner p a { float:left; text-decoration:none; color:#084c8b; margin-top:4px; } /*********************** top categories ************************/ .bdi_row.nobg { background-image:none; } .bdi_row.topcat { position:relative;height:400px; } .bdi_row .top_header { height:33px; margin-top:16px; padding-left:10px; background:url(/_files/webmiles2008/images/layout/bg_topseller_head.jpg) repeat-x bottom left; } .bdi_row .top_header a.tab { cursor:pointer; color:#ffffff; float:left; width:129px; height:23px; text-decoration:none; padding-top:10px; font-weight:bold; text-align:center; background:url(/_files/webmiles2008/images/layout/toptab.jpg) no-repeat top left; } .bdi_row .top_header a.tab.active{ color:#084c8b; background-image:url(/_files/webmiles2008/images/layout/toptab_active.jpg); } .bdi_row .top_magazine { float:left; width:105px; height:132px; text-align:center; padding-top:9px; margin-right:4px; background:url(/_files/webmiles2008/images/layout/bg_topseller.jpg) no-repeat top left; } .bdi_row .top_magazine.last { margin-right:0; } .bdi_row .top_magazine .cover { padding-bottom:6px; } .bdi_row .top_magazine a { text-decoration:none; color:#084c8b; } .topMagazines { position:absolute; top:105px; left:0; } #topCategory1 { display:block;} #topCategory2 { display:none; } #topCategory3 { display:none; } #topCategory4 { display:none; } #topCategory5 { display:none; } #magCategory1 { display:block;} #magCategory2 { display:none; } #magCategory3 { display:none; } #magCategory4 { display:none; } #magCategory5 { display:none; } /*********************** category/abotype/search ************************/ .bdi_magazinebox { float:left; width:283px; height:209px; margin:10px 5px 0 0; background:url(/_files/webmiles2008/images/layout/bg_category_box.jpg) no-repeat top left; } .bdi_magazinebox.right { margin-right:0; } .bdi_magazinebox .inner { padding:25px 10px 10px 15px; } .bdi_magazinebox .inner .cover { float:left; height:149px; margin: 32px 15px 0 0; } .bdi_magazinebox .inner h2 { font-size:12px; padding:0; margin:0; } .bdi_magazinebox .inner h2 a { color:#00346d; font-weight:bold; text-decoration:none; } .bdi_magazinebox .inner p.desc { height:128px; padding:0; margin:8px 0 0 0; } .bdi_magazinebox .inner a { text-decoration:none; } .page_desc { padding-bottom:25px; margin:0; } /*********************** paging ************************/ .bdi_paging { } .bdi_paging select { margin-left:6px; border:1px solid #c4c5c9; } .bdi_paging .pages { float:left; height:19px; margin-left:4px; font-size:11px; border:1px solid #c4c5c9; } .bdi_paging .pages ul { float:left; padding:0; margin:0; } .bdi_paging .pages ul li { float:left; height:18px; padding:1px 8px 0 8px; margin:0; } .bdi_paging .pages ul li a { } .bdi_paging .pages ul li a img { float:left; } .bdi_paging .pages ul li.nopadding { float:left; height:18px; padding:1px 0 0 0; } .bdi_paging .pages ul li.active { color:#fff; border-left:1px solid #f54401; border-right:1px solid #f54401; background:url(/_files/webmiles2008/images/layout/bg_paging_active.jpg) repeat-x top left; } .bdi_paging .pages ul li.button { background:url(/_files/webmiles2008/images/layout/bg_paging.jpg) repeat-x top left; } .bdi_paging .pages ul li.button.left { border-right:1px solid #c4c5c9; } .bdi_paging .pages ul li.button.right { border-left:1px solid #c4c5c9; } .bdi_paging .pages ul li.button a { text-decoration:none; } .bdi_paging .pages ul li.button img { margin:4px; } /*********************** detail ************************/ .bdi_box { width:570px; } .bdi_box.margin { margin-top:40px; } .bdi_box .top { height:11px; background:url(/_files/webmiles2008/images/layout/bg_detail_top.jpg) no-repeat top left; } .bdi_box .center { padding:0 5px 0 6px; background:url(/_files/webmiles2008/images/layout/bg_detail_center.jpg) repeat-y top left; } .bdi_box .center .inner { height:100%; padding:13px 13px 20px 13px; border-bottom:1px solid #e4e4e4; } .bdi_box .center .inner.noborder{ border-bottom:0; } .bdi_box .center .inner.bg { background:url(/_files/webmiles2008/images/layout/bg_detail_grey.jpg) repeat-x bottom left; } .bdi_box .bottom { height:7px; background:url(/_files/webmiles2008/images/layout/bg_detail_bottom.jpg) no-repeat top left; } .bdi_box .inner .cover { float:left; width:170px; margin-left:5px; } .bdi_box .inner .desc { float:left; width:350px; padding:0; margin:0; } .bdi_box .inner .right { float:right; text-align:right; } .bdi_box .inner span { float:left; height:32px; padding-top:11px; } /*.bdi_box .inner span.wmAmount{ height:auto; padding: 0 0 0 23px; margin: 0 0 0 4px; color: #084c8b; font-weight:bold; background: url(/_files/webmiles2008/images/icons/wmCoin.gif) no-repeat 0px 2px; }*/ .bdi_box .head { height:35px; background:url(/_files/webmiles2008/images/layout/bg_abo_head.jpg) no-repeat top left; } .bdi_box .head h3 { font-size:16px; font-weight:normal; color:#5A5A5A; margin:0; padding:6px 0 2px 18px; line-height:25px; } /*#bdi_content_right .bdi_box input.button { width:196px; height:29px; padding:4px 0; margin-top:20px; font-size:14px; word-spacing:-1px; font-weight:normal; color:#5A5A5A; border:0; background:url(/_files/webmiles2008/images/buttons/button_order.gif) no-repeat top left; display:block; cursor: pointer; }*/ #bdi_content_right .bdi_box input.button { width:auto; height:29px; margin-top:20px; border:0; background-repeat:no-repeat; background-position:top left; cursor: pointer; } .bdi_box .invisible { display:none; } .bdi_box .visible { display:block; } .bdi_box ul.bdi_advantage { padding:15px 0 0 15px; list-style-type:disc; } /************************** A - Z ***************************/ .bdi_magazineList { float:left; width:190px; margin:0; padding:0; } .bdi_magazineList h3 { font-size:16px; font-weight:bold; color:#084c8b; margin:0; padding:0 0 10px 0;} .bdi_magazineList ul { padding:0; margin:0 0 15px 0; } /************************** login ***************************/ #bdi_content_right .bdi_box .inner .column { float:left; padding-right:40px; } #bdi_content_right .bdi_box .inner label { float:none; width:auto; padding-bottom:2px; font-weight:bold; } #bdi_content_right .bdi_box .inner input.login { width:130px; } #bdi_content_right .bdi_box .inner input.formbutton { margin-left:0; margin-top:18px; } /************************* cms *************************/ .questions { padding:0; margin:0 0 15px 0; } .questions ul { padding:0; margin:0; list-style-type: none; } .questions ul li a { background: url(/_files/webmiles2008/images/buttons/arrow_grey.gif) no-repeat 0 50%; display: block; padding: 0 4px 0 8px; font-weight:bold; } .questions ul li a:hover { } .questions ul li { padding: 2px 0; } /************************** checkout ***************************/ span.cartmiles, .bdi_box .inner span.cartmiles { float:left; height:auto; padding: 0 5px 0 23px; margin: 0; color: #084c8b; font-weight: bold; background-image: url(/_files/webmiles2008/images/icons/wmCoin.gif); background-repeat: no-repeat; background-position: 0 2px;} span.cartmilesThanks { height:auto; padding: 0 5px 0 23px; margin: 0; color: #084c8b; font-weight: bold; background-image: url(/_files/webmiles2008/images/icons/wmCoin.gif); background-repeat: no-repeat; background-position: 0 2px;} /************************* forms *************************/ #bdi_content_right form { clear:left; padding:0; margin:0; } #bdi_content_right fieldset { clear:left; border:0; padding:0; margin:0; } #bdi_content_right label { float:left; width:150px; margin:0; padding:0; } #bdi_content_right input { width:200px; height:16px; margin-bottom:10px; color:#5A5A5A; border: 1px solid #e4e4e4; } #bdi_content_right input.date { width:20px; } #bdi_content_right input.wide { width: 146px; } #bdi_content_right input.narrow { width: 45px; margin-right:6px; } #bdi_content_right input.radio { float:left; width:15px; margin-right:6px; border-width:0; } #bdi_content_right select { margin-bottom:11px; color:#5A5A5A; border:solid 1px #e4e4e4; } #bdi_content_right textarea { width:200px; margin-bottom:10px; color:#5A5A5A; border:solid 1px #e4e4e4; } #bdi_content_right .errorField { border: 1px solid #ec7124; } #bdi_content_right input.formbutton { width:auto; height:auto; padding-left:20px; margin-left:150px; font-size:12px; color:#094c8b; text-align:left; text-decoration:underline; border:0; background:url(/_files/webmiles2008/images/buttons/arrow_square.gif) no-repeat 0 3px; cursor:pointer; } #bdi_content_right .datefield input { margin-bottom:0; } #bdi_content_right .cardtext { float:left; } #bdi_content_right .smallprint { float:left; width:400px; margin-bottom:10px; font-size:10px; } #bdi_content_right .optInText { float:left; width:350px; vertical-align: top; padding: 0 0 5px 5px; } #bdi_content_right .optInText.error { border: 1px solid #ec7124; }