body { background: white; margin: 0; padding: 0; } body.gray { background: #F6F6F9 url(../images/backgrounds/site.gif); margin: 0; padding: 0; } div#background { position: absolute; z-index: 0; top: 0; left: 50%; margin-left: -410px; padding: 0; width: 820px; background: white; border: 1px solid #EDEDED; border-width: 0 1px; height: 100%; } div#pg_body, div#pg_footer { position: relative; z-index: 1; left: 50%; margin-left: -396px; padding-top: 10px; width: 792px; background: white; } body.lefty, body.gray.lefty { background: white; } body.lefty div#pg_body, body.lefty div#pg_footer { left: 15px; margin-left: 0; } body.lefty div#background { border: 0; } div#pg_topAdvert { display: none; z-index: 2; } div#pg_headAbout { position: absolute; top: -400px; left: 70px; z-index: 2; } div#pg_headAbout div.body { color: #999999; font-size: 9px; padding: 0 40px; width: 360px; } div#pg_header { position: relative; z-index: 1; } div#pg_header a { text-decoration: none; padding: 2px 3px; } div#pg_header a:hover { color: #00AE00; text-decoration: underline; } div#pg_headerTitle { position: relative; top: 0; margin-left: 40px; } div#pg_headerTagline { position: relative; top: -1px; margin-left: 48px; color: #666666; font-size: 14px; letter-spacing: -0.02em; text-align: right; white-space: nowrap; width: 300px; } div#pg_headerNav { position: absolute; top: 20px; right: 0; width: 300px; text-align: center; white-space: nowrap; } div#pg_headerNav ul { margin: 0; padding: 0; } div#pg_headerNav ul li { color: #0036B1; display: inline; font-size: 10px; font-weight: bold; margin: 0; padding: 0; } div#pg_headerNav ul li a { color: #0036B1; } div#pg_headerNav a:hover { color: #3366FF; } div#pg_headerNav ul li img { position: relative; top: 5px; } div#pg_headerCart { position: absolute; top: 58px; right: 48px; text-align: center; font-size: 12px; } div#pg_headerCart a { position: relative; color: #0036B1; font-weight: bold; text-decoration: underline; padding: 0; } div#pg_headerCart a:hover { color: #3366FF; } img#pg_headerCart_img { float: left; margin-top: 2px; margin-right: 8px; } div#pg_headerCartText { position: relative; top: 0px; font-weight: bold; line-height: 14px; white-space: nowrap; } div#pg_headerCartText span.red { color: #D50000; } img#pg_headerCartCheckout { display: inline; position: relative; top: 3px; margin-left: 3px; } div#pg_main { position: relative; margin-top: 20px; clear: both; width: 792px; z-index: 3; } /* div#pg_columnA { float: left; position: relative; width: 240px; background: url(../images/pg_columnA_bkg.gif) repeat-y; z-index: 2; } div#pg_columnB { float: left; position: relative; width: 551px; margin: 39px 0 0 -5px; z-index: 1; } */ /* div#pg_columnB { float: left; position: relative; width: 551px; margin: 39px 0 0 -2px; z-index: 1; } */ div#pg_columnA { position: absolute; top: 0; left: 0; width: 233px; background: url(../images/pg_columnA_bkg.gif) repeat-y; z-index: 2; } div#pg_columnB { float: left; position: relative; left: 233px; width: 559px; margin: 16px 0 0 0; z-index: 1; padding-bottom: 10px; z-index: 3; } div#pg_deviceSelector { position: relative; background: url(../images/selector/device.gif) no-repeat; height: 188px; width: 233px; z-index: 6; } div#pg_deviceSelectorText { position: relative; top: 36px; left: 42px; width: 160px; height: 125px; line-height: 1.15em; } option.myDevices { background: #F0F0F0 url(../images/selector/arrow.gif) no-repeat top right; border: 1px solid #3366FF; color: #0036B1; } option.myDevicesOn { background: #F0F0F0 url(../images/selector/arrow-high.gif) no-repeat top right; border: 1px solid black; color: black; } select option.first { display: none; } div.deviceNotSelected { background: url(../images/selector/empty.jpg) no-repeat; height: 188px; } div.deviceChange { background: url(../images/selector/change.jpg) no-repeat; height: 188px; } .changeDeviceOS { cursor: pointer; } img.changeDeviceOS { position: relative; top: 3px; } div.message img.changeDeviceOS { display: block; text-align: left; margin: 1em 0 1.5em 3em; } div#pg_deviceSelectorText div.start, div#pg_deviceSelectorText div.selected, div#pg_deviceSelectorText div.change, div#pg_deviceSelectorText div.current { display: none; } div#pg_deviceSelectorText div.current { position: absolute; top: 0; left: 0; height: 125px; width: 160px; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; display: block; } div#pg_deviceSelectorText div.current { background: url(../images/selector/device-selected.gif) no-repeat top left; } div#pg_deviceSelectorText div.current { color: #333333; font-size: 11px; line-height: 11px; margin: 0; padding: 0; } div#pg_deviceSelectorText div.current div.title, div#pg_deviceSelectorText div.current select { margin: 0 9px; } div#pg_deviceSelectorText div.current div.titleStart { color: white; font-size: 22px; font-style: italic; font-weight: bold; line-height: inherit; margin: 12px 0 10px 0; text-align: center; } div#pg_deviceSelectorText div.current div.title { color: #333333; } div#pg_deviceSelectorText div.current div.title.titleDevice { margin-top: 4px; } div#pg_deviceSelectorText div.current div.title span.or { color: #666666; font-weight: bold; } div#pg_deviceSelectorText div.current ul { margin: 0; padding: 0 4px; } div#pg_deviceSelectorText div.current ul li { list-style: none; margin: 0; padding: 0; text-indent: -5px; margin-left: 5px; } div#pg_deviceSelectorText div.current a { color: #004EFF; font-size: 9px; } div#pg_deviceSelectorText div.current select { color: #3366FF; font-size: 11px; width: 142px; margin-top: 4px; border: 1px solid #3366FF; } div#pg_deviceSelectorText div.current div.titleOS span.browseType { display: block; } div#pg_deviceSelectorText div.current a.toggle { position: absolute; bottom: 9px; left: 9px; color: gray; font-size: 9px; padding: 1px 2px; text-decoration: none; text-transform: uppercase; } div#pg_deviceSelectorText div.current a.toggle:hover { color: #0036B1; text-decoration: underline; } div#pg_deviceSelectorText div.current div.phone { position: relative; left: 0; margin: 18px 0 0 0; } div#pg_deviceSelectorText div.current div.phone div.image img { position: absolute; top: -5px; left: 9px; } div#pg_deviceSelectorText div.current div.phone div.title, div#pg_deviceSelectorText div.current div.phone ul.options { position: relative; left: 61px; width: 88px; color: #333333; margin: 0 0 0 4px; } div#pg_deviceSelectorText div.current div.phone ul.options { margin: 10px 0 0 4px; padding: 0; } div#pg_deviceSelectorText div.current div.phone ul.options li { line-height: 11px; list-style: none; margin: 3px 0 0 0; padding-left: 9px; text-indent: -3px; background: url(../images/selector/listitem.gif) no-repeat; } div#pg_deviceSelectorText div.current div.phone ul.options li a { font-size: 10px; line-height: 12px; } div.deviceSelected div#pg_deviceSelectorText div.current div.title { color: #666666; text-align: center; margin: 9px 5px 6px 5px; } div.deviceSelected div#pg_deviceSelectorText div.current div.phone div.title { font-size: 12px; margin: 0; margin-left: 0px; } div.deviceNotSelected div#pg_deviceSelectorText div.current { background: url(../images/selector/device-start.gif) no-repeat top left; } div.deviceNotSelected div#pg_deviceSelectorText div.current { cursor: pointer; } div.deviceNotSelected div#pg_deviceSelectorText div.current a.toggle { display: none; } div.deviceChange div#pg_deviceSelectorText div.current { background: url(../images/selector/device-change.gif) no-repeat top left; } div.deviceChange div#pg_deviceSelectorText div.current div.title.titleOS { margin-top: 12px; } div.deviceChange div#pg_deviceSelectorText div.current div.titleStart { display: none; } div.deviceLoading div#pg_deviceSelectorText div.current img { position: relative; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; } div#pg_deviceList { position: absolute; left: 230px; top: 15px; background: white; border: 5px solid #424242; color: #424242; display: none; z-index: 101; } /* url(../images/pg_deviceList_bkg.jpg) no-repeat; */ div#pg_deviceList div.devices, div#pg_deviceList div.devices.loading { position: relative; padding: 0; } div#pg_deviceList div.devices.loading img { margin: 42px 236px 180px 216px; } div#pg_deviceList div.devices div.title { position: relative; background: #424242; color: #EAEAEA; font-size: 14px; letter-spacing: 0.1em; padding: 6px; padding-top: 0; z-index: 3; } div#pg_deviceList div.devices div.title span { color: #BABABA; font-size: 11px; letter-spacing: 0; position: relative; } div#pg_deviceList div.devices div.title span a { color: #BABABA; } div#pg_deviceList ul#dsSortList { position: absolute; top: 1.8em; left: 0; background: #4B4B4B; border-bottom: 2px solid #424242; list-style: none; margin: 0; padding: 0.5em 0; text-align: center; width: 552px; z-index: 3; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; } div#pg_deviceList ul#dsSortList a { color: #FFBD00; } div#pg_deviceList ul#dsSortList li { margin: 0.25em; } div#pg_deviceList div.devices.loading div.title { color: #999999; } div#pg_deviceList div.instructions { background: #F0F0F0; font-size: 13px; padding: 5px 7px; border-top: 3px solid #424242; clear: both; } div#pg_deviceList div.instructions p { margin: 0 0 5px 0; } div#pg_deviceList div.instructions ul { padding: 0; margin: 0; text-align: center; } div#pg_deviceList div.instructions ul li { display: inline; padding: 4px 8px; margin: 0; } div#pg_deviceList a.close { position: absolute; top: 0; right: 0; background: white; border: 1px solid #7EC0D8; color: #81C0D8; font-size: 10px; font-weight: bold; padding: 2px; text-decoration: none; text-transform: uppercase; z-index: 4; } div#pg_deviceList a.close:hover { background: white; border: 1px solid #424242; color: #424242; } div#pg_deviceList div.devices div.device { float: left; position: relative; border: 0; cursor: pointer; margin: 0px; padding: 5px; overflow: hidden; z-index: 2; } div#pg_deviceList div.devices div.device img { border: 1px solid #0036B1; width: 126px; height: 126px; } div#pg_deviceList div.devices div.device div.label { float: none; text-align: center; padding: 0; padding-bottom: 1px; font-size: 11px; white-space: normal; width: 126px; } div#pg_deviceList div.devices div.device.deviceAll { width: 126px; } div#pg_deviceList div.devices div.device.newRow { clear: left; } div#pg_deviceList div.devices div.device.active { background: white; border: 2px solid #00AE00; color: #00AE00; padding: 3px; } div#pg_deviceList div.devices div.device.active img { border-color: white; } /* border: 1px solid red; border-bottom: 0; } */ div#pg_deviceList div.devices div.device.active div.label { } /* background: white; border: 1px solid red; border-top: 0; padding-top: 1px; } */ div#pg_deviceList div.devices div.navigation { position: relative; clear: both; background: #424242; color: white; height: 18px; z-index: 1; width: 552px; } div#pg_deviceList div.devices div.navigation a { position: absolute; top: 4px; right: 2px; color: white; text-align: right; z-index: 1; } div#pg_deviceList div.devices div.navigation a.less { position: relative; left: 2px; } div#pg_deviceList div.devices div.navigation a.moreNoDevice { color: #FFBD00; font-weight: bold; } div#pg_deviceList div.devices div.divider { position: relative; z-index: 0; width: 552px; } div#pg_deviceList div.devices div.divider.dividerFiller { height: 152px; } div#pg_deviceList.error { background: white url(../images/pg_deviceList_error.jpg) no-repeat; } div#pg_deviceList.error div.devices div.title { color: #FFBD00; } div#pg_deviceList.error div.devices p.message { font-size: 14px; font-weight: bold; padding: 100px 10px 143px 10px; text-align: center; } div#pg_deviceList.error a.close { border-color: #FFBD00; color: #FFBD00; } div#pg_specials { position: relative; width: 205px; margin-top: 10px; margin-left: 18px; background: url(../images/pg_specials_bkg.gif) repeat-y; } div#pg_specials div.a { background: url(../images/pg_specials_bkg_top.gif) no-repeat top left; } div#pg_specials div.b { background: url(../images/pg_specials_bkg_bottom.gif) no-repeat bottom left; } div#pg_specials div.c { padding: 10px; } div#pg_specials div.title { color: #0036B1; font-size: 18px; font-weight: bold; padding-left: 2px; } div#pg_specials div.special { font-size: 11px; margin: 5px 15px 5px 5px; } div#pg_specials div.special div.title { font-size: 11px; font-style: normal; font-weight: normal; padding: 0; background: transparent; } div#pg_specials div.special a { color: #0036B1; } div#pg_specials div.divider { border-top: 1px dotted #999999; margin: 0 24px 0 8px; } div#pg_columnA_adspace { margin: 15px 29px; } div#pg_columnA_adspace div.adspace { display: block; width: 180px; height: 150px; } div#pg_developers { position: relative; height: 30px; width: 195px; margin: 13px 23px 14px 19px; background: url(../images/pg_developers.gif) no-repeat; } div#pg_developers a { padding-left: 28px; line-height: 30px; color: white; font-size: 14px; font-weight: bold; text-decoration: none; } div#pg_breadcrumbs { position: absolute; top: -23px; font-size: 10px; padding-top: 6px; padding-left: 10px; width: 500px; color: #666666; } div#pg_breadcrumbs a { font-size: 10px; font-weight: normal; padding: 1px; text-decoration: none; } div#pg_breadcrumbs a:hover { text-decoration: underline; } #search { position: relative; left: 9px; margin-top: 10px; width: 216px; background: url(../images/search/background.gif) repeat-y; } #search div.a { background: url(../images/search/top.gif) no-repeat top left; } #search div.b { background: url(../images/search/bottom.gif) no-repeat bottom left; } #search div.c { font-size: 11px; padding: 5px 9px 9px 9px; } #search div.title { color: white; font-weight: bold; padding: 0; padding-left: 3px; } #search input.text, #search select { border: 1px inset #009300; padding: 1px 2px; } #search input.text { margin: 2px 0; width: 193px; } #search select { position: relative; top: -3px; color: #009300; font-size: 11px; width: 166px; } #search input.button { display: inline; position: relative; top: 2px; cursor: pointer; } #navLeft { position: relative; left: 9px; margin-top: 10px; width: 216px; background: url(../images/navigation/background.gif) repeat-y; } #navLeft div.a { background: url(../images/navigation/top.gif) no-repeat top left; } #navLeft div.b { background: url(../images/navigation/bottom.gif) no-repeat bottom left; } #navLeft div.c { font-size: 12px; padding: 5px 9px 9px 9px; } #navLeft div.title { color: white; font-weight: bold; padding: 2px; } #navLeft ul { margin: 0; padding: 4px; list-style: none; width: 190px; margin-top: 3px; } #navLeft ul li { padding: 1px 3px; } #navLeft ul li a span.marker { visibility: hidden; } #navLeft ul li a:hover { color: #00CF00; text-decoration: none; } #navLeft ul li a:hover span.marker { visibility: visible; } #navLeft ul.base a { font-weight: bold; } #navLeft ul.categories { border-top: 1px solid #CCCCCC; padding-top: 5px; } #navLeft ul.categories li a:hover { text-decoration: underline; } /* div#pg_columnB1 { position: absolute; width: 275px; background: url(../images/pg_columnB1_bkg.gif) repeat-y; } */ div#pg_columnB1 { margin-left: 2px; } div#pg_columnB2 { margin-left: 3px; } div#pg_columnB1, div#pg_columnB2 { position: relative; float: left; background: url(../images/home/column.gif) repeat-y; width: 276px; } div#pg_columnB1 div.a, div#pg_columnB2 div.a { background: url(../images/home/column-top.gif) no-repeat top left; } div#pg_columnB1 div.b, div#pg_columnB2 div.b { background: url(../images/home/column-bottom.gif) no-repeat bottom left; } /* div#pg_columnB2 { position: relative; left: 275px; width: 275px; background: url(../images/pg_columnB2_bkg.gif) repeat-y; } div#pg_columnB2 div.a { background: url(../images/pg_columnB2_bkg_top.jpg) no-repeat top left; } div#pg_columnB2 div.b { background: url(../images/pg_columnB1_bkg_bottom.gif) no-repeat bottom left; } */ div#pg_columnB.home div#pg_columnB1 h2.title, div#pg_columnB.home div#pg_columnB2 h2.title { color: #5A5A5A; font-size: 18px; font-weight: bold; padding: 0; padding-left: 40px; margin: -5px 0 0 0; } div#pg_columnB.home div#pg_columnB1 h2.title a, div#pg_columnB.home div#pg_columnB2 h2.title a { color: #5A5A5A; text-decoration: none; } div#pg_columnB.home div#pg_columnB1 h2.title a:hover, div#pg_columnB2 h2.title a:hover { text-decoration: underline; } div#pg_columnB.home div#pg_columnB1 div.c, div#pg_columnB.home div#pg_columnB2 div.c { padding: 16px 0; } div#pg_columnB.home h3.title { font-size: 13px; text-align: right; margin: 0 15px 0 0; } div#pg_columnB.home h3.title a { color: #5A5A5A; } div#pg_columnB div#pg_columnB2 div.c div.title { color: #00AE00; font-size: 24px; margin: 5px 0 15px 0; padding: 0; } div.item { position: relative; margin: 10px 10px; } div.item div.column1 { position: absolute; width: 90px; height: 150px; } div.item div.column2 { position: relative; left: 95px; width: 150px; } div.item div.column3 { position: absolute; right: 0; bottom: 20px; width: 100px; } div.item div.imageShadow { position: absolute; left: 2px; top: 2px; margin-left: 10px; width: 77px; height: 77px; background: #A2A2A2; z-index: 1; } div.item.darkShadow div.imageShadow { background: #009933; } div.item div.image { position: relative; margin-left: 10px; width: 75px; height: 75px; z-index: 2; } div.item div.image img { border: 1px solid #757575; } div.item.darkShadow div.image img { border: 1px solid #009933; } div.item img.addtocart { position: relative; top: 8px; left: 9px; } div.item img.freetrial { position: relative; margin-top: 3px; left: 9px; } div.item div.os { position: relative; top: -3px; color: #666666; font-size: 9px; font-weight: bold; } div.item div.description { font-size: 11px; font-weight: normal; line-height: 13px; margin-bottom: 5px; } div.item div.rating { position: relative; margin: 4px; } div.item div.rating div.ratingBlank { position: absolute; width: 70px; height: 14px; background: url(../images/pg_rating_starEmpty.gif) repeat-x; z-index: 1; } div.item div.rating div.ratingActive { position: relative; height: 14px; background: url(../images/pg_rating_starFilled.gif) repeat-x; z-index: 2; } div.item div.rating div.rating0 { width: 0; } div.item div.rating div.rating0_5 { width: 7px; } div.item div.rating div.rating1 { width: 14px; } div.item div.rating div.rating1_5 { width: 21px; } div.item div.rating div.rating2 { width: 28px; } div.item div.rating div.rating2_5 { width: 35px; } div.item div.rating div.rating3 { width: 42px; } div.item div.rating div.rating3_5 { width: 49px; } div.item div.rating div.rating4 { width: 56px; } div.item div.rating div.rating4_5 { width: 63px; } div.item div.rating div.rating5 { width: 70px; } div.item div.rating div.ratingGray.ratingBlank { background: url(../images/pg_rating_starEmptyGray.gif) repeat-x; } div.item div.rating div.ratingGray.ratingActive { background: url(../images/pg_rating_starFilledGray.gif) repeat-x; } div.item div.price { clear: both; } div.item div.price div { display: inline; white-space: nowrap; } div.item div.price div.current { color: #CC3333; font-size: 14px; font-weight: bold; } div.item div.price div.previous { font-size: 9px; text-decoration: line-through; padding-left: 10px; } div.item div.price div.percent { color: #CC3333; font-size: 12px; } #pg_ColumnB1_item1 div.price div.previous, #pg_ColumnB1_item2 div.price div.previous, #pg_ColumnB1_item3 div.price div.previous, #pg_ColumnB2_item1 div.price div.previous, #pg_ColumnB2_item2 div.price div.previous, #pg_ColumnB2_item3 div.price div.previous { padding-left: 3px; } #pg_ColumnB1_item1 img.addtocart, #pg_ColumnB1_item2 img.addtocart, #pg_ColumnB1_item3 img.addtocart, #pg_ColumnB2_item1 img.addtocart, #pg_ColumnB2_item2 img.addtocart, #pg_ColumnB2_item3 img.addtocart { float: right; top: 0; left: 0; } div#pg_columnB1 div.item div.title, div#pg_columnB2 div.item div.title { padding: 0 8px 4px 0; } div#pg_columnB1 div.item div.title a, div#pg_columnB2 div.item div.title a { display: block; color: #00AE00; font-size: 12px; font-style: normal; text-decoration: none; } div#pg_columnB1 div.item div.title a:hover, div#pg_columnB2 div.item div.title a:hover { color: #00CF00; text-decoration: underline; } div#pg_columnB1 div.itemTop, div#pg_columnB2 div.itemTop { margin-top: 12px; } div#pg_columnB1 div.item, div#pg_columnB2 div.item { margin: 12px 10px 4px 5px; } div#pg_columnB1 div.item.adspace, div#pg_columnB2 div.item.adspace { height: 132px; width: 250px; } div#pg_columnB2 div.list { position: relative; left: 2px; width: 510px; } div#pg_columnB2 div.list div.box { margin-bottom: 10px; } div#pg_columnB2 div.list div.box div.c { height: 8em; } div#pg_columnB2 div.list div.box.itemFeatured div.c { height: 9em; } div#pg_columnB2 div.list div.item div.title { margin: 0; padding: 0; padding-bottom: 2px; width: 295px; } div#pg_columnB2 div.list div.item div.title a { font-size: 12px; } div#pg_columnB2 div.list div.item div.column1 { width: 100px; } div#pg_columnB2 div.list div.item div.column2 { width: 280px; left: 105px; } div#pg_columnB2 div.list div.item div.column3 { position: absolute; width: 100px; margin-left: 392px; bottom: 10px; text-align: right; } div.list div.item { position: relative; margin: 0; margin-left: 20px; clear: both; } div.list div.item div.column1 { height: 120px; } div.list div.item div.imageShadow, div.list div.item div.image { margin: 0; padding: 0; left: 15px; top: 8px; } div.list div.item div.imageShadow { margin-top: 2px; margin-left: 2px; } div.list div.item div.rating { margin: 2px 0px; } div.list div.item div.price { position: relative; right: 12px; margin-bottom: 4px; text-align: right; } div.list div.item div.price div { display: block; } div.list div.item div.price div.current { font-size: 14px; } div.list div.item div.price div.previous { padding: 0; } div.list div.item div.description img { display: none; } div.list div.item img.addtocart, div.list div.item img.freetrial { top: 0px; left: -6px; margin: 0; } div#pg_columnB2 div.list div.item.itemFeatured { background: #A2FF66; } div.list div.item div.featuring { position: relative; top: 5px; color: black; font-weight: bold; width: 100px; text-align: center; } div#pg_columnB2 div.productList div.navigation { position: relative; margin-left: 20px; width: 500px; } div#pg_columnB2 div.productList div.navigation div.title { color: black; border-bottom: 2px solid #333333; font-size: 12px; padding: 2px; width: 500px;} div#pg_columnB2 div.productList div.navigation.navBottom div.title { border: 0; border-top: 2px solid #333333; } div#pg_columnB2 div.productList div.navigation div.pages { position: absolute; margin-top: 2px; right: 0px; padding: 0; } div#pg_columnB2 div.productList div.navigation.navBottom div.pages { bottom: -8px; } div#pg_columnB2 div.productList div.navigation div.pages a { margin: 0; padding: 0 2px; letter-spacing: 0; float: left; } div#pg_columnB2 div.productList div.navigation div.pages a.previous { padding-right: 3px; } div#pg_columnB2 div.productList div.navigation div.pages a.next { padding-left: 3px; } div#pg_columnB2 div.productList div.navigation div.pages span.ellipsis { float: left; color: #666666; } div#pg_columnB2 div.productList div.navigation div.sortBy { margin: 3px 0; } div#pg_columnB2 div.productList div.navigation div.sortBy div.title { display: inline; border: 0; font-size: 10px; padding: 0; padding-right: 4px; width: 40px; white-space: nowrap; } div#pg_columnB2 div.productList div.navigation div.sortBy select { border: 1px solid #999999; font-size: 10px; } div#pg_columnB2 div.productList div.navigation div.pages a.jump1, div#pg_columnB2 div.productList div.navigation div.pages a.jump10, div#pg_columnB2 div.productList div.navigation div.pages a.current { position: relative; top: -3px; background: #009933; border: 1px solid #009933; color: white; font-size: 10px; font-weight: bold; padding: 1px 3px 2px 3px; margin: 0px 2px; } div#pg_columnB2 div.productList div.navigation div.pages a.jump1:hover, div#pg_columnB2 div.productList div.navigation div.pages a.jump10:hover { background: #00CF00; border-color: #00CF00; text-decoration: none; } div#pg_columnB2 div.productList div.navigation div.pages a div.corner { width: 5px; height: 5px; } div#pg_columnB2 div.productList div.navigation div.pages a div.corner.topleft { background-image: url(../images/round/nav-corner-topleft.gif); } div#pg_columnB2 div.productList div.navigation div.pages a div.corner.topright { background-image: url(../images/round/nav-corner-topright.gif); } div#pg_columnB2 div.productList div.navigation div.pages a div.corner.bottomright { background-image: url(../images/round/nav-corner-bottomright.gif); } div#pg_columnB2 div.productList div.navigation div.pages a div.corner.bottomleft { background-image: url(../images/round/nav-corner-bottomleft.gif); } div#pg_columnB2 div.productList div.navigation div.pages a.next div.corner.topleft, div#pg_columnB2 div.productList div.navigation div.pages a.next div.corner.bottomleft, div#pg_columnB2 div.productList div.navigation div.pages a.previous div.corner.topright, div#pg_columnB2 div.productList div.navigation div.pages a.previous div.corner.bottomright { display: none; } div#pg_columnB2 div.productList div.navigation div.pages a.current { position: relative; top: -4px; background: #EAEAEA; border-color: #EAEAEA; font-size: 13px; color: #666; font-weight: bold; padding: 1px 5px 0px 5px; } div#pg_columnB2 div.productList div.navigation div.pages a.current div.corner.topleft { background-image: url(../images/round/nav-current-topleft.gif); } div#pg_columnB2 div.productList div.navigation div.pages a.current div.corner.topright { background-image: url(../images/round/nav-current-topright.gif); } div#pg_columnB2 div.productList div.navigation div.pages a.current div.corner.bottomright { background-image: url(../images/round/nav-current-bottomright.gif); } div#pg_columnB2 div.productList div.navigation div.pages a.current div.corner.bottomleft { background-image: url(../images/round/nav-current-bottomleft.gif); } div#pg_columnB2 div.productList div.navigation div.pages a.current div.corner.bottomright, div#pg_columnB2 div.productList div.navigation div.pages a.current div.corner.bottomleft { display: none; } div#pg_columnB2 div.productList div.navigation.navBottom div.pages a.current div.corner { display: none; } div#pg_columnB2 div.productList div.navigation.navBottom div.pages a.current div.corner.bottomright, div#pg_columnB2 div.productList div.navigation.navBottom div.pages a.current div.corner.bottomleft { display: block; } * html div#pg_columnB2 div.productList div.navigation div.pages a.rounded div.corner.bottomleft, * html div#pg_columnB2 div.productList div.navigation div.pages a.rounded div.corner.bottomright { bottom: -2px; } div.divider { position: relative; margin: 8px 20px 8px 15px; border-top: 1px dotted #666666; clear: both; } div.divider.dividerNoLine { margin: 0; border: 0; } div.moreItems, div.categories.categoryList { position: relative; margin: 15px 0 0 0; } div#pg_columnB.home div.moreItems div.title { color: #5A5A5A; font-size: 13px; margin: 4px 12px 0px 18px; padding: 0; } div#pg_columnB.home div.moreItems div.title a { color: #5A5A5A; display: block; } div#pg_columnB.home div.moreItems div.title a:hover { color: #00CF00; text-decoration: underline; } div.moreItems div.categories, div.categories.categoryList { position: relative; margin-left: 13px; margin-right: 8px; } div.categories.categoryList { margin-left: 20px; margin-right: 13px; } div.categories.categoryList ul.column, div.moreItems ul.column { float: left; font-size: 11px; letter-spacing: 0.01em; margin: 0; margin-right: 6px; padding: 0; width: 115px; } div.categories.categoryList ul.column li, div.moreItems ul.column li { line-height: 11px; list-style: none; margin: 4px; padding-left: 8px; background: url(../images/pg_moreListItem.gif) no-repeat; } div.moreItems ul.column li a, div.moreItems div.all a { color: #00AE00; } div.moreItems ul.column li a:hover, div.moreItems div.all a:hover { color: #00CF00; } div.categories.categoryList ul.column { line-height: 10px; margin: 0; margin-top: 4px; width: 24%; } div.categories.categoryList ul.column li { font-size: 12px; line-height: 13px; margin: 5px; margin-right: 0; padding-left: 8px; } div.moreItems div.categories div.all { clear: both; font-size: 11px; margin-right: 8px; padding: 2px 0 0 0; text-align: right; } div#footDivider { position: relative; border-bottom: 4px solid #666666; clear: both; padding: 0; width: 100%; z-index: 2; height: 12px; } div#pg_footer { top: 0px; margin-top: 0px; clear: both; padding: 10px 0; z-index: 2; } div#pg_footer a { color: #0036B1; } div#pg_footer a:hover { color: #3366FF; text-decoration: underline; } div#pg_footer div.column3 { float: left; width: 30%; padding: 0 2% 0 1%; } div#pg_footer div.column3 a { } div#pg_footer div.column3 div.title { color: #333333; font-size: 150%; margin: 8px; } div#pg_footer div.column3 ul li { line-height: 1.1em; margin-bottom: 0.33em; } div#pg_footCol1.column3 { border-right: 1px dashed #999999; } div#pg_footCol3.column3 { border-left: 1px dashed #999999; } div#pg_footAbout { position: relative; clear: both; border-top: 1px dashed #999999; font-size: 0.95em; margin: 10px; padding: 9px 0; } div#pg_footAbout div.title { color: #000000; font-size: 120%; margin: 0 8px; } div#pg_footAbout div.body { padding: 4px 230px 0 8px; } div#pg_Motricity { position: absolute; bottom: 84px; right: 5px; margin-top: 30px; z-index: 3; } ul#pg_footLinks { border-top: 4px solid #666666; font-size: 11px; margin: 10px 0; padding: 0; padding-top: 10px; text-align: center; } ul#pg_footLinks li { display: inline; list-style: none; padding: 0 4px 0 2px; } ul#pg_footLinks li a { padding: 1px; text-decoration: none; } ul#pg_footLinks li.last { border: 0; } div#pg_copyright { font-size: 10px; line-height: 12px; padding-top: 6px; text-align: center; } div.adspace { position: relative; text-align: center; } div.iabFullBanner { position: relative; text-align: center; left: 50%; margin-left: -234px; width: 468px; height: 60px; } div.iabLeaderboard { position: relative; text-align: center; left: 50%; margin-left: -359px; width: 728px; height: 90px; } div.iabSkyscraper { position: relative; text-align: center; left: 50%; margin-left: -60px; width: 120px; height: 600px; } div.iabVerticalBanner { position: relative; text-align: center; left: 50%; margin-left: -60px; width: 120px; height: 240px; } div.clear { clear: both; font-size: 1px; } div#pg_Spotlight { position: relative; background: url(../images/selector/curve.gif) no-repeat top left; width: 559px; z-index: 3; } div#homeAdTop, div#homeAdBottom { position: relative; left: 0; clear: both; margin: 0; padding: 15px; padding-right: 0; width: 559px; } div#homeAdTop { height: 250px; } div#homeAdBottom { height: 120px; padding-bottom: 5px; } div.adBlock div.homeAd div.adspace, div.adBlock div.adspace { position: relative; display: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } div.adBlock div.homeAd_single520x250 div#homeAd_1 { display: block; left: 5px; width: 520px; height: 250px; } div.adBlock div.homeAd_single520x120 div#homeAd_1 { display: block; left: 5px; width: 520px; height: 120px; } div.adBlock div.homeAd_double255x120 div.adspace { width: 255px; height: 120px; } div.adBlock div.homeAd_double255x120 div#homeAd_1 { display: block; } div.adBlock div.homeAd_double255x120 div#homeAd_2 { display: block; position: absolute; top: 15px; left: 290px; } div.adBlock div.homeAd_double255x250 div.adspace { width: 255px; height: 250px; } div.adBlock div.homeAd_double255x250 div#homeAd_1 { display: block; } div.adBlock div.homeAd_double255x250 div#homeAd_2 { display: block; position:absolute; top: 15px; left: 290px; } div.adBlock div.homeAd_double520x120 div.adspace { width: 520px; height: 120px; } div.adBlock div.homeAd_double520x120 div#homeAd_1 { display: block; left: 5px; } div.adBlock div.homeAd_double520x120 div#homeAd_2 { display: block; left: 5px; margin-top: 15px; } div.adBlock div.homeAd_triple165x120 div.adspace { width: 165px; height: 120px; } div.adBlock div.homeAd_triple165x120 div#homeAd_1 { display: block; } div.adBlock div.homeAd_triple165x120 div#homeAd_2 { display: block; position: absolute; top: 15px; left: 197px; } div.adBlock div.homeAd_triple165x120 div#homeAd_3 { display: block; position: absolute; top: 15px; left: 379px; } div.adBlock div.homeAd_tripleLeft div.adspace { width: 255px; height: 120px; } div.adBlock div.homeAd_tripleLeft div#homeAd_1 { display: block; height: 250px; } div.adBlock div.homeAd_tripleLeft div#homeAd_2 { display: block; position: absolute; top: 15px; left: 290px; } div.adBlock div.homeAd_tripleLeft div#homeAd_3 { display: block; position: absolute; top: 145px; left: 290px; } div.adBlock div.homeAd_tripleRight div.adspace { width: 255px; height: 120px; } div.adBlock div.homeAd_tripleRight div#homeAd_1 { display: block; } div.adBlock div.homeAd_tripleRight div#homeAd_2 { display: block; margin-top: 10px; } div.adBlock div.homeAd_tripleRight div#homeAd_3 { display: block; position: absolute; top: 15px; left: 290px; height: 250px; } div.adBlock div.homeAd_quad255x120 div.adspace { width: 255px; height: 120px; } div.adBlock div.homeAd_quad255x120 div#homeAd_1 { display: block; left: 2px; } div.adBlock div.homeAd_quad255x120 div#homeAd_2 { display: block; left: 2px; margin-top: 15px; } div.adBlock div.homeAd_quad255x120 div#homeAd_3 { display: block; position: absolute; top: 15px; left: 286px; } div.adBlock div.homeAd_quad255x120 div#homeAd_4 { display: block; position: absolute; top: 150px; left: 286px; } div#pg_columnB_advertTL, div#pg_columnB_advertML, div#pg_columnB_advertBL { width: 205px; height: 120px; margin: 8px; } div#pg_columnB_advertBR { width: 300px; height: 120px; margin: 8px; } div#pg_columnB_pageSponsor { width: 300px; height: 250px; margin: 8px; } /* Folded Text Areas (AKA FAQs) */ ul.folding { padding: 0 12px; } li.folded { list-style: none; margin: 0; padding: 0; } .folded h2, body.gray .folded h2 { color: #333; font-size: 15px; cursor: pointer; font-weight: normal; margin: 10px 0 2px 0; } .folded h2 > a { color: black; } .folded h2 > a:hover { background: transparent; color: black; text-decoration: none; } .folded h2 span.pointer { display: none; padding-right: 0.5em; } .folded h2 span.pointer.pre { display: inline; } .folded > h2.unfolded, body.gray .folded > h2.unfolded { font-weight: bold; } .folded > h2.unfolded span.pointer.pre { display: none; font-weight: bold; } .folded > h2.unfolded span.pointer.post { display: inline; } .folded h2.active { background: #F0F0F0; } .folded h2.active span.pointer.pre { background: white; } .folded > div.foldedText { display: none; margin: 0 0 10px 0; padding: 0 0 2px 0; border: 1px dotted #CCC; border-width: 0 0 1px 0; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .folded > div.foldedText.unfolded { display: block; } .folded > div.foldedText p { margin: 5px; } /* Generic CSS boxes */ div#pg_columnB div#pg_columnB2 div.box, div#pg_columnB div#pg_columnB2.category div.item { margin: 10px 2px; width: 505px; } div#pg_columnB div#pg_columnB2 div.box div.c, div#pg_columnB div#pg_columnB2.category div.item div.c { margin: 0; padding: 5px 0; width: 485px; } div#pg_columnB div#pg_columnB2 div.box, div#pg_columnB div#pg_columnB2 div.box div.a, div#pg_columnB div#pg_columnB2 div.box div.b, div#pg_columnB div#pg_columnB2 div.box div.c, div#pg_columnB div#pg_columnB2 div.item, div#pg_columnB.product div#pg_columnB2 div.item, div#pg_columnB div#pg_columnB2 div.item div.a, div#pg_columnB.product div#pg_columnB2 div.item div.a, div#pg_columnB div#pg_columnB2 div.item div.b, div#pg_columnB.product div#pg_columnB2 div.item div.b, div#pg_columnB div#pg_columnB2 div.myAccount div.boxWhite, div#pg_columnB div#pg_columnB2 div.myAccount div.boxWhite div.a, div#pg_columnB div#pg_columnB2 div.myAccount div.boxWhite div.b { background: transparent; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineGray { background: url(../images/boxes/fullColumn_outlineGray.gif) repeat-y left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineGray div.a { background: url(../images/boxes/fullColumn_outlineGray_top.gif) no-repeat top left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineGray div.b { background: url(../images/boxes/fullColumn_outlineGray_bottom.gif) no-repeat bottom left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineBlue { background: url(../images/boxes/fullColumn_outlineBlue.gif) repeat-y left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineBlue div.a { background: url(../images/boxes/fullColumn_outlineBlue_top.gif) no-repeat top left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineBlue div.b { background: url(../images/boxes/fullColumn_outlineBlue_bottom.gif) no-repeat bottom left; } div#pg_columnB.product div#pg_columnB2 div.box.boxGray, div#pg_columnB.product div#pg_columnB2 div.item.itemGray, div#pg_columnB.nonproduct div#pg_columnB2 div.box.boxGray, div#pg_columnB.nonproduct div#pg_columnB2 div.item.itemGray { background: #EAEAEA; } div#pg_columnB.product div#pg_columnB2 div.box.boxGray div.a, div#pg_columnB.product div#pg_columnB2 div.item.itemGray div.a, div#pg_columnB.nonproduct div#pg_columnB2 div.box.boxGray div.a, div#pg_columnB.nonproduct div#pg_columnB2 div.item.itemGray div.a { background: url(../images/boxes/fullColumn_EAEAEA_top.gif) no-repeat top left; } div#pg_columnB.product div#pg_columnB2 div.box.boxGray div.b, div#pg_columnB.product div#pg_columnB2 div.item.itemGray div.b, div#pg_columnB.nonproduct div#pg_columnB2 div.box.boxGray div.b, div#pg_columnB.nonproduct div#pg_columnB2 div.item.itemGray div.b { background: url(../images/boxes/fullColumn_EAEAEA_bottom.gif) no-repeat bottom left; } div.note { margin: 10px 0; } /* Generic CSS buttons */ div#pg_columnB2 div.box div.button.buttonRemoveFromList { background: url(../images/buttons/removeFromList.gif) no-repeat; cursor: pointer; height: 17px; width: 92px; margin: 0 0 3px 160px; } div#pg_columnB2 div.box.boxGray div.button.buttonRemoveFromList { background: url(../images/buttons/removeFromList_gray.gif) no-repeat; } div#pg_columnB2 div.box div.button.buttonAddToCart { background: url(../images/buttons/addToCart.gif) no-repeat; cursor: pointer; height: 17px; width: 68px; margin: 20px 0 0 0; } div#pg_columnB2 div.box.boxGray div.button.buttonAddToCart { background: url(../images/buttons/addToCart_gray.gif) no-repeat; } /* General Page (Sub)Sections */ div.section { margin: 5px 25px 5px 20px; } div#pg_columnB2 div.section div.label { color: black; font-size: 18px; font-weight: normal; border: 0; margin: 0; margin-bottom: 1em; padding: 0; } /* In-Page Searches */ div.section div.search.searchSimple { position: relative; margin: 0; width: 505px; } div.section div.search.searchSimple * { position: absolute; top: 10px; right: 0px; font-size: 12px; } div.section div.search.searchSimple input.text { position: relative; left: 0; height: inherit; width: 300px; border: 1px inset black; padding: 2px; } div.section div.search.searchSimple input, div.section div.search.searchSimple select { height: inherit; } div.section div.search.searchSimple select { right: 65px; width: 130px; border: 1px inset black; padding: 1px 0; } div.section div.search.searchSimple select option { position: relative; } div.section div.search.searchSimple input.button { height: 20px; width: 33px; } div#pg_columnB div#pg_columnB2.contact.contactThankYou div.section div.searchSimple * { top: inherit; } div#pg_columnB.product div#pg_columnB2.contact.contactThankYou div.section div.searchSimple div.title { font-size: 16px; } div#pg_columnB.product div#pg_columnB2.contact.contactThankYou div.section div.searchSimple input.button { width: 33px; } /* Widget SF299.6: Recommendations */ div#pg_columnB div#pg_columnB2 div.w299_6 { margin: 0; margin-top: 1em; } div#pg_columnB div#pg_columnB2 div.w299_6 div.label { border: 0; color: black; font-size: 13px; font-weight: normal; margin: 0; padding: 0; } div#pg_columnB div#pg_columnB2 div.w299_6 ul li { font-size: inherit; list-style: url(../images/pg_moreListItem.gif); margin-left: 0; padding: 0; padding-bottom: 2px; } div#pg_columnB div#pg_columnB2 div.w299_6 ul li a { color: #00AE00; } /* General Content */ div#pg_columnB2.content div.c { margin: 0; padding: 1px 15px 25px 0px; } /* div#pg_columnB2.content div.title { position: relative; color: #00AE00; font-size: 20px; margin: 10px 0 0 20px; padding: 0; z-index: 1; } */ div#pg_columnB2.content div.note { margin: 10px; } div#pg_columnB div#pg_columnB2 div.section div.label.topLine { border-top: 1px solid #333333; margin-top: 20px; width: 505px; } div#pg_columnB div#pg_columnB2 div.section div.section div.label { font-size: 12px; padding: 15px 0 0 0; } div.collapsible { padding-bottom: 10px; } div.collapsible h1 { color: #0036B1; cursor: pointer; font-size: 14px; font-weight: normal; margin: 0; padding: 3px 0; margin-left: 0.5em; text-indent: -1em; } div.collapsible h1.hover { color: #3366FF; text-decoration: underline; } div.collapsible div { border: 1px dotted #999999; border-left: 0; border-right: 0; display: none; padding: 8px 0; } div.collapsible div h3 { color: black; font-size: 13px; margin-bottom: 0; } /* Widget SF299.12: All Categories */ div#w299_12 { position: absolute; left: 238px; top: 14px; background: white; border: 1px solid black; color: black; font-size: 11px; padding: 0.75em; padding-bottom: 1.5em; width: 400px; z-index: 101; } div#w299_12 div.close { position: absolute; top: 0; right: 0; margin: 0; padding: 0.5em; } div#w299_12 div.close a { color: #0036B1; } div#w299_12 div.title { clear: both; padding-top: 1em; width: 360px; } div#w299_12 div.title a { color: black; font-size: 12px; font-weight: bold; text-decoration: none; } div#w299_12 ul { margin: 0; padding: 0; } div#w299_12 ul li { list-style: none; margin: 1px; padding: 0; } div#w299_12 ul li a { font-size: 11px; } div#w299_12 div.column { float: left; width: 25%; } div#w299_12 div a:hover { color: #009300; text-decoration: underline; } /* Wishlist */ div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.box { margin-bottom: 10px; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.box, div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.box div.a, div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.box div.b, div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.box div.c { height: 8.25em; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.title { margin: 0; padding: 0; width: 280px; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.title a { font-size: 17px; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item { position: relative; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.column { position: absolute; height: 6em; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.column1 { left: 10px; width: 80px; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.column2 { left: 100px; width: 150px; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.column3 { right: 10px; top: 10px; text-align: right; width: 250px; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.tellFriendAnchor { position: absolute; bottom: 5px; right: 0; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.image, div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist div.item div.imageShadow { margin-left: 0; } div#pg_columnB div#pg_columnB2 div.myAccount div.wishlist a.button { display: block; margin: 6px 0 3px 0; } div#pg_columnB div#pg_columnB2.purchaseCart div.myAccount div.title { font-size: 16px; padding: 0; } /* Tooltips */ div.tooltip { position: absolute; display: none; margin: 0 0 0 3px; white-space: normal; } * html div.tooltip, div.tooltip.built { display: inline; } div.tooltip div.tip { display: none; } div.tooltip div.icon { position: absolute; top: 1px; width: 18px; height: 18px; background: url(../images/tooltips/icon.gif) no-repeat; background-position: top left; cursor: pointer; } div.tooltip div.icon.active, div.msgHighlight div.tooltip div.icon.active { background-position: top right; } div.msgHighlight div.tooltip div.icon { background: url(../images/tooltips/icon-message.gif) no-repeat; } div.viewTip { position: absolute; background: #EAEAEA; border: 1px solid #0036B1; color: #0036B1; padding: 0px; width: 400px; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 10; } div.viewTip h3 { position: relative; margin: 0; font-size: 13px; background: #0036B1; color: white; padding: 2px; z-index: 0; } div.viewTip p { padding: 0 8px; } div.viewTip ul { margin: 0; padding: 0 2em; list-style: disc; } div.viewTip ul li { margin-bottom: 5px; } div.viewTip img.screenshot { float: right; margin: 8px; } div.viewTip a.close { position: absolute; right: 3px; top: 3px; border: 1px solid white; color: white; cursor: pointer; font-size: 10px; padding: 0 2px; text-transform: uppercase; z-index: 1; } div.viewTip a.close:hover { background: #3366FF; color: white; text-decoration: none; } div.viewTip div.toggle { display: none; } div.viewTip div.toggle.active { display: block; } div.viewTip div.toggle div.options { font-size: 10px; text-transform: uppercase; text-align: center; } div.viewTip div.toggle div.options a { color: #333; text-decoration: underline; } div.viewTip div.body.hidden { display: none; } /* General Messaging */ div#messaging { display: none; } span.errorExample { background: #FFF399; padding: 0 2px; } div#pg_columnB div#pg_columnB2 div.message, #pg_main div.message, #pg_confirmation { margin: 10px 0 10px 5px; padding:0; } div#pg_columnB div#pg_columnB2 div.message div.c, #pg_main div.message div.c, #pg_confirmation div.c, div#pg_columnB div#pg_columnB2.search.searchResults div.message div.c { background: transparent; color: black; margin: 0; padding: 0; padding: 12px 20px 18px 20px; left: 50px; top: 0; font-size: 13px; } div#pg_columnB.nonproduct div#pg_columnB2 div.message { margin-left: 0px; left: -2px; position: relative; } div#pg_columnB div#pg_columnB2 div.title div.message a { color: #00AE00; text-decoration: underline; } div#pg_columnB div#pg_columnB2 div.message { background: white url(../images/messaging/bkg.gif) repeat-y; width: 510px; } div#pg_columnB div#pg_columnB2 div.message div.a, div#pg_columnB.product div#pg_columnB2 div.message div.a { background: url(../images/messaging/bkg_top.gif) no-repeat top left; width: 510px; } div#pg_columnB div#pg_columnB2 div.message div.b, div#pg_columnB.product div#pg_columnB2 div.message div.b { background: url(../images/messaging/bkg_bottom.gif) no-repeat bottom left; width: 510px; } div#pg_columnB div#pg_columnB2 div.message div.c, div#pg_columnB.product div#pg_columnB2 div.message div.c, div#pg_columnB.nonproduct div#pg_columnB2 div.message div.c { width: 420px; padding-bottom: 1em; } div#pg_columnB div#pg_columnB2 div.message img.icon, #pg_main div.message img.icon { position: absolute; top: 12px; left: -38px; } div#pg_columnB div#pg_columnB2 div.message h1, #pg_main div.message h1 { font-size: 16px; color: black; margin-top: 0; } div#pg_columnB div#pg_columnB2 div.message p, #pg_main div.message p { margin: 0; margin-bottom: 4px; } div#pg_columnB div#pg_columnB2 div.message ul, div#pg_columnB.product div#pg_columnB2 div.message ul, div#pg_columnB.nonproduct div#pg_columnB2 div.message ul { color: black; display: inherit; list-style: list-item; margin: 0.75em; padding: inherit; margin-left: 1em; text-align: left; } div#pg_columnB div#pg_columnB2 div.message ul li, div#pg_columnB.product div#pg_columnB2 div.message ul li, div#pg_columnB.nonproduct div#pg_columnB2 div.message ul li { color: black; display: list-item; padding: inherit; margin: 0 1.5em; list-style-type: disc; text-align: left; } div#pg_columnB div#pg_columnB2 div.row.msgHighlight { background: #FFF399; border: 0px solid #FFBD00; } div#pg_columnB div#pg_columnB2 div.row.msgHighlight div.column span.required { font-weight: bold; color: black; } div#pg_columnB div#pg_columnB2 div.row.msgHighlight div.column { color: black; } div#pg_columnB div#pg_columnB2 div.row.msgHighlight div.column.column2 { padding-top: 3px; } div#pg_columnB div#pg_columnB2 div.row.msgHighlight div.column.column3 { padding-top: 2px; } div#pg_columnB div#pg_columnB2 div.row.msgHighlight input { border: 1px solid #FFBD00; padding: 2px; } div#pg_columnB div#pg_columnB2 div.row.boxOutlineBlue.msgHighlight { background: url(../images/boxes/fullColumn_outlineMessage.gif) repeat-y left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineBlue.msgHighlight div.a { background: url(../images/boxes/fullColumn_outlineMessage_top.gif) no-repeat top left; } div#pg_columnB div#pg_columnB2 div.box.boxOutlineBlue.msgHighlight div.b { background: url(../images/boxes/fullColumn_outlineMessage_bottom.gif) no-repeat bottom left; } div#pg_columnB div#pg_columnB2 div.row.boxOutlineBlue.msgHighlight div.column a { color: black; } div#pg_columnB div#pg_columnB2 div.row.boxOutlineBlue.msgHighlight div.column.column2 { top: 0em !important; } div#pg_columnB div#pg_columnB2 div.row.boxOutlineBlue.msgHighlight div.column.column3 { border-top: 0; } div#pg_columnB div#pg_columnB2 div.message.msg_confirmation { background: url(../images/messaging/bkgGreen.gif) repeat-y; } div#pg_columnB div#pg_columnB2 div.message.msg_confirmation div.a { background: url(../images/messaging/bkgGreen_top.gif) no-repeat top left; } div#pg_columnB div#pg_columnB2 div.message.msg_confirmation div.b { background: url(../images/messaging/bkgGreen_bottom.gif) no-repeat bottom left; } div#pg_columnB div#pg_columnB2 div.message div.note { font-size: 13px; text-align: left; width: inherit; left: 0; margin-left: 0; } div#pg_columnB div#pg_columnB2.error.errorMaintenance div.message div.c * { text-align: center; font-size: 21px; } div#pg_columnB div#pg_columnB2 div.categoryTitle div.message { margin-left: -27px; } div.message span.url { position: relative; font-weight: bold; z-index: 1; } div.message span.fullUrl { position: absolute; top: -1px; left: -3px; padding: 2px; border: 1px solid black; background: #FFF399; color: black; font-weight: normal; z-index: 2; display: none; } div#pg_confirmation { position: absolute; left: 260px; top: 140px; background: white; border: 5px solid #FFC000; display: none; width: 495px; z-index: 102; } div#pg_confirmation div.a, div#pg_confirmation div.b, div#pg_confirmation div.c { position: relative; background: transparent; } div#pg_confirmation div.c { width: 405px; } div#pg_confirmation p.center, div#pg_confirmation div.buttons { text-align: center; position: relative; left: -25px; } div#pg_confirmation img.button { cursor: pointer; margin: 2px; } iframe.ad { border: 0; padding: 0; margin: 0; } /* A new approach to rounding corners */ .rounded { position: relative; } .rounded * { position: relative; z-index: 2; } .rounded .corner { position: absolute; width: 12px; height: 12px; z-index: 1; background-repeat: no-repeat; } .rounded .corner.topleft { top: -1px; left: -1px; background-position: top left; } .rounded .corner.topright { top: -1px; right: -1px; background-position: top right; } .rounded .corner.bottomleft { bottom: -1px; left: -1px; background-position: bottom left; } .rounded .corner.bottomright { bottom: -1px; right: -1px; background-position: bottom right; } * html .rounded .corner.topleft { top: 0px; left: 0px; } .clickable { cursor: pointer; } /* Redirect Popups */ #hideEverything { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: black url(../images/popup/hideEverything.gif); z-index: 500; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #fullPopup { position: fixed; top: 50%; left: 50%; margin: -200px 0 0 -300px; width: 600px; background: white; border: 1px solid #FFDB00; cursor: pointer; z-index: 501; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #fullPopup img.logo { position: absolute; top: 6px; right: 6px; z-index: 1; } #fullPopup img.continue { position: absolute; bottom: 8px; right: 8px; z-index: 10; } #fullPopup div.text { position: relative; border: 5px solid #FFBD00; padding: 0 1em 2em 1em; z-index: 2; } #fullPopup div.text h3 { clear: both; font-size: 18px; } #fullPopup div.text h3, #fullPopup div.text h4, #fullPopup div.text p, #fullPopup div.text ul li { color: #455445; } #fullPopup a.continue { position: absolute; bottom: 1em; right: 1em; } * html #hideEverything { display: none; } * html #fullPopup { position: absolute; top: 166px; margin-top: 0; width: 550px; margin-left: -156px; } * html #fullPopup div.text { padding-top: 0.5em; } /* div.rb = "round box" */ div.rb { position: relative; padding: 0; width: 100%; } div.rb div.body { padding: 8px; } div.rb div.corner { position: absolute; z-index: 2; background: url(../images/corners/rb-tl.gif) no-repeat; font-size: 1px; width: 10px; height: 10px; } div.rb div.corner-tl { top: 0; left: 0; background-image: url(../images/corners/rb-tl.gif); background-position: top left; } div.rb div.corner-tr { top: 0; right: 0; background-image: url(../images/corners/rb-tr.gif); background-position: top right; } div.rb div.corner-br{ bottom: 0; right: 0; background-image: url(../images/corners/rb-br.gif); background-position: bottom right; } div.rb div.corner-bl { bottom: 0; left: 0; background-image: url(../images/corners/rb-bl.gif); background-position: bottom left; } div.rb.titled h2 { margin: 0; padding: 2px 0; text-transform: uppercase; font-size: 15px; font-weight: bold; letter-spacing: 1px; color: white; text-align: center; } div.rb.rb_border1 { margin-left: -1px; } div.rb.rb_border1 div.corner-tl { top: -1px; left: -1px; } div.rb.rb_border1 div.corner-tr { top: -1px; right: -1px; } div.rb.rb_border1 div.corner-br { bottom: -1px; right: -1px; } div.rb.rb_border1 div.corner-bl { bottom: -1px; left: -1px; } div.rb.rb_DEDEDE_BABACC { background: #DEDEDE; border: 1px solid #BABACC; } div.rb.rb_DEDEDE_BABACC div.corner-tl { background-image: url(../images/corners/rb-DEDEDE_BABACC-tl.gif); } div.rb.rb_DEDEDE_BABACC div.corner-tr { background-image: url(../images/corners/rb-DEDEDE_BABACC-tr.gif); } div.rb.rb_DEDEDE_BABACC div.corner-br { background-image: url(../images/corners/rb-DEDEDE_BABACC-br.gif); } div.rb.rb_DEDEDE_BABACC div.corner-bl { background-image: url(../images/corners/rb-DEDEDE_BABACC-bl.gif); } div.rb.rb_D8D896 { background: #D8D896; } div.rb.rb_D8D896 div.corner-tl { background-image: url(../images/corners/rb-D8D896-tl.gif); } div.rb.rb_D8D896 div.corner-tr { background-image: url(../images/corners/rb-D8D896-tr.gif); } div.rb.rb_D8D896 div.corner-br { background-image: url(../images/corners/rb-D8D896-br.gif); } div.rb.rb_D8D896 div.corner-bl { background-image: url(../images/corners/rb-D8D896-bl.gif); } div.rb.rb_D8D896.titled h2 { background: #AEB430; border-bottom: 1px solid white; } div.rb.rb_D8D896.titled div.corner-tl { background-image: url(../images/corners/rb-AEB430-tl.gif); } div.rb.rb_D8D896.titled div.corner-tr { background-image: url(../images/corners/rb-AEB430-tr.gif); } div.rb.unavailable { background: #EDEDED; } div.rb.unavailable div.corner-tl { background-image: url(../images/corners/rb-EDEDED-tl.gif); } div.rb.unavailable div.corner-tr { background-image: url(../images/corners/rb-EDEDED-tr.gif); } div.rb.unavailable div.corner-br { background-image: url(../images/corners/rb-EDEDED-br.gif); } div.rb.unavailable div.corner-bl { background-image: url(../images/corners/rb-EDEDED-bl.gif); } ul.horizontal { margin: 0; padding: 0; list-style: none; } ul.horizontal li { display: inline; } /* IE6 fixes */ .hideIE6 { visibility: hidden !important; }