/************************************************* * FILE: /core/style.css *************************************************/ /*------------------------------*/ /* --- GENERAL TAGS CLASSES --- */ /*------------------------------*/ .pr .trackingPixelWrapper {font-size:0%;} /* .pr {font-family: arial, helvetica, verdana, geneva, sans-serif;} */ /* html documents within iframes */ body.iframed {margin-left:0px; margin-right:0px; font-size:68.75%; font-family: arial, helvetica, verdana, geneva, sans-serif;} /* .pr table {background: white;} .pr td {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size:1em; line-height: 1.4em;} */ /*-------------------------*/ /*--- SITE WIDE CLASSES ---*/ /*-------------------------*/ /* Container for entire content area .pr .maindiv {width:773px; display:block;} */ /* Container for right side ads .pr .addiv { position: absolute; left: 824px; top: 0; /* float: left; */ } */ .pr .small {font-size: 0.8em;} .pr .large {font-size: 1.167em;} .pr .bold {font-weight: bold;} .pr .red {color: #be0101;} .pr .green {color: #2e8d03;} .pr .darkblue {color: #3A5C9C;} .pr .grey { color: #666666; } .pr .heading1 {color: #333333; font-size: 1.45em; font-weight: bold; margin-bottom: 0px; } .pr .heading2 {color: #333333; font-size: 1.27em; font-weight: bold; margin: 0px; } .pr .heading3 {color: #333333; font-size: 1.1em; font-weight: bold; margin-bottom: 0px; } .pr .topheading {color: #333333; font-size: 1.64em; font-weight: bold; margin: 10px 0 0 0; } .pr .productheading {color: #333333; font-size: 1.27em; font-weight: bold; margin-bottom: 0px; } .pr .headingclear {font-size:1em; color: #000000; font-weight:bold} /* Links from list table headers */ .pr a.boxheader:link,.pr a.boxheader:visited {color: #ffffff; font-weight:bold;} .pr a.boxheader:hover {color:#ad8226;} /* General big bold link */ .pr a.productlist:link,.pr a.productlist:visited {font-weight:bold; font-size:1.1em;} /* Bold links */ .pr a.bold:link,.pr a.bold:visited {font-weight:bold;} /* Less important links */ .pr a.secondary:link,.pr a.secondary:visited {color:#555555; text-decoration:underline;} .pr a.secondary:hover {color:#ad8226;} /* Old tabs table */ .pr table.tab {border-collapse: collapse; border-bottom: 2px solid #3A5C9C; margin-bottom: 3px;} .pr td.tab {font-weight: bold; text-align: center; padding: 4px; border-top: 1px solid #9cccff; border-left: 1px solid #9cccff; border-right: 1px solid #9cccff;} .pr td.tabselected {color: #ffffff; font-weight: bold; text-align: center; background-color: #3A5C9C; padding: 4px; border-top: 1px solid #9cccff; border-left: 1px solid #9cccff; border-right: 1px solid #9cccff;} /* Links from old tabs */ .pr a.tab:link,.pr a.tab:visited {color: #000000; text-decoration: none;} .pr a.tab:hover {text-decoration: none;} .pr a.tabselected:link,.pr a.tabselected:visited {color: #ffffff; text-decoration: none;} .pr a.tabselected:hover {text-decoration: none; color:#C0D6FF;} /* Removes margins above and below an object */ .pr .nomargin {margin: 0px; border-top-style: none; border-bottom-style: none;} .pr table.box {margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; padding: 0px; border-collapse: collapse;} /* General table header */ .pr tr.boxheader {background-color: #6C95CD; margin: 0px; padding: 0px;} .pr td.boxheader {color: #ffffff; font-weight: bold; font-size: 1.1em; margin: 0px; padding: 4px;} .pr .boxheader-new {border-top:1px solid #d8deea; border-bottom:1px solid #e9f0ff; background-repeat:repeat-x; font-size:1.1em; font-weight:bold; padding:5px;} .pr tr.boxbody {margin: 0px; padding: 0px;} .pr td.boxbody {width: 100%; margin: 0px; padding: 4px;} /* General class to remove margins and padding */ .pr table.rules {margin: 0px; padding: 0px; border-collapse: collapse;} /* Standard table header */ .pr tr.rulesheader {background-color: #6C95CD;} .pr td.rulesheader {color: #ffffff; font-size: 1.1em; font-weight:bold; padding: 4px;} /* Standard table body */ .pr tr.rulesbody {} .pr td.rulesbody {padding: 4px; border-bottom: 1px solid #6C95CD;} /* Standard buttons */ .pr .spiffy {background-color: #FFFFFF; background-image: url(laptop/images/i/legacy07/button_bg.gif); background-repeat: repeat-x; width:auto; overflow:visible; border: 1px solid #ABC9EF; color: #333333; cursor: pointer; font-family: arial, helvetica, verdana, geneva, sans-serif; font-size:1em; font-weight: bold; padding: 1px 4px 0px 4px; } .pr .spiffyhigh {background-color: #FFFFFF; background-image: url(laptop/images/i/legacy07/button_bg.gif); background-repeat: repeat-x; width:auto; overflow:visible; border: 1px solid #0167CC; color: #333333; cursor: pointer; font-family: arial, helvetica, verdana, geneva, sans-serif; font-size:1em; font-weight: bold; padding: 1px 4px 0px 4px;} /* Gray square with border */ .pr .greysquare {background: #f6f6f6; border:1px solid #cccccc; padding:0px;} /* White square with border */ .pr .whitesquare {background: #ffffff; border:1px solid #cccccc; padding:0px;} /* Light grey row */ .pr .shadowrow {background-color: #F4F8FD;} .pr tr.titlerow {background-color: #6C95CD; } .pr tr.darkrow {background-color: #eeeeee; } .pr tr.whiterow {background-color: #ffffff;} .pr td.lightcell {background-color: #eeeeee;} .pr td.whitecell {background-color: #ffffff;} /* Text with larger font */ .pr .text {font-size: 1.1em;} /*-------------------------------*/ /*--- HEADER & FOOTER CLASSES ---*/ /*-------------------------------*/ /* Toplist classes */ .pr table.toplist {border-color: #cccccc; border-collapse: collapse; border-style: solid; border-width: 1px;} .pr .toplistheader {background-color: #f6f6f6; color: #5a5a5a; font-weight: bold;} .pr .toplistbullet {background-image: url("laptop/img/newdesign/toplistbullet.gif"); background-repeat:no-repeat; background-position: center; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center} /* New toplist classes */ .pr .toplistdiv {border:1px solid #D2D2D2; padding:2px;} .pr table.toplist-new {border-collapse:collapse; width:100%;} .pr table.toplist-new td {padding:5px; border-bottom:1px solid #D2D2D2;} .pr table.toplist-new tr {} .pr span.toplistprice {font-weight:bold;} .pr .toplist-footer {background-color:#f0f0f0; text-align:right; padding:5px; cursor:pointer;} .pr p.toplistprice {margin-top:0.5em;} .pr div.toplist_container {float:left; border:1px solid #D2D2D2; padding:2px; margin: 0px;} .pr div.toplist_row {float:left; border-top:1px solid #D2D2D2; padding:0px; width:100%;} .pr div.toplist_header {background-image:url(laptop/images/i/toplist/buy_bg.gif); background-repeat:repeat-x; font-size:1.1em; font-weight:bold; padding:5px;} .pr div.toplist_footer {border-top:1px solid #D2D2D2; float:left; background:#F0F0F0; text-align:right; padding:2px 0px; width:100%; } .pr div.toplist_number {border:0px solid #D2D2D2; float:left; width: 20px; margin: auto; padding-top:20px;} .pr div.toplist_image { float:left; border:0px solid #D2D2D2; width: 50px; margin: auto; padding: 5px 10px 5px 5px;} .pr div.toplist_text {float: left; width: 130px !important; width: 120px; border:0px solid #D2D2D2; margin: auto; padding: 5px;} .pr img.toplist_img { width: 50px;height: 50px; margin: auto; } .pr span.toplistprice {font-weight:bold;} .pr p.toplistprice {margin-top:0.5em;} /* Buying advice banner */ .pr .buyingadvicetable {border:1px solid #ad8226;} .pr .buyingadvicegreytext {color:#999999; font-size:1.1em; font-weight:bold;} .pr .buyingadviceblacktext {color:#333333; font-size:22px; line-height: 1.2em;} .pr a.buyingadvice:link,.pr a.buyingadvice:visited {color:#0167CC; text-decoration:none; font-size:22px; line-height: 1.2em;} .pr a.buyingadvice:hover {color:#ad8226; text-decoration:underline;} /* Splash page image classes */ .pr #splashimagerow {padding:5px 0px;} .pr #splashimagetable {} .pr #splashimagetable td {width:120px; text-align:center; vertical-align:top;} .pr #splashimagetable td img {border:1px solid #ABC9EF;} .pr .splashimagelink {font-weight:bold;} /*-------------------------------------------------------------------------------------------*/ /*--- STANDARD LISTINGS PAGES CLASSES (product list, price list, product detail, reviews) ---*/ /*-------------------------------------------------------------------------------------------*/ /* Deprecated. Use td.boxheader and a.boxheader class instead. */ .pr a.bigboxheader:link {color: #ffffff; font-size: 1.1em; font-weight: bold;} /* Product name header link */ .pr a.standardlarge:link,.pr a.standardlarge:visited {font-size: 1.27em; font-weight: bold;} /* Links to other websites */ .pr a.externallarge:link,.pr a.externallarge:visited {font-size: 1.27em; font-weight: bold;} /* Header page name */ .pr .productpageheader {font-weight:bold; font-size: 1.27em;} .pr .productpageheader2 {font-weight:bold; font-size: 1.27em;} /* Filter options */ .pr td.filter {padding: 9px 0px;} .pr td.filterheading {background-color: #E8E8E8; color: #333333; font-weight: bold; font-size: 1em; margin: 0px; padding: 4px;} /* Filter input fields */ .pr .freetextrefine {width:140px;} .pr .standardrefine {width:120px;} .pr .minmaxprice {width:55px;} /* The compare-side-by-side parts of product list */ .pr td.compare {background: #F4F8FD; padding: 8px 0px; margin:0px;} .pr td.comparebottom {background: #F4F8FD; padding: 8px 0px; margin:0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color:#D2D2D2;} /* Standard listings cells */ .pr td.productlistboth {border-width: 0px 1px 1px 1px; border-style: solid; border-color:#D2D2D2; padding:5px; } .pr td.productlistright {border-width: 0px 1px 1px 0px; border-style: solid; border-color:#D2D2D2; padding:5px; } .pr td.productlistnone {border-width: 0px 0px 1px 0px; border-style: solid; border-color:#D2D2D2; padding:5px; } .pr td.productlistline {background-color:#D2D2D2;} /* Not linked price */ .pr .listprice {font-weight:bold; font-size:1.27em; color:#777777;} /* Last price update date */ .pr .listdate {line-height: 1.8em; font-size: 0.82em; margin-top:8px;} /* Product pages tabs */ .pr .producttabframe {border-width: 1px 1px 1px 1px; border-color:#87A7CF; border-style:solid; padding:1px 1px 0px 1px;} .pr .producttabframechosen {border-width: 1px 1px 0px 1px; border-color:#87A7CF; border-style:solid; padding:1px 1px 0px 1px;} .pr .producttabnormal {background-image:url(laptop/images/i/legacy07/gradient_static.gif); background-repeat:repeat-x; padding:1px 0px; display:inline;} .pr .producttabchosen {font-weight:bold; color:#333333; padding:1px 0px; display:inline; } .pr .producttabactive {background-image:url(laptop/images/i/legacy07/gradient_mouseover.gif); background-repeat:repeat-x; padding:1px 0px; display:inline;} .pr .producttabline {border-width: 0px 0px 1px 0px; border-color:#87A7CF; border-style:solid;} .pr a.producttab:link,.pr a.producttab:visited {font-weight:bold; color:#333333; text-decoration:none;} .pr table.producttabtable {border-bottom:1px solid #87A7CF;} /* Headers on details page */ .pr td.detailsheader {border-width: 0px 0px 1px 0px; border-style: solid; border-color:#D2D2D2; padding:5px; background: #f6f6f6; font-weight: bold; font-size:1.1em;} .pr .detailssubheader {font-weight: bold; color:#333333;} /* Summary section on price listings page */ .pr table.pricelistsummary td {padding-top:2px; padding-bottom:7px;} /* Zip box classes (US specific) */ .pr .zipbox {background-color:#F6F6F6; padding: 4px; border-bottom: 1px solid #D2D2D2;} .pr .zip-invalid {color:#DD0000; font-weight: bold;} .pr input.zipcode {width:55px;} /* User reviews classes */ .pr table.reviewsquare {border:1px solid #cccccc; padding:0px;} .pr .reviewheader {background-color:#F7F7E7; padding:5px; font-weight:bold;} .pr .reviewheadertext {font-weight:bold; font-size:1em;} .pr .reviewquestion {background: #F6F6F6; padding:2px 5px ; vertical-align:top;} /* Expert reviews summary section */ .pr .reviewsummaryleft {border-width: 0px 1px 0px 0px; border-style: solid; border-color:#87A7CF; padding:0px 20px 0px 5px; font-weight:bold;} .pr .reviewsummaryright {padding:0px 5px 0px 20px;} .pr .reviewsummaryuser {padding:10px 5px 10px 5px; vertical-align:middle;} .pr td.reviewsummaryline {background-color:#87A7CF;} /* Expert reviews list classes */ .pr td.ex-reviewheader {border-width: 0px 0px 1px 0px; border-style: solid; border-color:#D2D2D2; padding:5px; background: #f6f6f6; font-weight: bold; font-size:1.1em;} .pr tr.ex-review-marked {background: #F6F6F6;} .pr .ex-reviewgrade {font-weight:bold; font-size:1.27em;} .pr .ex-reviewpoints {font-weight:bold;} .pr .ex-reviewtitle {font-weight:normal; font-size:1em; display:inline; color: #000000; } .pr .reviewcomment {background: #EEEEEE; padding:2px 5px ; vertical-align:top; font-weight:bold;} .pr .reviewcomment2 {background: #EEEEEE; padding:2px 5px ; vertical-align:top;} /* Tax and shipping text in US */ .pr .taxshipping {margin-top:3px;} /* List menu drop down */ .pr #FloatMenu {position: absolute; width: 210px; height: 50px; background: #6C95CD; visibility:hidden; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; border:1px solid #000000;} .pr #FloatMenuContent {position: absolute; width: 190px; height: 30px; text-align:left; visibility:hidden; z-index:2} .pr .ratingheader {position:relative; top:0px; left:0px; float:left;} .pr #FloatMenu2 {position: absolute; width: 210px; height: 50px; background: #6C95CD; visibility:hidden; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; border:1px solid #3A5C9C; z-index:2; display:inline; top:4px; left:-5px;} .pr #FloatMenuContent2 {position: absolute; width: 190px; height: 30px; text-align:left; visibility:hidden; z-index:3; top:12px; left:5px; display:inline;} /* Go to store button */ .pr a.storebuttonlink:link {text-decoration: none} .pr a.storebuttonlink:active {text-decoration: none} .pr a.storebuttonlink:visited {text-decoration: none} .pr a.storebuttonlink:hover {text-decoration: none} /* Go to store button */ .pr .storebutton {background-image:url("laptop/img/newdesign/goto2_empty.gif"); background-repeat:no-repeat; font-size:1.1em; color:#0167CC; display:block; font-weight:bold; width:90px; height:19px; line-height:1.5em; margin-top:8px;} .pr .storebutton-hover {background-image:url("laptop/img/newdesign/goto2_mover_empty.gif"); background-repeat:no-repeat; font-size:1.1em; color:#ad8226; font-weight:bold; width:90px; height:19px; display:block; cursor:pointer; line-height:1.5em; margin-top:8px;} /* Disclaimer text on freetext categories */ .pr #freetext-disclaimer {width:150px; border-left:1px solid #CCCCCC; padding:0px 10px;} /* Disclaimer on product info page */ .pr .checkProductInfo {padding: 10px 0px 0px 5px;} .pr #empty_retailer_message {margin-top: 10px; text-align:center; } .pr #empty_retailer_message a {color:#555555;} /* If a product has a user videoreview */ .pr .prod-has-vr { padding: 2px 20px 2px 0; background: url('laptop/images/i/icons/user-video-review-small.gif') no-repeat 0 50%; background-position: right; } .pr #productDescriptionTable td { vertical-align: bottom; } /*-----------------------------*/ /*--- SEARCH RESULT CLASSES ---*/ /*-----------------------------*/ .pr .searchsplashheader {background-color: #F4F8FD; color: #5a5a5a; font-size: 1.27em; font-weight: bold;} .pr a.searchstandardoption:link,.pr a.searchstandardoption:visited {font-size: 1.27em; font-weight: bold;} .pr table.searchsplashtable {border-color: #cccccc; border-collapse:collapse; border-style: solid; border-width: 1px;} .pr table.searchsplashtable td {padding:5px; vertical-align:top;} /*----------------------------------------*/ /*--- ENTERTAINMENT CATEGORIES CLASSES ---*/ /*----------------------------------------*/ /* Deprecated. Used in old entertainment pages */ .pr p.bigboxheader {color: #ffffff; font-weight: bold; font-size: 1.1em;} /* Deprecated. Use general .small class instead. */ .pr p.smallwhite {color: #ffffff; font-size: 0.82em;} /* Should not be used */ .pr td.titlecell {color: #ffffff; background-color: #6C95CD;} .pr td.darkcell {background-color: #cccccc; } /* SE/UK DVD splash */ .pr .splashheader, .pr a.splashheader:link,.pr a.splashheader:visited {color: #ff9933; font-size: 1.27em; font-weight: bold; text-decoration: none;} .pr a.splashheader:hover {color: #ff9933; font-size: 1.27em; font-weight: bold; text-decoration: underline;} .pr .smallsplashheader {background-color: #ff9934; color: #ffffff; font-size: 1.27em; font-weight: bold; margin: 0px;} .pr div.ad-tips-forum {float: left;} /* Entertainment splash - Table with featured products */ .pr table.entertainment-products {background-color:#F4F8FD; border:1px solid #ABC9EF; border-collapse:collapse; width:100%;} .pr table.entertainment-products td {padding:10px; vertical-align:top;} .pr td.entertainment-productchosen {background-color:#E1EEF8;} /* Entertainment splash - Headers and tabs classes */ .pr table.entertainment-product-header {border-collapse:collapse; width:100%;} .pr .entertainment-header { display:inline; font-size: 1.27em; font-weight: bold;} .pr a.entertainment-tab:link,.pr a.entertainment-tab:visited {font-weight:bold; text-decoration:none;} .pr td.entertainment-tab {border-left:1px solid #ABC9EF; border-top:1px solid #ABC9EF; border-right:1px solid #ABC9EF; padding:1px 5px;} .pr td.entertainment-headercell {width:100%;} /* Entertainment splash - Search box classes */ .pr table.entertainment-search {background-color:#F6F6F6; border:1px solid #D2D2D2; border-collapse:collapse; width:100%;} .pr td.entertainment-search-left {border-right:1px solid #D2D2D2;} .pr td.entertainment-search-right {padding:1px 5px; text-align:right;} .pr table.entertainment-popsearch {border-collapse:collapse;} .pr table.entertainment-popsearch td {padding:1px 5px;} .pr input.entertainment-search {width:290px; font-size: 11px;} .pr td.entertainment-search-left table {border-collapse:collapse;} .pr td.entertainment-search-left table td {padding:0px 7px;} /* Entertainment splash - Toplist */ .pr table.entertainment-categorylist {border-collapse: collapse; border: 1px solid #cccccc;} .pr table.entertainment-categorylist td {padding:0px 0 0 8px; line-height:1.6em;} .pr #entertainment-categorylistheader {background-color: #f6f6f6; color: #333333; font-weight: bold; padding:6px 8px;} .pr .entertainment-releasedate {color:#BB0000; font-weight:bold} /*---------------------------*/ /*--- OTHER PAGES CLASSES ---*/ /*---------------------------*/ /* User rating on top 50 list */ .pr a.productlistgrade:link,.pr a.productlistgrade:visited {font-size: 1.27em;} /* Main table on MyPage */ .pr table.preferences {margin: 0px; padding: 5px; border-collapse: collapse;} .pr tr.preferencesheader {background-color: #6C95CD;} .pr td.preferencesheader {color: #ffffff; font-size: 1.1em; font-weight:bold; padding: 4px;} .pr tr.preferencesbody {} .pr td.preferencesbody {padding: 4px;} /* The dark rows on Classifieds */ .pr tr.lightbluerow {background-color: #f0f6fc; } /* All cells on Classifieds */ .pr td.textcell {padding-left: 4px; padding-right: 4px; padding-top: 6px; padding-bottom: 6px;} /* Find your store categories */ .pr div.category {margin: 0px; padding: 0px 0px 5px 0px; border-top-style: none; border-bottom-style: none;} /* Sitemap */ .pr .azlist {text-align: left; margin: 10px 0px; padding: 0px; border-top-style: none; border-bottom-style: none;} /* Sponsored listings header */ .pr .borderheader {background:#f6f6f6; color:#333333; font-size:1.1em; font-weight:bold; padding:3px 9px; border:1px solid #D2D2D2;} /* Featured Merchant style */ .pr .featuredmerchant {text-align:right; color:#ad8226; font-weight:bold; font-size:0.9em; } /* Buying guide styles */ .pr .buyingguide-main {font-size:1.1em; margin:0 216px 0 0; line-height:1.5em;} .pr .buyingguide-right {float:right; width:206px;} .pr .buyingguide-summary {background-color:#FDFBEF; border:1px solid #D2D2D2; padding:12px;} .pr .buyingguide-topimage {border:2px solid #D2D2D2; margin-right:12px; float:left;} .pr .buyingguide-header {font-size: 1.27em; font-weight: bold; color:#000000; margin-top:0px;} .pr .clearerleft {clear:left;} .pr .clearer {clear:both;} .pr .buyingadvise-text {padding:15px 0; border-bottom:1px solid #D2D2D2;} .pr .buyingguide-h2 {font-size:1.15em; color:#666666; font-weight: bold; margin-bottom:1em;} .pr .buyingguide-h3 {font-size:1em; font-weight: bold; } .pr .buyingguide-rightimage {border:1px solid #D2D2D2; float:right; margin:0 0 10px 10px;} .pr .buyingguide-leftimage {border:1px solid #D2D2D2; float:left;margin:0 10px 10px 0px;} .pr .buyingguide-toplink {text-align:right;} .pr .buyingguide-footer {padding:15px 0; font-size:0.91em;} .pr .buyingguide-bottomimage {border:2px solid #333333; margin-right:12px; float:left;} .pr .buyingguide-leftimg {border:1px solid #D2D2D2;} .pr .buyingguide-imgholder {width: 100px; float:left;margin:0 10px 10px 0px; font-size: 0.9em; line-height: 16px;} .pr .buyingguide-leftsave {clear:left;} .pr .boxheader-new {border-top:1px solid #d8deea; border-bottom:1px solid #e9f0ff; background-image:url(laptop/images/i/buy_bg.gif); background-repeat:repeat-x; font-size:1.1em; font-weight:bold; padding:5px;} .pr .toplistdiv {border:1px solid #D2D2D2; padding:2px; margin-bottom:10px; width:100%;} .pr table.toplist-new {border-collapse:collapse; width:100%;} .pr table.toplist-new td {padding:5px; border-bottom:1px solid #D2D2D2;} .pr table.toplist-new tr {} .pr span.toplistprice {font-weight:bold;} .pr .toplist-footer {background-color:#f0f0f0; text-align:right; padding:5px; cursor:pointer;} .pr p.toplistprice {margin-top:0.5em;} .pr .textbox-new {border:1px solid #D2D2D2; padding:2px; margin-bottom:10px;} .pr .textbox-main {font-size:1.1em; line-height:1.5em; padding:5px;} /* --- AUTOCOMPLETE CSS --- */ .pr .autocomplete {position: absolute; color: #696969; background-color: white; border: 1px solid #A9A9A9; font-family: arial, helvetica, verdana, geneva, sans-serif; overflow: hidden; text-align: left; width: 500px;} .pr .autocomplete ul { padding: 0; margin: 0; list-style: none; overflow: auto; text-align: left;} .pr .autocomplete li { display: block; white-space: nowrap; cursor: pointer; margin: 0px; padding-left: 5px; padding-right: 5px; border: 1px solid white; text-align: left;} .pr .autocomplete li.selected { background-color: #cef; border-top: 1px solid #9bc; border-bottom: 1px solid #9bc; text-align: left;} /* --- HTML CONTENT CSS --- */ .pr #modelDescription { position: absolute; left: 300px; width: 300px; min-height: 100px; background: #ffe; border-style: solid; border-width: 1px; border-color: #666 #ccc #ccc #666; padding: 5px;} .pr #htmlContentForm { width: 350px;} /* --- TAB PANEL CSS --- */ .pr #tabPanelWrapper {width: 600px;} .pr .tabContent {background: #fff; border: 1px solid #ccc; border-top: none; clear: both; margin: 0px; padding: 15px;} .pr .tabPanel {border-bottom: 1px solid #ccc; margin: 0; padding-bottom: 19px; padding-left: 10px;} .tabPanel ul,.pr .tabPanel li {display: inline; list-style-type: none; margin: 0; padding: 0;} .tabPanel a:link,.pr .tabPanel a:visited { background: #E8EBF0; border: 1px solid #ccc; color: #666; float: left; font-size: small; font-weight: normal; line-height: 14px; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none;} .tabPanel a:link.ajaxCurrentTab,.pr .tabPanel a:visited.ajaxCurrentTab { background: #fff; border-bottom: 1px solid #fff; color: #000;} .pr .tabPanel a:hover { color: #f00;} /* --- PORTLET CSS --- */ .pr .portletBox {width: 400px; border: 1px solid #ccc;} .pr .portletTitle {background-color: #e8ebf0; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #ccc; padding: 2px 4px; color: #666; font: bold 10pt Arial;} .pr .portletTools { float: right; padding: 2px 4px; margin-top: 1px; color: #666; font: bold 8pt Arial; cursor: pointer;} .pr .portletTools img {border-left: 1px solid #666; padding: 0px 3px; cursor: pointer;} .pr .portletTools img:first-child { border: none;} .pr .portletContent {min-height: 200px; overflow: auto; padding: 4px;} /* --- TOGGLE CSS --- */ .pr div.star-rating {width: 140px; float: left; clear: both;} .pr div.star-rating a {cursor: pointer; margin: 0px; float: left; display: block; width: 18px; height: 16px; padding: 0 1px; background-repeat: no-repeat; background-position: 1px 0;} .pr div.star-rating a.over {background-position: 1px -32px;} .pr div.star-rating a.selected {background-position: 1px -64px;} .pr div.star-rating a.selectedover {background-position: 1px -48px;} .pr div.star-rating a.selectedless {background-position: 1px -16px;} .pr div.star-rating-message {display: block; height: 12px; font: 10px Verdana;} /* --- CALLOUT CSS --- */ .pr .olbg {background-color:#999;} .pr .olcg {background-color:#000;} .pr .olfg {background-color:#ddd;} .pr .olcap {font-family:Arial; font-size:12px; font-weight:bold; color:#fff;} .pr a.olclo {font-family:Arial; font-size:10px; font-weight:bold; color:#ddd;} .pr a.olclo:hover {color:#fff;} .pr .oltxt {font-family:Arial; font-size:12px; color:#000;} /* --- NEW SITEMAP STYLES --- */ .pr .Sitemap_a_z {background-color: #F4F6FC; font-weight: bold; font-size: 1.3em;} .pr .Sitemap_letters {font-weight: bold; font-size: 1em; height:30px;} .pr .subtle_sm a {float: right; font-size: x-small; color: #808080;} .pr .sitemap_spiffy {background-color: #FFFFFF; background-image: url(laptop/images/i/legacy07/button_bg.gif); background-repeat: repeat-x; width:auto; overflow:visible; border: 1px solid #ABC9EF; color: #333333; cursor: pointer; font-family: arial, helvetica, verdana, geneva, sans-serif; font-size:1em; font-weight: bold; padding: 1px 4px 0px 4px; } .pr .sitemap_spiffyhigh {background-color: #FFFFFF; background-image: url(laptop/images/i/legacy07/button_bg.gif); background-repeat: repeat-x; width:auto; overflow:visible; border: 1px solid #0167CC; color: #333333; cursor: pointer; font-family: arial, helvetica, verdana, geneva, sans-serif; font-size:1em; font-weight: bold; padding: 1px 4px 0px 4px;} .pr a.sitemaplink:link {font-size:1.1em; color:#0167CC;} .pr a.sitemaplink:visited {font-size:1.1em; color:#0167CC;} .pr a.sitemaplink:hover {color:#ad8226; text-decoration:underline;} /* --- RELATED PRODUCTS FOOTER --- */ .pr .relatedcell {border: solid 1px #e8ecf5; padding: 2px; } .pr .relatedheading {border-bottom: solid 1px #e7f0ff; border-top: solid 1px #dae0ed; margin: 0px; padding: 2px 0px 2px 5px; background: url('laptop/images/i/blue.gif') repeat-x top; font-size: 1.1em; color: #62656a; font-weight: bold;} .pr .relatedlinks {margin: 5px; display: block; font-size: 1em;} /*-----------------------*/ /*----- PLATSANNONS -----*/ /*-----------------------*/ /* ------------------------[classes]---------------------- */ .pr .annons_margin_top { margin: 15px; } .pr .annons_margin { margin: 10px 15px 10px 15px; } .pr .annons_blue_rubrik { color: #464646; font-size: 1.1em; font-weight: bold; display: block; margin-left: 13px; } .pr .annons_rubrik { color: #464646; font-size: 1.1em; font-weight: bold; display: block; margin: 13px 0px 0px 15px; } .pr .annons_rubrik2 { color: #464646; font-size: 1.1em; font-weight: bold; display: block; margin: 0px 0px 6px 0px; } .pr .annons_top_rubrik { color: #464646; font-size: 1.3em; font-weight: bold; display: block; margin: 0px 13px 8px 0px; } .pr .annons_float { float: right; display: inline; margin: 10px; } /* -------------------------[list]------------------------ */ .pr ul.annons { list-style-position: outside; list-style-image: url("laptop/images/i/template/list_arrow.jpg"); line-height: 18px;} /* -------------------------[main]------------------------ */ .pr .annons_frame { font-size: 1.1em; color: #464646; } .pr .annons_top_frame { border: solid 1px #e8edf4; line-height: 18px; height: 100%; color: #464646; margin-bottom: 6px; } .pr .annons_blue { height: 27px; background: url("laptop/images/i/metro/bg_header.gif"); background-repeat: repeat-x; position: relative; margin-left: 2px; margin-right: 2px; margin-top: 2px; line-height: 27px; } .pr .annons_tjanst { background-color: #f4f8fd; border: solid 1px #e8edf4; color: #464646; line-height: 18px; margin-bottom: 6px;} /*----------END----------*/ /*-----------------------*/ /*----- PLATSANNONS -----*/ /*-----------------------*/ /*-----------------------*/ /*--------- JOBS --------*/ /*-----------------------*/ /* ------------------------[classes]---------------------- */ .pr .jobs_main_rubrik { color: #464646; font-size: 13px; font-weight: bold; display: block; margin: 5px 10px 10px 10px; } .pr .jobs_ingress { color: #464646; font-size: 1.0em; font-weight: bold; display: block; margin: 0px 10px 15px 10px; } .pr .jobs_p_margin { color: #464646; font-size: 1.1em; margin: 10px; line-height: 1.4em; } .pr .jobs_rubrik { color: #464646; font-size: 1.1em; font-weight: bold; display: block; margin: 8px 0px 0px 12px; } .pr .jobs_grey_rubrik { color: #464646; font-size: 1.1em; font-weight: bold; display: block; margin: 10px 10px 0px 10px; } .pr .jobs_img_text { color: #464646; font-size: 0.9em; display: block; margin: 3px 0px 0px 0px; } /* -------------------------[list]------------------------ */ .pr .jobs_ul { list-style-position: inline; list-style-image: url("laptop/images/i/jobs/list_arrow.gif"); margin-top: 10px; margin-bottom: 10px; } .pr .jobs_li { margin: 0px 0px 3px -5px; font-size: 1.1em; } .pr .jobs_li_grey { margin: 0px 10px 10px -10px; font-size: 1.1em; line-height: 1.4em; } /* -------------------------[main]------------------------ */ .pr .jobs_frame { } .pr .jobs_leftbox { margin-right: 262px; border: solid 0px #000000; } .pr .jobs_rightbox { float: right; width: 252px; border: solid 0px #000000;} .pr .jobs_current { border: solid 1px #d8deec; background-color: #f7fbff; color: #464646; margin-bottom: 6px; } .pr .jobs_bluebox { border: solid 1px #d8deec; } .pr .jobs_blue { background: url("laptop/images/i/metro/bg_header.gif"); background-repeat: repeat-x; border: solid 2px #ffffff; } .pr .jobs_grey { border: solid 2px #ffffff; background-color: #f7f7f7; } .pr .jobs_float_saver { clear: right; } /*----------END----------*/ /*-----------------------*/ /*-------- JOBS ---------*/ /*-----------------------*/ /*-----------------------*/ /*-------- METRO --------*/ /*-----------------------*/ .pr .metro_framework { margin-top: 5px; font-size: .9em; } .pr .metro_leftframe { float: left; width: 109px; border: solid 0px; margin-right: 5px; } .pr .metro_middleframe { float: left; width: 431px; border: solid 0px; } .pr .metro_rightframe { float: right; width: 222px; border: solid 0px; } .pr .metro_logo { margin-bottom: 6px; border: solid 0px; } .pr .metro_floatsaver { clear: both; } /* ------------------------[anchor]----------------------- */ .pr .metro_anchor { float: right; width: 145px; } .pr .metro_anchor_box { width: 100%; height: 35px; border-collapse: collapse; background-color: #e1eafb; border: 0px; } .pr .metro_anchor_text { padding: 3px 0px 4px 0px; color: #464646; font-size: 0.9em; line-height: 13px;} .pr .metro_anchor_corner1 { background: url('laptop/images/i/metro/top_left.gif') no-repeat top left; } .pr .metro_anchor_corner2 { background: url('laptop/images/i/metro/bottom_left.gif') no-repeat bottom left; } .pr .metro_anchor_corner3 { background: url('laptop/images/i/metro/bottom_right.gif') no-repeat bottom right; } .pr .metro_anchor_sidearrow { background: url('laptop/images/i/metro/side_arrow.gif') no-repeat top left; background-color: #ffffff; width: 29px;} .pr .metro_anchor_text A { text-decoration: none; } .pr .metro_anchor_text A:hover { text-decoration: underline; color: #464646; } /* -------------------------[misc]------------------------ */ .pr .metro_h1 { font-size: 1.4em; display: block; margin: 5px 3px 1px 3px; font-weight: bold; color: #464646; } .pr .metro_h2 { font-size: 1.1em; display: block; margin: 0px 3px 0px 3px; color: #464646; } .pr .metro_ingress { color: #464646; margin: 10px 3px 0px 3px; font-weight: bold; } .pr .metro_content { color: #464646; margin: 10px 3px 0px 3px; line-height: 18px; } .pr .metro_img_citat { float: right; margin: 0px 0px 3px 8px; } .pr .metro_img_panel { float: left; margin: 2px 8px 0px 0px; } .pr .metro_panel { background-color: #f6f6f6; color: #464646; padding: 6px 7px 6px 7px; border: solid 1px #cbcbcb; margin-bottom: 6px; font-size: 0.9em; } .pr .metro_author { text-align: right; color: #464646; margin: 8px 3px 8px 0px; font-size: 0.9em; line-height: 11px; } .pr .metro_result { margin: 8px 0px 6px 8px; } .pr .metro_linklist { display: block; } .pr .metro_product { float: right; margin: 7px 6px 0px 5px; display: inline;} .pr .metro_grade { display: block; margin: 8px 0px;} .pr .metro_imglink { border: solid 0px; } .pr .metro_iframe { width: 103px; height: 220px; } .pr .metro_feed { width: 200px; height: 40px; margin: 0x: 0px 0px 0px; } .pr .metro_box { border: solid 1px #e8ecf5; padding: 2px; margin-bottom: 6px; } .pr .metro_blue { border-bottom: solid 1px #e7f0ff; border-top: solid 1px #dae0ed; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 5px; background: url('laptop/images/i/metro/blue_gradient.gif') repeat-x top; font-size: 1.1em; color: #464646; font-weight: bold; } .pr .metro_price { width: 200px; height: 35px; margin: 8px 0 0 5px; } .pr .metro_text { margin: 5px 5px 4px 5px; display: block; color: #464646; line-height: 15px; } .pr .metro_textlink { display: block; color: #464646; line-height: 15px; } .pr .metro_linklist { display: block; } .pr .metro_ul { list-style-position: inline; list-style-image: url("laptop/images/i/jobs/list_arrow.gif"); margin-top: 10px; margin-bottom: 10px; } .pr .metro_li { margin: 0px 0px 3px -5px; color: #464646;} /*----------END----------*/ /*-----------------------*/ /*-------- METRO --------*/ /*-----------------------*/ /*-- POPULAR SEARCHES ----------*/ .pr table.categoryPopularSearchesList { font-size: 1.1em; margin: 1em 1em; border-collapse: collapse; } .pr table.categoryPopularSearchesList td { padding: 0.1em 0.4em; margin: 0; } .pr table.categoryPopularSearchesList tr > td:first-child {text-align: right;} .pr table.categoryPopularSearchesList a {text-decoration: none;} .pr table.categoryPopularSearchesList a:hover {text-decoration: underline;} /*-- POPULAR SEARCHES END ----------*/ /* --- RELATED PRODUCTS FOOTER --- */ .pr .relatedcell { border: solid 1px #e8ecf5; padding: 2px; } .pr .relatedheading {border-bottom: solid 1px #e7f0ff; border-top: solid 1px #dae0ed; margin: 0px; padding: 2px 0px 2px 5px; background: url('laptop/images/i/blue.gif') repeat-x top; font-size: 1.1em; color: #62656a; font-weight: bold;} .pr .relatedlinks {margin: 5px; display: block; font-size: 1em;} /* Temporary fix to remedy the fact that the transition page lacks a class="pr" - Jan 30 2008 */ .transition_content { font-size:68.75%; font-family: arial, helvetica, verdana, geneva, sans-serif; } /************************************************* * FILE: /core/main.css *************************************************/ body.pr, body { margin: 0; padding: 0; background-color: white; } body.iframed { background-color: #ffffff; } #main.pr { background-color: white; padding: 6px 0 40px 0; } div.pr, #JT { font-size: small; font-family: arial,tahoma,verdana,geneva,helvetica,sans-serif; color: #666; z-index:4000; } /* DIV framework */ .pr .wrapper { width: 973px; margin: 0 auto; padding-left: 5px; display: inline-block; } .pr .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .wrapper { height: 1%; } .pr .wrapper { display: block; } /* Safari hack*/ /* MPU layout --- */ .pr .wrapper.layout-b #maincontent { width: 644px; } .pr .wrapper.layout-b #side-content { width: 314px; } .pr .wrapper.layout-b .side-ad { padding: 2px 0 2px 0; } /* Left column in #maincontent */ .pr .left-col {float: left; width: 36%;} /* Right column in #maincontent */ .pr .right-col {float: right; width: 62%;} /* Keeping long productnames without whitespaces from breaking layout. For IE */ .pr #maincontent div, .pr #maincontent span { /* word-break: break-all; */ } /* Keeping long productnames without whitespaces from breaking layout. For Firefox and the rest of'em */ /* .productname, */ .relatedcell { overflow-x: hidden; } .pr table.darkrow table table { border-collapse: separate; } /* Headers in content ----- */ .pr #contentheader { /* width: 774px;*/ height: auto !important; height: 50px; /* fix for IE */ min-height: 50px; padding-bottom: 4px; position: relative; } .pr #contentheader h1 { font-size: x-large; } /* General classes for fixing clears ----- */ .pr .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .clearfix {height: 1%;} .pr .clear {clear: both;} /*Striped lists */ .pr ul.striped li.odd {background-color:#FBFBFB;} .pr ul.striped li.jshover-on {background-color: #efefef;} /* Making a button look like a regular link ---*/ .pr input.button-as-link, .pr button.button-as-link { border: 0; background: none; cursor: pointer; cursor: hand; font-weight: normal; color: #0167cc; text-decoration: none; } .pr input.button-as-link:hover, .pr button.button-as-link:hover { color: black; text-decoration: underline; } /* Alternative Search Results--- */ .pr #alt-results .box-j .tr { padding-bottom: 4px; } .pr #alt-results .box-j H2 { display: inline; } .pr #alt-results .box-j h2 img {float:left; margin-right:9px;} .pr #alt-results .box-j H2.search-term { color: #666666; font-weight: normal; margin-left: 4px; } .pr #alt-results .box-j .mr UL { list-style: none; margin: 0; padding: 4px 0 0 0; } .pr #alt-results .box-j .mr H3 { display: inline; margin: 0 2px 0 0; } .pr #alt-results .box-j .mr LI { display: inline; margin: 0; } /************************************************* * FILE: /core/general-elements.css *************************************************/ /* Related products - - - */ .pr .related-products img {display: block; margin: 0 auto;} .pr .related-products .product {float:left; padding:10px 3% 0 3%;text-align:center; width:18.5%;} /* GLOBAL VIDEO CLASSES */ .pr .videouploadlink { background: url(laptop/images/i/icons/user-video-review-small.gif) top left no-repeat; padding: 0 0 0 22px; } /* Uservote - - - */ .pr .uservote-yes { background: url(laptop/images/site-gui/pricelist/icon-yes.gif) top left no-repeat; padding: 0 4px 6px 20px; } .pr .uservote-no { background: url(laptop/images/site-gui/pricelist/icon-no.gif) 0px 3px no-repeat; padding: 0 0 6px 20px; } .pr .uservoted { font-weight: bold; } .pr .uservote-comment { background: url(laptop/images/site-gui/pricelist/uservote-comment.gif) 0px 1px no-repeat; padding: 0 0 6px 20px; } /* Pagination --- */ /* .pr .paginator { font-size: 0.9em; text-align: right; padding: 10px 0 0 0;} .pr .paginator A { padding: 1px 5px; border: solid 1px #dadbd2; background: url(img/paginator-bg.gif) repeat-x top left; } .pr .paginator A:hover { border: solid 1px #b6b6b6; text-decoration: none; } .pr .paginator p { padding-top: 7px; } .pr .paginator SPAN { padding: 1px 5px; border: solid 1px #dadbd2; font-weight: bold; color: #222; } */ /* Breadcrumbs --- */ .pr #breadcrumbs { font-size: .85em; } .pr #breadcrumbs ul { margin: 0; padding: 0; } .pr #breadcrumbs ul ul { display: inline; } .pr #breadcrumbs ul li { list-style: none; display: inline; } .pr #breadcrumbs ul li li { padding: 0; } /* Google Ads --- */ .pr .googleAds .ga-adsByGoogle { text-align: left; padding: 0; color: #666666; font-weight: bold; font-size: 1.2em; } .pr .googleAds .ga-adsByGoogle .ga-disclaimer { float: right; margin: 0; } .pr .googleAds .ga-adsByGoogle .ga-disclaimer img { border: 0; } .pr .googleAds p { margin: 14px 0 0 0; } .pr .googleAds .ga-headLine { font-size: 1.0em; text-decoration: underline; } .pr .googleAds .ga-description { color: #666666; } .pr .googleAds .ga-displayUrl { color: #008000; } .googleAds a, .googleAds a:hover { color: #0167CC; text-decoration:none; } /* AJAX Tooltip (jtip) */ /* #JT_arrow_left { background-image: url( laptop/images/i/gui/tooltip-arrowhead.gif ); background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 101; left: -12px; height: 23px; width: 10px; top: -3px; } #JT_arrow_right { background-image: url( ../images/arrow_right.gif ); background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 101; height: 23px; width: 11px; top: -2px; } */ #JT { position: absolute; z-index: 4000; border: 1px solid #c6c6c6; background-color: #fff; padding: 6px 0px 6px 10px; } #JT_copy { color: #666; font-size: 0.85em; line-height: 1.4em; } .JT_loader { background-image: url( laptop/img/newdesign/transp.gif ); background-repeat: no-repeat; background-position: center center; width: 100%; height: 12px; } #JT_close_left { background-color: #fff; color: #ad8226; text-align: left; font-weight: bold; margin-bottom: 5px; } #JT_close_right { background-color: #fff; color: #ad8226; text-align: left; font-weight: bold; margin-bottom: 5px; } #JT_copy p { margin: 0; padding: 0; } #JT_copy img { padding: 1px; border: 1px solid #6C95CD; } .pr .jTip .jTipNoAjax { cursor: help; } .pr .tipContent { display: none; } /* .pr #textfilters .jTip { float: right; margin: 1px 4px 0 0; } */ /* Category tree 2 (used on tree pages) ---*/ .pr .categorytree2 ul { margin: 0 0 16px 45px; padding: 0; list-style: none; } .pr .categorytree2 ul li { margin: 0; padding: 0; } .pr .categorytree2 ul li ul { list-style: none; padding: 0; margin: 0 0 20px 0; } .pr .categorytree2 ul li ul li { margin: 0 0 1px 0; padding: 0; } .pr .categorytree2 IMG { position: absolute; top: 0; left: -45px; } .pr .categorytree2 H3 { font-size: 1em; margin: 0 0 2px 45px; padding: 0; position: relative;} .pr .categorytree2 A { color: #666666; text-decoration: none; } .pr .categorytree2 A:visited { color: #666666; text-decoration: none; } .pr .categorytree2 A:hover { color: #000000; text-decoration: underline; } .pr .categorytree2 A H3 { color: #666666; text-decoration: none; } .pr .categorytree2 A:hover H3 { color: #000000; text-decoration: underline; } /* Error message ---*/ .pr p.error { padding: 0.6em; font-weight: bold; color: #c00; border: 1px solid #ccc; background: #ffffbf; } .pr p.success { padding: 0.6em; font-weight: bold; color: #2cb70a; border: 1px solid #ccc; background: #ffffff; } /* Popular searches/tag cloud ---*/ .pr ul.tagcloud { font-size: xx-small; font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif; margin: 0 5px; padding: 0; list-style-type: none; } .pr html> body ul.tagcloud { font-size: x-small; } .pr .tagcloud li { display: inline; margin: 0 0.3em; line-height: 1.95em; word-spacing: -0.2em; } .pr .relatedcell .tagcloud a { text-decoration: none; white-space: nowrap; } .pr .tagcloud a:hover {text-decoration: underline;} .pr .relatedcell .showAll { text-align: right; margin: 0.4em 0.6em; } .pr .relatedcell .showAll a { text-decoration: underline; } .pr .tagcloud a.p1 {font-size: 2.1em;} .pr .tagcloud a.p2 {font-size: 2em;} .pr .tagcloud a.p3 {font-size: 1.9em;} .pr .tagcloud a.p4 {font-size: 1.8em;} .pr .tagcloud a.p5 {font-size: 1.7em;} .pr .tagcloud a.p6 {font-size: 1.6em;} .pr .tagcloud a.p7 {font-size: 1.5em;} .pr .tagcloud a.p7 {font-size: 1.4em;} .pr .tagcloud a.p8 {font-size: 1.3em;} .pr .tagcloud a.p9 {font-size: 1.2em;} .pr .tagcloud a.p10 {font-size: 1.1em;} .pr .tagcloud a.p11 {font-size: 1em;} .pr .tagcloud a.p12 {font-size: 0.9em;} .pr .tagcloud a.p13 {font-size: 0.9em;} /* Toolbox --- */ .pr #toolbox1 { float: right; background: url(img/toolbox-bg-left.gif) top left no-repeat; } .pr #toolbox1 .toolbox-content { background: url(img/toolbox-bg-right.gif) top right no-repeat; margin-left: 10px; padding: 6px 3px 7px 0; *padding: 6px 3px 5px 0; } .pr #toolbox1 .toolbox-content img { margin-right: 8px; } /************************************************* * FILE: /core/typography.css *************************************************/ /* --- BODY --------------------------- */ body.pr, div.pr, #JT { font-size: small; font-family: arial,tahoma,verdana,geneva,helvetica,sans-serif; color: #666; } /* --- HEADLINES --------------------------- */ .pr h1 { font-size: 1.4em; font-weight: normal; margin: 0 0 10px 0; } .pr h2 { font-size: 1.1em; font-weight: bold; margin: 0 0 7px 0; } .pr h3 { font-size: 1em; font-weight: bold; margin: 0 0 5px 0; } .pr h4, .pr h5, .pr h6 { font-size: .9em; font-weight: bold; margin: 0 0 3px 0; } /* Linked headlines should normally not be underlined. */ .pr h1 a,.pr h2 a,.pr h3 a,.pr h4 a,.pr h5 a,.pr h6 a { text-decoration: none; } /* --- TEXT --------------------------- */ .pr p { line-height: 1.3em; margin: 0 0 10px 0; } .pr p.preamble { font-weight: bold; } .pr blockquote { line-height: 1.3em; } .pr strong {} .pr em {} .pr .small {font-size: .9em;} /* --- LINKS --------------------------- */ .pr a, .pr a:visited { color: #0167cc; text-decoration: none; } .pr a:hover { color:black; text-decoration: underline; } /* --- LISTS --------------------------- */ .pr ul.ulist { list-style: none; margin: 0 0 0 10px; padding: 8px 0 8px 0; } .pr ul.ulist li { background: url(laptop/images/site-gui/lists/bullet-pointer.gif) no-repeat 0px 2px; padding: 0 0 3px 25px; margin: 3px 0 0 0; } .pr ul.nostyle { list-style: none; margin: 0; padding: 0; } .pr ul.nostyle li { padding: 0 0 3px 0; margin: 0; } .pr ul.ulist-a { list-style: none; margin: 8px 0 0 3px; padding: 0; } .pr ul.ulist-a li { background: url(laptop/images/site-gui/lists/bullet-ulist-a.gif) no-repeat; padding: 0 0 3px 22px; margin-top: 2px; } .pr ol.ordered-list { color: #ad8226; font-weight: bold; } .pr ol.ordered-list span { color: #666666; font-weight: normal; } .pr dt { float: left; font-weight: bold; color: #ad8226; padding: 0 .5em 0 0; } .pr dd { display: block; margin: 0 0 0 10px; padding: 0 0 0.5em 1em; } /* --- IMAGES --------------------------- */ .pr img { border: none; } /*-- ERROR MESSAGE ----------*/ .pr p.error { padding: 0.6em; font-weight: bold; color: #c00; border: 1px solid #ccc; background: #ffffbf; } /* SEO Templates ------- These classes make (almost) any element display as page title/headline/h1 and body/normal text respectively. Used primarily to display SEO-manipulated text as normal text */ .pr .pagetitle { font-size: 1.4em; font-weight: normal; display: block; margin-bottom: 0 0 10px 0; } .pr .bodytext { font-size: small; font-weight: normal; } /* Forms --- */ /* .pr form input[type=text] { border: 1px solid #b1b1b1; font-weight: normal; } .pr form input[type=submit] { font-weight: bold; color: #666; } */ /* Elements that are deactivated --- */ .pr .inactive, .pr .inactive *{color: #ddd !important;} /************************************************* * FILE: /core/boxes.css *************************************************/ .pr .box-a, .pr .box-p { clear: both; margin-bottom: 15px; } .pr .box-a .tl, .pr .box-p .tl { background: url(img/box-p.gif) top left no-repeat; background-position: -1922px 0} .pr .box-a .tr, .pr .box-p .tr { background: url(img/box-p.gif) top right no-repeat; background-position: 100% -128px; margin-left: 12px; padding: 10px 12px 0 0; } .pr .box-a .tr H1,.pr .box-p .tr H1, .pr .box-a .tr H2,.pr .box-p .tr H2 { margin: 0 -10px 0 -10px; padding: 0 10px 11px 10px; font-size: 1.0em; border-bottom: solid 1px #eaeaea; font-weight: bold; } .pr .box-a .tr IMG, .pr .box-p .tr IMG { float: left; margin-right: 7px; } .pr .box-a .ml, .pr .box-p .ml { background: url(img/box-p.gif) top left repeat-y; } .pr .box-a .mr, .pr .box-p .mr { background: url(img/box-p-mr.gif) top right repeat-y #ffffff; margin-left: 12px; padding: 9px 12px 0 0; display: inline-block; } .pr .box-a .bl, .pr .box-p .bl { background: url(img/box-p.gif) bottom left no-repeat; background-position: -1922px -278px;} .pr .box-a .br, .pr .box-p .br { background: url(img/box-p.gif) bottom right no-repeat; background-position: 100% -311px; margin-left: 12px; padding: 11px 12px 0 0; } .pr .box-a .mr:after, .pr .box-p .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-a .mr, * html .pr .box-p .mr { height: 1%; } .pr .box-a .mr, .pr .box-p .mr { display: block; } .pr .box-j { clear: both; margin-bottom: 15px; } .pr .box-j .tl { background: url(img/box-j.gif) top left no-repeat; background-position: -1922px 0} .pr .box-j .tr { background: url(img/box-j.gif) top right no-repeat; background-position: 100% -128px; margin-left: 13px; padding: 11px 13px 0 0; } .pr .box-j H1, .pr .box-j H2 { margin: 0; padding: 0 0 8px 0; font-size: 1.0em; color: #ad8226; font-weight: bold; } .pr .box-j .tr IMG { float: left; margin-right: 9px; } .pr .box-j .ml { background: url(img/box-j.gif) top left repeat-y; } .pr .box-j .mr { background: url(img/box-j-mr.gif) top right repeat-y #ffffff; margin-left: 13px; padding: 0 13px 0 0; display: inline-block; } .pr .box-j .bl { background: url(img/box-j.gif) bottom left no-repeat; background-position: -1922px -277px;} .pr .box-j .br { background: url(img/box-j.gif) bottom right no-repeat; background-position: 100% -310px; margin-left: 13px; padding: 12px 13px 0 0; } .pr .box-j .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-j .mr { height: 1%; } .pr .box-j .mr { display: block; } .pr .box-q { float: left; width: 100%; margin-bottom: 15px; } .pr .box-q .tl { background: url(img/box-q.gif) top left no-repeat; background-position: -1922px 0} .pr .box-q .tr { background: url(img/box-q.gif) top right no-repeat; background-position: 100% -128px; margin-left: 18px; padding: 18px 18px 0 0; } .pr .box-q .ml { background: url(img/box-q.gif) top left repeat-y; } .pr .box-q .mr { background: url(img/box-q-mr.gif) top right repeat-y #ffffff; margin-left: 18px; padding: 0 18px 0 0; display: inline-block; } .pr .box-q .bl { background: url(img/box-q.gif) bottom left no-repeat; background-position: -1922px -272px;} .pr .box-q .br { background: url(img/box-q.gif) bottom right no-repeat; background-position: 100% -305px; margin-left: 18px; padding: 18px 18px 0 0; } .pr .box-q .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-q .mr { height: 1%; } .pr .box-q .mr { display: block; } .pr .box-t { clear: both; margin-bottom: 15px; } .pr .box-t .tl { background: url(img/box-t.gif) top left no-repeat; background-position: -1565px 0px; } .pr .box-t .tr { background: url(img/box-t.gif) top right no-repeat; margin-left: 12px; padding: 8px 12px 0 0; background-position: 100% -100px;} .pr .box-t .tr .icon { float: left; margin: -1px 20px 0 0; } .pr .box-t .tr .headerbox { padding: 8px 0; } .pr .box-t .tr H2 { display: inline; margin: 0 12px 0 0; } .pr .box-t .tr .ratingbox { float: right; padding: 8px 0; } .pr .box-t .tr .ratingbox FORM { display: inline; } .pr .box-t .tr .ratingbox IMG.rating { vertical-align: top; margin: -2px 10px 0 6px; } .pr .box-t .tr .ratingbox IMG.collapse { vertical-align: top; margin: 2px 3px 0 0; height: 12px; width: 12px; background: url(img/box-t-expand.gif) top left; } .pr .box-t .ml { display: none; } .pr .box-t .bl { background: url(img/box-t.gif) bottom left no-repeat; background-position: -1565px -222px; } .pr .box-t .br { background: url(img/box-t.gif) bottom right no-repeat; margin-left: 12px; padding: 8px 12px 0 0; background-position: 100% -257px; } .pr .box-t-open .tr { padding-bottom: 8px; } .pr .box-t-open .tr .ratingbox IMG.collapse { background: url(img/box-t-collapse.gif) top left; } .pr .box-t-open .ml { background: url(img/box-t-m.gif) top left repeat-y #ffffff; display: block; } .pr .box-t-open .mr { background: url(img/box-t-m.gif) top right repeat-y #ffffff; margin-left: 12px; padding: 10px 12px 0 0; display: inline-block; } .pr .box-t-open .bl { background: url(img/box-t.gif) bottom left no-repeat; background-position: -1565px -285px;} .pr .box-t-open .br { background: url(img/box-t.gif) bottom right no-repeat; margin-left: 12px; padding: 10px 12px 0 0; background-position: 100% -320px; } .pr .box-t-open .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-t-open .mr { height: 1%; } .pr .box-t-open .mr { display: block; } .pr .box-u { clear: both; } .pr .box-u .tl { background: url(img/box-u.gif) top left no-repeat; background-position: -1585px 0px; } .pr .box-u .tr { background: url(img/box-u.gif) top right no-repeat; margin-left: 12px; padding: 10px 12px 0 0; background-position: 100% -50px; } .pr .box-u .ml { background: url(img/box-u-m.gif) #e2edfd; } .pr .box-u .mr { background: url(img/box-u-m.gif) #e2edfd; margin-left: 12px; padding: 0px 12px 0 0; display: inline-block; } .pr .box-u .mr SPAN.submitted { float: right; } .pr .box-u .mr H2 { padding: 0; margin: 0; display: inline; } .pr .box-u .mr IMG.flag { float: left; margin: 1px 8px 0 0; } .pr .box-t .mr .ratingbox { float: right; } .pr .box-t .mr .ratingbox IMG.rating { vertical-align: top; margin: -1px 0 0 10px; } .pr .box-t .mr .uservote-yes, .pr .box-t .mr .uservote-no, .pr .box-t .mr .uservote-comment { padding-right: 10px; } .pr .box-u .bl { background: url(img/box-u.gif) bottom left no-repeat; background-position: -1585px -105px; } .pr .box-u .br { background: url(img/box-u.gif) bottom right no-repeat; margin-left: 12px; padding: 10px 12px 0 0; background-position: 100% -120px; } .pr .box-u .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-u .mr { height: 1%; } .pr .box-u .mr { display: block; } .pr .img-box-a { } .pr .img-box-a .img-tl { background: url(img/img-box-a-tl.gif) top left no-repeat; } .pr .img-box-a .img-tr { background: url(img/img-box-a-tr.gif) top right no-repeat; margin-left: 6px; padding: 6px 6px 0 0; } .pr .img-box-a .img-ml { background: url(img/img-box-a-ml.gif) top left repeat-y; } .pr .img-box-a .img-mr { background: url(img/img-box-a-mr.gif) top right repeat-y #ffffff; margin-left: 6px; padding: 0px 6px 0 0; } .pr .img-box-a .img-bl { background: url(img/img-box-a-bl.gif) bottom left no-repeat; } .pr .img-box-a .img-br { background: url(img/img-box-a-br.gif) bottom right no-repeat; margin-left: 6px; padding: 6px 6px 0 0; } .pr .img-box-left { clear: left; float: left; } .pr .img-box-right { clear: right; float: right; } .pr .img-box-margin-left { margin: 0 12px 8px 0; clear: left; float: left; } .pr .img-box-margin-right { margin: 0 0 8px 12px; clear: right; float: right; } .pr .box-big-top, .pr .box-big, .pr .box-big-bottom { width: 810px; background-image: url(img/box-big-bg-top.gif); float: left; } /* Only for big promo --- */ .pr .box-d { clear: both; margin: 2px 0 8px 0;} .pr .box-d .tl { background: url(img/box-d-tl.gif) top left no-repeat; } .pr .box-d .tr { background: url(img/box-d-tr.gif) top right no-repeat; margin-left: 12px; padding: 10px 12px 0 0; } .pr .box-d .ml { background: url(img/box-d-ml.gif) top left repeat-y; } .pr .box-d .mr { background: url(img/box-d-mr.gif) top right repeat-y #ffffff; margin-left: 12px; padding: 2px 12px 2px 0; display: inline-block; } .pr .box-d .bl { background: url(img/box-d-bl.gif) bottom left no-repeat; } .pr .box-d .br { background: url(img/box-d-br.gif) bottom right no-repeat; margin-left: 12px; padding: 10px 12px 0 0; } .pr .box-d .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-d .mr { height: 1%; } .pr .box-d .mr { display: block; } /************************************************* * FILE: /core/buttons.css *************************************************/ .pr P.button { margin: 0 0 2px 0; padding: 0; line-height: 2.6em; } .pr A.button-a { font-size: 14px; text-decoration: none; margin-left: 2px; } .pr A.button-a .a-left { background: url(img/buttons.gif) top left no-repeat; background-position: -585px 0; padding: 5px 0 10px 10px; text-decoration: none;} .pr A.button-a .a-right { background: url(img/buttons.gif) top right no-repeat; background-position: 100% -50px; padding: 5px 14px 10px 0; color: #ffffff; font-weight: bold; text-decoration: none; } .pr A.button-a:hover .a-left { background: url(img/buttons.gif) top left no-repeat; background-position: -585px -100px; padding: 5px 0 10px 10px; text-decoration: none; } .pr A.button-a:hover .a-right { background: url(img/buttons.gif) top right no-repeat; background-position: 100% -150px; padding: 5px 14px 10px 0; color: #ffffff; font-weight: bold; text-decoration: none; } .pr A.button-c { font-size: 14px; text-decoration: none; margin-left: 2px; } .pr A.button-c .c-left { background: url(img/buttons.gif) top left no-repeat; background-position: -585px -200px; padding: 5px 0 10px 10px; text-decoration: none; } .pr A.button-c .c-right { background: url(img/buttons.gif) top right no-repeat; background-position: 100% -250px; padding: 5px 14px 10px 0; color: #ffffff; font-weight: bold; text-decoration: none; } .pr A.button-c:hover .c-left { background: url(img/buttons.gif) top left no-repeat; background-position: -585px -300px; padding: 5px 0 10px 10px; } .pr A.button-c:hover .c-right { background: url(img/buttons.gif) top right no-repeat; background-position: 100% -350px; padding: 5px 14px 10px 0; color: #ffffff; font-weight: bold; text-decoration: none; } /* Keeping the buttons from wrapping lines*/ .button-a .a-right, .button-b .b-right, .button-c .c-right {white-space: nowrap;} /************************************************* * FILE: /core/campaigns.css *************************************************/ /*--- Explanation page for the new homepage --*/ .pr #explain ul { list-style: none; margin: 2.5em 0 0 0 ; padding: 0; } .pr #explain li .bullet { height: 30px; width: 25px; margin-right: 10px; margin-top: -12px; padding-top: 5px; padding-bottom: 15px; float: left; text-align: center; color: white; font-size: 14px; font-weight: bold; } .pr #explain li { clear: both; border: 0px dotted green; margin-bottom: 1em; } /* KONSUMENTTESTER */ .pr #testpatrullen { margin-top: 16px; } .pr #testpatrullen IMG { border: none; } .pr #testpatrullen H1 { font-weight: bold; font-size: 1.2em; margin: 0 0 3px 0; } .pr #testpatrullen H2 { font-weight: bold; font-size: 1.1em; margin: 0 0 5px 0; } .pr #testpatrullen H3 { font-weight: bold; font-size: 1.1em; } .pr #testpatrullen .pris { margin-right: 10px; } .pr #testpatrullen .left-column { float: left; width: 450px; } .pr #testpatrullen .left-column .ingress { margin: 0 0 6px 0; font-weight: bold; } .pr #testpatrullen .left-column .author { margin: 14px 0 10px 0; font-size: 0.8em; text-align: right; } .pr #testpatrullen .left-column .box-j .mr .product { float: left; } .pr #testpatrullen .left-column .box-j .mr .resault { margin-left: 95px; } .pr #testpatrullen .left-column .box-j .mr .grade { vertical-align: top; margin-right: 10px; } .pr #testpatrullen .left-column .box-j .mr .info { margin-top: 4px; } .pr #testpatrullen .left-column .panel { font-size: 0.85em; margin-bottom: 12px; } .pr #testpatrullen .left-column .header { margin-bottom: 10px; } .pr #testpatrullen .right-column { margin-left: 470px; } .pr #testpatrullen .right-column .box-j { clear: none; margin-top: 0; } .pr #testpatrullen .right-column .box-j .mr:after { clear: none; } .pr #testpatrullen .right-column .box-j .mr .grade { display: block; margin: 7px 0; } .pr #testpatrullen .right-column .box-j UL{ margin: 0; padding: 0; list-style: none; } .pr #testpatrullen .right-column .box-j LI{ margin: 0 0 2px 0; padding: 0; } .pr #testpatrullen .right-column .winner { margin: 12px 0 12px 0; display: block; } /* *********** CHRISTMAS 08 *************** */ .pr .christmas08 { } .pr .christmas08 H1 { color: #c92f31; margin-top: 20px; } .pr .christmas08 .header { margin-bottom: 16px; } .pr .christmas08 .header .menu { position: relative; background: url(laptop/images/i/christmas/menu-bg.gif) top left repeat-x; display: inline-block; padding: 2px 0 1px 0; } .pr .christmas08 .header .menu .corner-left { position: absolute; left: 0px; bottom: 0px!important; bottom: -1px; } .pr .christmas08 .header .menu .corner-right { position: absolute; right: 0px!important; right: -1px; bottom: 0px!important; bottom: -1px; } .pr .christmas08 .header .menu A { float: left; background: url(laptop/images/i/christmas/tab.gif) top left repeat-x; border-right: solid 1px #a90400; font-weight: bold; text-decoration: none; color: #ffffff; padding: 9px 13px 9px 13px; } .pr .christmas08 .header .menu A:hover { background: url(laptop/images/i/christmas/tab-selected.gif) top left repeat-x; text-decoration: none; } .pr .christmas08 .header .menu A.selected { background: url(laptop/images/i/christmas/tab-selected.gif) top left repeat-x; } .pr .christmas08 .header .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .christmas08 .header .menu { height: 1%; } .pr .christmas08 .header .menu { display: block; } .pr .christmas08 .productinfo { padding: 20px 15px 30px 15px; } .pr .christmas08 .productinfo p img { vertical-align: top; margin-top: -1px; width: 91px; height: 16px; } .pr .christmas08 .productinfo H3 A { color: #666666; } .pr .christmas08 .productinfo P { font-size: 0.9em; } .pr .christmas08 .productinfo P.button { margin-top: 20px; } .pr .christmas08 .productinfo A.button-a .a-left { background: url(laptop/images/i/christmas/christmas_button.jpg) top left no-repeat; background-position: 0px 0px; padding: 5px 23px 10px 10px; text-decoration: none;} .pr .christmas08 .productinfo A.button-a:hover .a-left { background: url(laptop/images/i/christmas/christmas_button.jpg) top left no-repeat; background-position: 0px -49px; padding: 5px 23px 10px 10px; text-decoration: none; } .pr .christmas08 .grid-a { background: url(laptop/images/i/christmas/vertical-line.gif) 33% 0px repeat-y; } .pr .christmas08 .grid-b { background: url(laptop/images/i/christmas/vertical-line.gif) 66% 0px repeat-y; display: inline-block; } .pr .christmas08 .grid-line { background: url(laptop/images/i/christmas/horizontal-line.gif) top left repeat-x; padding-top: 1px; clear: both; } .pr .christmas08 .grid-block { width: 33%; float: left; text-align: center; padding-top: 30px; } .pr .christmas08 .grid-b:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .christmas08 .grid-b { height: 1%; } .pr .christmas08 .grid-b { display: block; } /************************************************* * FILE: /core/frontpage.css *************************************************/ /* This class is deprecated. Don't use it when creating new content. */ .pr #leftcolumn { float: left; width: 264px !important; width: 256px; } /* This class is deprecated. Don't use it when creating new content. */ .pr #maincolumn { float: right; width: 500px; } /* ---------------------------------------- */ .pr .left-col-nar { float: left; width: 264px; /* margin-right: 10px; */ } .pr .right-col-wide { float: right; width: 500px; } /* ---------------------------------------- */ .pr .left-col-wide { float: left; width: 500px; margin-right: 7px; } .pr .right-col-nar { float: right; width: 264px; } /* ---------------------------------------- */ .pr .single-col-wide { float: left; width: 774px; } /* ---------------------------------------- */ .pr .sub-col-left { float: left; width: 245px; } .pr .sub-col-right { float: right; width: 245px; } .pr #maincolumn .box-a, .pr #maincolumn .box-b { margin-bottom: 16px; } /* Category tree */ .pr #categorytree { } .pr #categorytree ul { margin: 0 0 0 45px; padding: 0; list-style: none; } .pr #categorytree ul li { margin: 5px 0 0 0; padding: 0; position: relative; } .pr #categorytree ul li ul { list-style: none; padding: 0 0 5px 0; margin: 4px 0 0 0; font-size: 0.9em; } .pr #categorytree ul li ul li { display: inline; margin: 0; padding: 0; } .pr #categorytree h3 { font-size: 1em; margin: 0; padding: 0; } .pr #categorytree img { position: absolute; top: 0; left: -45px; } .pr #categorytree li li a { color: #666666; } .pr #categorytree li li a:hover{ color: #000000; } .pr #categorytree li li a:focus{ color: #000000; } /* Categorytree with multiple columns. Separate ULs with class multicols */ .pr #categorytree ul.multicols { float: left; width: 49%; margin: 0; padding: 0; } .pr #categorytree ul.multicols LI { margin: 5px 10px 0 50px; } .pr #categorytree ul.multicols LI UL LI{ margin: 4px 0 0 0; } /************************************************* * FILE: /core/header.css *************************************************/ .pr #accessibility-links {display: none;} .pr .header-ad, #header-ad.pr { background-color: #d5defb;} .pr .header-ad .top-ad, #header-ad.pr .top-ad { display: inline-block; padding: 12px 0; } .pr .header-ad .top-ad:after, #header-ad.pr .top-ad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .header-ad .top-ad,* html #header-ad.pr .top-ad { height: 1%; } #header-ad.pr .top-ad,.pr .header-ad .top-ad { display: block; } #header-ad.pr .top-ad,.pr .header-ad .top-ad IMG { float: left; } .pr .header-menu, #header-menu.pr { background: url(laptop/images/site-gui/header/header-top-bg.gif) top left repeat-x #6287bd; border-top: solid 1px #6687bc; position: relative; z-index: 30; } .pr .header-menu-frame { width: 773px; padding-top: 10px; position: relative; inline-block;} .pr .header-menu-frame:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .header-menu-frame{ height: 1%; } .pr .header-menu-frame { display: block; } .pr .header-menu-frame .menu-tab { position: absolute; bottom: 0px!important; bottom: -1px; left: 0px; } .pr .header-menu-frame .login-tab { float: right; background: url(laptop/images/site-gui/header/login-bg-left.gif) top left no-repeat; } .pr .header-menu-frame .login-tab-content { background: url(laptop/images/site-gui/header/login-bg-right.gif) top right no-repeat; margin-left: 9px; padding: 8px 9px 8px 0px; font-size: 0.85em; } .pr .header-menu-frame .login-tab-content A { color: #ffffff; text-decoration: none; } .pr .header-menu-frame .login-tab-content A:active { color: #ffffff; text-decoration: none; } .pr .header-menu-frame .login-tab-content A:hover { color: #ffffff; text-decoration: underline; } .pr .header-menu-frame .login-tab-content A.login { background: url(laptop/images/site-gui/header/icon-login.gif) top left no-repeat; padding: 1px 0 2px 20px; margin-right: 20px; } .pr .header-menu-frame .login-tab-content A.signup { background: url(laptop/images/site-gui/header/icon-signup.gif) top left no-repeat; padding: 1px 0 2px 20px; } .pr .header-menu-frame .login-tab-content A.user { background: url(laptop/images/site-gui/header/icon-user.gif) top left no-repeat; padding: 0 0 0 13px; margin-right: 20px;} .pr .header-menu-frame .login-tab-content A.logout { color: #1b4282; } .pr .header-search, #header-search.pr { background-color: #4c7bbf; background: url(laptop/images/site-gui/header/header-bottom-bg.gif) top left repeat-x #4b7abf; border-bottom: solid 1px #e5ebf5; padding-top: 3px; } .pr .header-search-frame{ float: left; width: 773px; } .pr .header-puff { float: right; width: 185px; } .pr .header-logo { float: left; } .pr .box-search-frame { float: right; margin: 7px 0 8px 0; } .pr .box-search-frame FORM { margin: 0; padding: 0; } .pr .box-search-frame .tl { background: url(laptop/images/site-gui/header/box-search-frame.gif) top left no-repeat; background-position: -838px 0; } .pr .box-search-frame .tr { background: url(laptop/images/site-gui/header/box-search-frame.gif) top right no-repeat; background-position: 100% -15px; margin-left: 7px; padding: 7px 7px 0 0; } .pr .box-search-frame .ml { background: url(laptop/images/site-gui/header/box-search-frame.gif) top left repeat-y; } .pr .box-search-frame .mr { background: url(laptop/images/site-gui/header/box-search-frame-mr.gif) top right repeat-y #5582c4; margin-left: 7px; padding: 0 7px 0 0; } .pr .box-search-frame .mr FIELDSET { margin: 0; padding: 0; border: none; display: block!important; display: inline; } .pr .box-search-frame .bl { background: url(laptop/images/site-gui/header/box-search-frame.gif) bottom left no-repeat; background-position: -838px -38px!important; background-position: -838px -41px; } .pr .box-search-frame .br { background: url(laptop/images/site-gui/header/box-search-frame.gif) bottom right no-repeat; background-position: 100% -53px!important; background-position: 100% -56px; margin-left: 7px; padding: 7px 7px 0 0!important; padding: 4px 7px 0 0;} .pr .box-search-text { width: 360px; float: left; margin-right: 5px; } .pr .box-search-text .tl { background: url(laptop/images/site-gui/header/box-search.gif) top left no-repeat; background-position: -800px 0; } .pr .box-search-text .tr { background: url(laptop/images/site-gui/header/box-search.gif) top right no-repeat; background-position: 100% -5px; margin-left: 38px; padding: 5px 7px 0 0; } .pr .box-search-text .ml { background: url(laptop/images/site-gui/header/box-search.gif) top left no-repeat; } .pr .box-search-text .mr { background: url(laptop/images/site-gui/header/box-search-mr.gif) top right repeat-y #ffffff; margin-left: 38px; padding: 0 7px 0 0; } .pr .box-search-text .mr INPUT { width: 100%; border: 0px solid white!important; color: #474747; margin: 0; padding: 0; font-size: 1.2em; } .pr .box-search-text .bl { background: url(laptop/images/site-gui/header/box-search.gif) bottom left no-repeat; background-position: -800px -10px!important; } .pr .box-search-text .br { background: url(laptop/images/site-gui/header/box-search.gif) bottom right no-repeat; background-position: 100% -15px!important; margin-left: 38px; padding: 5px 7px 0 0!important;} .pr .box-search-button { float: left; background: url(laptop/images/site-gui/header/box-search-button.gif) top left repeat-x #7ea0d6; background-position: 0 -60px; cursor: pointer; } .pr .box-search-button .tl { background: url(laptop/images/site-gui/header/box-search-button.gif) top left no-repeat; background-position: -778px 0; } .pr .box-search-button .tr { background: url(laptop/images/site-gui/header/box-search-button.gif) top right no-repeat; background-position: 100% -15px; margin-left: 6px; padding: 6px 6px 0 0; } .pr .box-search-button .ml { background: url(laptop/images/site-gui/header/box-search-button-m.gif) top left repeat-y; } .pr .box-search-button .mr { background: url(laptop/images/site-gui/header/box-search-button-m.gif) top right repeat-y; margin-left: 6px; padding: 0px 6px 0 0; } .pr .box-search-button .mr button { border: none; background: none; padding: 0; margin: 0; font-size: 1.0em; font-weight: bold; color: #1e4275; cursor: pointer; overflow: visible; } .pr .box-search-button .bl { background: url(laptop/images/site-gui/header/box-search-button.gif) bottom left no-repeat; background-position: -778px -39px!important;} .pr .box-search-button .br { background: url(laptop/images/site-gui/header/box-search-button.gif) bottom right no-repeat; background-position: 100% -54px!important; margin-left: 6px; padding: 6px 6px 0 0!important; } .pr #header-right-spot { float: right; width: 185px;} /************************************************* * FILE: /core/legacy-fixes.css *************************************************/ /* The background color is needed in product comparison where the table expands to the right outside the box */ .pr .productlistright {background: white;} /* .pr p { margin: .6em 0; } */ .pr #videoreview { /* float: none; */ } /* Restores border and padding inside the blue box. */ .pr table.categories{ border: 1px solid #E1E8F1; border-collapse: separate; } /* Adds margin above subheaders in the blue box */ table.categories h3.maincategory { margin-top: 10px; } /* Decreases the fontsize a little bit within all tables. Targeting old design which tends to be inside tables. */ .pr table {font-size: .95em;} } /* Kills underline on hover and keeps the black color in product info tabs */ .pr a.producttab:visited {color: black} .pr a.producttab:hover, .pr .producttabactive a {text-decoration: none;} /* Restores a little padding inside the some boxes. For all browsers except IE. */ table.greysquare td { padding: 4px; *padding: 0; } table.greysquare td { padding: 4px; *padding: 0; } /* Decreases font-size to keep the buttons within their original size constraint */ .pr .storebutton,.pr .storebutton-hover {font-size:1em;} .pr .spiffy,.pr .spiffyhigh {font-size:.95em; padding-top: 0;} /************************************************* * FILE: /core/listpages.css *************************************************/ /* Switch view ----- */ .pr .list .view img { float: none; padding: 0 0 0 0; margin-right: 2px; } .pr .list .view, .pr .list .views { float: right; font-size: .85em; padding: 2px 4px; margin-left: 5px; } .pr .list .views { margin-right: -4px; } .pr .list .view.active{ background: url(laptop/images/site-gui/listpages/selected_background.gif) bottom right; } .pr .list .view a { color: #666; } .pr .list .view a:hover { text-decoration: none; } /* Ads --- */ .pr .list .ad { text-align: center; clear: both; background: #e2e9f1; margin: 0 0 5px 0; padding: 0 0 10px 0; } .pr .shop-search-grid-view .ad { margin: 0 12px 5px 5px; } .pr .list.shop-search .row { padding: 0; text-align: center; clear: both; } .pr .list .more-prods-under-ad { text-align: center; clear: both; margin: 0 0 6px 0; padding: 0; font-size: xx-small; color: #838385; letter-spacing: 1px; background: white; /*background: url(laptop/images/site-gui/listpages/more-prods-under-ad-bg.gif) repeat-x ;*/ } .pr .list .more-prods-under-ad span { padding: 0 5px; background: white; } /* Stock info --- */ .pr .stock-info p {margin-bottom: 1px; padding-left: 12px; font-weight: bold; background-position: 0 2px; } .pr .stock-info .in-stock {color: #399f20; background: url(laptop/images/site-gui/listpages/stockinfo-in-stock.gif) no-repeat;} .pr .stock-info .out-of-stock {color: #e69d02; background: url(laptop/images/site-gui/listpages/stockinfo-out-of-stock.gif) no-repeat;} .pr .stock-info .unknown-stock {background: url(laptop/images/site-gui/listpages/stockinfo-unknown-stock.gif) no-repeat;} /* PRODUCT LISTING START ::::::::: */ .pr .prodlist-standard-view .product { width: 100%; position: relative; /* in order for positioning to be based on this div */ margin-bottom: 6px; padding: 0; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; float: left; background: url( laptop/images/site-gui/listpages/std-v-product-bg-div-hor.gif ) bottom left repeat-x; } .pr .prodlist-standard-view div.list-info { position: absolute; top: 0; left: 0; width: 50px; padding: 0; text-align: center; font-size: x-small; } .pr .prodlist-standard-view div.list-info .popstar { width: 43px; height: 33px; background: url( laptop/images/site-gui/listpages/pop-star-a.gif ) no-repeat; color: white; font-size: 2.5em; font-weight: bold; text-align: center; padding: 6px 0; margin: 8px auto 5px auto; } .pr .prodlist-standard-view div.list-info .popstar.tens { font-size: 2em; padding: 10px 0 0 9px; text-align: left; } .pr .prodlist-standard-view div.list-info .popstar.two { font-size: 2em; padding: 10px 0; } .pr .prodlist-standard-view div.list-info .popstar.three { font-size: 1.5em; padding: 13px 0; } .pr .prodlist-standard-view div.list-info .popstar.four { font-size: 1.3em; padding: 13px 0; } .pr .prodlist-standard-view div.list-info .popstar.five { font-size: 1.2em; padding: 13px 0; font-weight: normal; } .pr .prodlist-standard-view div.list-info img { margin: 14px auto 1px auto; display: block; } .pr .prodlist-standard-view div.productimg { position: absolute; top: 0; left: 52px; width: 120px; padding: 12px 12px 12px 10px; text-align: center; } .pr .prodlist-standard-view .product .productinfobody { color: #666; width: auto; padding: 10px 3px 5px 3px; margin: 0 140px 7px 190px; clear: both; background: url( laptop/images/site-gui/listpages/std-v-product-bg-div-vert.gif ) top right repeat-y; height: auto !important; height: 100px; min-height: 105px; } .pr .prodlist-standard-view .product .productinfobody p { font-size: .9em; } .pr .prodlist-standard-view .product .productinfobody .new-product { color: red; } .pr .prodlist-standard-view .product .productinfobody .reviews { font-size: x-small; min-height: 18px; padding: auto 0; } .pr .prodlist-standard-view .product .productinfobody .reviews img { display: block; float: left; margin: -4px 10px 0 0; } .pr .prodlist-standard-view .product .productinfobody .reviews span { display: block; padding: 5px 0 0 0; } .pr .prodlist-standard-view .extra-info { font-size: x-small; float: left; width: 100%; } .pr .prodlist-standard-view .extra-info .a { width: 48%; min-width: 160px; margin-right: 2%; float: left; padding-bottom: 3px; } .pr .prodlist-standard-view .extra-info .b { width: 48%; float: left; text-align: right; } .pr .prodlist-standard-view .product .productname h3 { font-size: medium; } .pr .prodlist-standard-view .product .productname h3 a { color: #666; } .pr .prodlist-standard-view .product div.price { position: absolute; top: 0; right: 0; width: 136px; text-align: center; padding-top: 10px; } .pr .prodlist-standard-view .product p.price { margin: 0; padding-top: 10px; font-weight: bold; font-size: medium; background: white; } .pr .prodlist-standard-view .product .price a .pricetext { color: #666; } .pr .prodlist-standard-view .button { margin: 2px 0 5px 0; } .pr .prodlist-standard-view .product .compareListCheckBox { display: block; margin: 0 auto 3px auto; } .pr .prodlist-grid-view .product .compareListCheckBox { vertical-align: middle; margin: -2px 2px 0 0; *margin: -1px 2px 0 0; } .pr .prodlist-grid-view #inlistAdSpot { margin-left: -1px; } .pr .prodlist-grid-view .product { width: 173px; height: 25em; float: left; text-align: center; padding: 20px 6px 6px 6px; border-bottom: 1px gray dotted; } .pr .prodlist-grid-view .product.filler { border: none; } .pr .prodlist-grid-view .product h3 { height: auto !important; height: 2.5em; min-height: 2.5em; } .pr .prodlist-grid-view .product h3 a { color: #666; } .pr .prodlist-grid-view .product .price { font-weight: bold; size: 150%; margin-bottom: 2px; } .pr .prodlist-grid-view .product .add-to-list { } .pr .prodlist-grid-view .product .add-to-list a, .pr .prodlist-grid-view .product .added-to-list { font-size:x-small; color: #666; } .pr .prodlist-compact-view ul { width: 100%; padding: 0; margin: -5px 0 0 0; list-style: none; clear: both; } .pr .prodlist-compact-view ul li { width: 100%; float: left; padding: 8px 0; background: url( laptop/images/site-gui/listpages/std-v-product-bg-div-hor.gif ) bottom left repeat-x; } .pr .prodlist-compact-view ul li.odd { background-color: #fbfbfb; } .pr .prodlist-compact-view ul li.jshover-on { background-color: #efefef; } .pr .prodlist-compact-view ul li .popularity { float: left; color: #87651b; font-weight: bold; } .pr .list-compact-view .compareListCheckBox { margin-right: 5px; } .pr .prodlist-compact-view ul li h3 { float: left; margin: 0 4px 0 8px; font-size: 1em; font-weight: normal; } .pr .prodlist-compact-view ul li h3 a { color: #666; } .pr .prodlist-compact-view ul li .retailers { float: right; width: 7em; text-align: right; } .pr .prodlist-compact-view ul li .price { float: right; font-weight: bold; width: 9.5em; } .pr .prodlist-compact-view ul li .add-to-list, .pr .prodlist-compact-view ul li .added-to-list { float: right; font-size: x-small; margin: 0 30px; padding-top: 3px; } .pr .prodlist-compact-view ul li .reviews { display: block; float: right; width: 90px; height: 15px; margin: 0 .7em; padding-top: 3px; text-align: center; font-size: x-small; } .pr .prodlist-compact-view ul li .reviews a { } .pr .prodlist-compact-view ul li form { float: left; } .pr .prodlist form.header { float: right; margin-left: 15px; } .pr .prodlist form.header label { font-weight: bold; float: left; margin: 2px 6px 0 0; color:#AD8226; font-size:1em; } /* PRODUCT LISTING END ::::::::: */ /* SHOPPING SEARCH START ::::::::: */ /* Column DIVs for shopping search listpages ----- */ .pr .left-col-contentfilter { border: 0px dotted red; float: left; width: 23%; } .pr .right-col-listpage { border: 0px dotted red; width: 76%; float: right; background: white; } /* START STANDARD VIEW ::::: */ .pr .shop-search-standard-view .product { width: 100%; height: auto !important; height: 13em; min-height: 12.5em; position: relative; /* in order for positioning to be based on this div */ margin-bottom: 6px; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: url(laptop/images/site-gui/listpages/product-bg-std-view.gif) bottom right no-repeat; float: left; } .pr .shop-search-standard-view div.productimg { position: absolute; top: 0; left: 0; width: 100px; padding: 12px 12px 12px 10px; text-align: center; } .pr .shop-search-standard-view div.productimg .larger-image { font-size: .85em; } .pr .shop-search-standard-view div.productimg .larger-image a { color: #666; text-decoration: underline; } .pr .shop-search-standard-view div.productimg .larger-image a img { text-decoration: none; } .pr .shop-search-standard-view .product .productinfobody { color: #666; width: auto; padding: 10px 3px 5px 3px; margin: 0 140px 1px 124px; clear: both; } .pr .shop-search-standard-view .product .productinfobody p { font-size: .9em; } .pr .shop-search-standard-view .product .productinfobody p.productdescription { border: 0px dotted fuchsia; min-height: 7em; height: auto !important; height: 7em; } .pr .shop-search-standard-view .product-meta { float: left; width: 100%; } .pr .shop-search-standard-view .product-meta div { width: 95px; font-size: x-small; /* text-align: center; */ float: left; } .pr .shop-search-standard-view .stock-info p { background-position:0 0;} .pr .shop-search-standard-view .product .productname h3 { font-size: medium; } .pr .shop-search-standard-view .product .productname h3 a { color: #666; } .pr .shop-search-standard-view .product div.price { position: absolute; top: 0; right: 0; width: 140px; text-align: center; padding-top: 2px; } .pr .shop-search-standard-view .product p.price { margin:0; padding-top:5px; font-weight: bold; /*font-size: 1.75em;*/ font-size: x-large; background: white; } .pr .shop-search-standard-view .product .price a .pricetext { color: #666; } .pr .shop-search-standard-view .price .shipping { font-size: .85em; color: #666; margin: 0; } .pr .shop-search-standard-view .price .shipping a { color: #666; } .pr .shop-search-standard-view .button { margin: 2px 0 5px 0; } .pr .shop-search-standard-view .retailerlogo { margin: -3px auto 0 auto; width: 100px; background: white; padding: 3px; border: 1px solid #eee; } .pr .shop-search-standard-view .product .infoonretailer { font-size: .85em; font-size: x-small; color: #666; margin: 0; } /* END STANDARD VIEW ::::: */ /* START GRID VIEW ::::::::::::::::::::::: */ .pr .shop-search-grid-view { clear: both; } .pr .shop-search-grid-view .product { float: left; width: 170px; height: 27em; margin: 5px 4px 5px 5px !important; margin: 4px 3px 4px 4px; padding: 3px; padding-top: 7px; padding-bottom: 10px; border: 1px solid #ccc; text-align: center; } .pr .shop-search-grid-view .product.filler { border: none; } .pr .shop-search-grid-view .product .productname { height: auto !important; height: 3.6em; min-height: 3.6em; } .pr .shop-search-grid-view .product .productname h3 { font-size: small; font-weight: bold; margin-top: 0; } .pr .shop-search-grid-view .product .productname h3 span { vertical-align: middle; } .pr .shop-search-grid-view .product .productname h3 a { color: #666; vertical-align: middle; } .pr .shop-search-grid-view .product .productinfo a { font-size: .9em; } .pr .shop-search-grid-view div.productimg { width: 130px; height: 130px; overflow: hidden; text-align: center; margin: 0 auto; } .pr .shop-search-grid-view div.productimg img { display: block; margin: 0 auto; } .pr .shop-search-grid-view .product p.price { border-top: 1px solid #ccc; margin:0; padding-top:5px; font-weight: bold; /*font-size: 1.1em;*/ font-size: medium; } .pr .shop-search-grid-view .product .price a .pricetext { color: #666; } .pr .shop-search-grid-view .product .shipping { height: 1.2em; margin: 0; font-size: .85em; color: #666; } .pr .shop-search-grid-view .product p.button { margin: 2px 0 4px 0; } .pr .shop-search-grid-view .product .shipping a { color: #666; } .pr .shop-search-grid-view .product .infoonretailer { font-size: x-small; margin: 0; } .pr .shop-search-grid-view .product .retailerlogo { border-top: 1px solid #ccc; height: 50px; overflow: hidden; margin: 1px 0 3px 0; padding: 5px 0 0 0; } /* END GRID VIEW :::::: */ /* START COMPACT VIEW ::::: */ .pr ul.shop-search-compact-view { width: 100%; padding: 0; margin: 0; list-style: none; clear: both; } .pr ul.shop-search-compact-view li { width: 100%; float: left; padding: 8px 0; margin: 0; clear: both; position: relative } .pr ul.shop-search-compact-view li.odd { background-color: #f7f7f7; } .pr ul.shop-search-compact-view li.even { } .pr ul.shop-search-compact-view li.even:hover, .pr ul.shop-search-compact-view li.odd:hover, .pr ul.shop-search-compact-view li.prhover { background-color: #efefef; } .pr ul.shop-search-compact-view li .productname { width: 50%; float: left; padding: 0 0 0 5px; } .pr ul.shop-search-compact-view li h3 { display: inline; margin-right: 4px; font-size: 1em; font-weight: normal; } .pr ul.shop-search-compact-view li a h3 { padding-left: 16px; background: url(laptop/images/site-gui/listpages/icon-info.gif) no-repeat 0 2px; color: #666; } .pr ul.shop-search-compact-view li a:hover { text-decoration: none; } .pr ul.shop-search-compact-view li a:hover h3 { text-decoration: underline; } .pr ul.shop-search-compact-view li .imagelink { } .pr ul.shop-search-compact-view li .buy { width: 45%; float: right; padding: 0 10px 0 0; } .pr ul.shop-search-compact-view li .retailer { float: right; white-space: nowrap; } .pr ul.shop-search-compact-view li .price-go { float: right; clear: left; } .pr ul.shop-search-compact-view li .price { font-weight: bold; margin-left: 5px; } .pr ul.shop-search-compact-view li .go-to-store { border-left: solid 1px #e1e1e1; padding-left: 40px; } .pr ul.shop-search-compact-view li a.go-to-store { color: #029b03; padding: 0 12px 0 4px; background: url(laptop/images/site-gui/listpages/compact-view-gotostore-arrow.gif) top right no-repeat; } /* END COMPACT VIEW ::::: */ /* --- ADS IN LISTS --------------------- */ .pr #inlist-ad-block { padding: 10px 0; } .pr #inlist-ad-wrapper { } .pr .inlistAd { text-align:center; } .pr .fakehide { width: 1px; height: 1px; overflow: hidden; } .pr .fakehide, .pr .fakehide *, .pr .fakehide a { background: white; color: white; } /* LIGHTBOX FOR LISTPAGES START ::::: */ .pr #lightbox { width: 625px; height: 435px; position: relative;} .pr #lightbox H1 { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 6px 0; } .pr #lightbox .shadow { width: 625px; height: 435px; background: url(laptop/images/site-gui/lightbox/lightbox-bg-shadow.gif) top left no-repeat; -moz-opacity: 0.1; opacity: 0.1; filter: alpha(opacity=10); } .pr #lightbox .box { width: 619px; height: 429px; background: url(laptop/images/site-gui/lightbox/lightbox-bg-light.gif) top left no-repeat; position: absolute; top: 3px; left: 3px; } .pr #lightbox .top { height: 24px; margin: 6px 12px 0 12px; background: url(laptop/images/site-gui/lightbox/lightbox-bg-topline.gif) bottom left repeat-x; } .pr #lightbox .top IMG { float: right; } .pr #lightbox .middle { height: 369px; background: url(laptop/images/site-gui/lightbox/lightbox-bg-grey.gif) bottom left repeat-x; margin: 0 12px; position: relative;} .pr #lightbox .bottom { height: 30px; background: url(laptop/images/site-gui/lightbox/lightbox-bg-bottomline.gif) top left repeat-x; margin: 0 12px; } .pr #lightbox .bottom .pages { font-size: 11px; display: block; text-align: center; padding-top: 8px; } .pr #lightbox .bottom .left-nav { float: left; background: url(laptop/images/site-gui/lightbox/lightbox-nav-left.gif) top left no-repeat; padding: 0 0 2px 22px; font-weight: bold; font-size: 12px; margin-top: 7px; cursor: pointer; } .pr #lightbox .bottom .right-nav { float: right; background: url(laptop/images/site-gui/lightbox/lightbox-nav-right.gif) top right no-repeat; padding: 0 22px 2px 0; font-weight: bold; font-size: 12px; margin-top: 7px; cursor: pointer; } .pr #lightbox .bottom A { text-decoration: none; color: #666666; } .pr #lightbox .bottom A:hover { text-decoration: none; color: #000000; } .pr .lightbox-product { float: left; height: 250px; width: 270px; margin-top: 12px; } .pr .lightbox-retailer { float: right; width: 315px; margin-top: 10px; } .pr .lightbox-retailer p.button { margin: 0; } .pr .lightbox-retailer H2 { border-bottom: solid 1px #e0e0df; padding-bottom: 2px; margin: 0; font-size: 13px; font-weight: bold; } .pr .lightbox-retailer H3 { border-bottom: solid 1px #e0e0df; padding-bottom: 2px; margin: 8px 0 0 0; font-size: 11px; font-weight: bold; } .pr .lightbox-retailer .left { float: left; width: 155px; text-align: center;} .pr .lightbox-retailer .left P { margin: 6px 0 0 0; font-size: 10px; } .pr .lightbox-retailer .right { float: right; width: 115px; text-align: center; } .pr .lightbox-retailer .left .grade { font-size: 10px; } .pr .lightbox-retailer .left .grade IMG { margin: 0 0 2px 0;} .pr .lightbox-retailer .right IMG { display: block; margin: 7px auto 0 auto; } .pr .lightbox-retailer .grade, .pr .lightbox-retailer .infoonretailer { font-size:10px; text-align: center; margin: 10px 0 0 0; line-height: 10px; } .pr .lightbox-retailer .availability {background:transparent url(laptop/images/site-gui/listpages/availability-icon.gif) no-repeat scroll 0%; padding: 2px 0 2px 24px; display: inline-block; margin: 8px auto;} .pr .lightbox-retailer .right br {line-height: 0;} .pr .lightbox-price { font-size: 10px; } /*.pr .lightbox-price P.price-range { float: left; margin: 0; text-align: center; margin-left: 10px; } */ .pr .lightbox-price .price-range {float: left; margin: 0; margin-left: 5px;} .pr .lightbox-price .price-range p {float: none; width: 120px;} .pr .lightbox-retailer .price-range p {margin: 1px 0 2px 0;} .pr .lightbox-price div.store { float: right; padding: 5px 10px 10px 0; margin: 0; text-align: center; } .pr .lightbox-price div.store p {margin-bottom: 12px;} .pr .lightbox-price .text-medium { font-weight: bold; font-size: 12px; } .pr .lightbox-price .text-big { font-size: 17px; font-weight: bold; } .pr .lightbox-info { clear: both; padding: 4px 3px 6px 3px; font-size: 11px; } .pr #lightbox .lightbox-info { position: absolute; left: 0; bottom: 3px; } .pr .lightbox-info H2 { font-size: 13px; font-weight: bold; margin: 0 0 2px 0; } /* LIGHTBOX FOR LISTPAGES END ::::: */ /* Product info --- */ .pr .productInfo-standAlone { background: transparent url(laptop/images/site-gui/lightbox/lightbox-bg-grey.gif) repeat-x scroll left bottom; /*height: 369px;*/ } /* Comparelist --- */ .pr #compareList .extra { display: none; } .pr #compareList .expanded .extra { display: block; border: 0; } .pr #compareList { } .pr #compareList .mylist-tl { background: url(laptop/images/site-gui/mylist/mylist.gif) top left no-repeat; background-position: -1559px 0px; } .pr #compareList .mylist-tr { background: url(laptop/images/site-gui/mylist/mylist.gif) top right no-repeat; background-position: 100% -2px; margin-left: 2px; padding: 2px 2px 0 0; position: relative; } .pr #compareList .mylist-tr IMG { display: none; } .pr #compareList .mylist-ml { background: url(laptop/images/site-gui/mylist/mylist.gif) top left repeat-y; background-position: 0px 0px; } .pr #compareList .mylist-mr { background: url(laptop/images/site-gui/mylist/mylist-mr.gif) bottom right no-repeat; margin-left: 2px; padding: 0 2px 0 0; display: inline-block; } .pr #compareList .mylist-mm { padding: 10px 12px 0 12px; } .pr #compareList .mylist-mm .left { float: left; width: 70%; } .pr #compareList .mylist-mm .right { float: right; width: 28%; } .pr #compareList .mylist-bl { background: url(laptop/images/site-gui/mylist/mylist.gif) bottom left no-repeat; background-position: -1556px -4px; } .pr #compareList .mylist-br { background: url(laptop/images/site-gui/mylist/mylist.gif) bottom right no-repeat; background-position: 100% -9px; margin-left: 5px; padding: 5px 5px 0 0; } .pr #compareList .mylist-mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr #compareList .mylist-mr { height: 1%; } .pr #compareList .mylist-mr { display: block; } .pr #compareList.fixed { position: absolute; left: -695px; bottom: 10px; z-index: 500; width: 700px; } .pr #compareList.fixed .mylist-tr IMG { position: absolute; top: 0px; right: -36px; display: block; } .pr #compareList.fixed { position: fixed;} .pr #compareList #showHide.showMyList img.close, .pr #compareList #showHide.hideMyList img.open { display: none; } .pr #compareList .delete-all { text-align: right; } .pr .box-r { margin-bottom: 10px; } .pr .box-r .tl { background: url(laptop/images/site-gui/mylist/box-r.gif) top left no-repeat; background-position: -1634px 0px; } .pr .box-r .tr { background: url(laptop/images/site-gui/mylist/box-r.gif) top right no-repeat; background-position: 100% -14px; margin-left: 9px; padding: 7px 9px 0 0; } .pr .box-r .ml { background: url(laptop/images/site-gui/mylist/box-r.gif) top left repeat-y #ffffff; background-position: 0 0; } .pr .box-r .mr { background: url(laptop/images/site-gui/mylist/box-r-mr.gif) top right repeat-y #ffffff; margin-left: 9px; padding: 0 9px 0 0; display: inline-block; } .pr .box-r .mr UL { list-style: none; margin: 0; padding: 0; } .pr .box-r .mr LI { position: relative; margin: 0; padding: 4px 20px 4px 0; background: url(laptop/images/site-gui/mylist/box-r.gif) top left repeat-x; background-position: -48px -56px; } .pr .box-r .mr LI IMG { position: absolute; top: 7px; right: 2px!important; right: 10px; } .pr .box-r .mr LI.deleteall { text-align: right; } .pr .box-r .mr H2 { margin: 0 0 5px 0; padding: 0; font-size: 1.1em; font-weight: bold; } .pr .box-r .mr A.sidebyside { background: url(laptop/images/site-gui/mylist/icon-sidebyside.gif) no-repeat 0 3px; padding: 4px 0 4px 24px; font-size: 0.9em; } .pr .box-r .mr A.watch { background: url(laptop/images/site-gui/mylist/icon-watch.gif) no-repeat 0 3px; padding: 4px 0 4px 24px; font-size: 0.9em; } .pr .box-r .mr A.email { background: url(laptop/images/site-gui/mylist/icon-email.gif) no-repeat 0 5px; padding: 4px 0 4px 24px; font-size: 0.9em; } .pr .box-r .mr IMG.close { float: right; margin: 3px -2px 0 6px; } .pr .box-r .bl { background: url(laptop/images/site-gui/mylist/box-r.gif) bottom left no-repeat; background-position: -1634px -35px; } .pr .box-r .br { background: url(laptop/images/site-gui/mylist/box-r.gif) bottom right no-repeat; background-position: 100% -49px; margin-left: 9px; padding: 7px 9px 0 0; } .pr .box-r .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .box-r .mr { height: 1%; } .pr .box-r .mr { display: block; } /* Price List - - - */ .pr .price-list.productinfo .productimg { float: left; width: 170px; padding-right: 10px; font-size: .9em; text-align: center; } .pr .price-list.productinfo .productimg .enlarge-image-wrapper { width: 125px; } .pr .price-list.productinfo .productinfobody { margin-left: 180px; } .pr .productinfo .rightOfOverview { float: right; } .pr table.price-list { width: 100%; border-collapse: collapse; background: transparent url(laptop/images/site-gui/listpages/std-v-product-bg-div-hor.gif) repeat-x scroll left bottom; } .pr table.price-list tr.retailer { background:transparent url(laptop/images/site-gui/listpages/std-v-product-bg-div-hor.gif) repeat-x scroll left top; font-size: .9em; } .pr table.price-list tr.inlistAdRow td { padding: 0px; } .pr table.price-list td { padding: 10px; vertical-align: top; } .pr table.price-list td.logo { padding-left: 3px; width: 133px; } .pr table.price-list td.reviews { width: 100px; } .pr table.price-list td.reviews img { display: block; margin: 0 0 5px 0; } .pr table.price-list td.about-retailer { } .pr table.price-list td.about-retailer img{ padding: 0 7px 5px 0; } .pr table.price-list td.retailer-info { max-width: 100px; text-align: center; } .pr table.price-list .price { text-align: right; width: 110px; } .pr table.price-list .price p { font-weight: bold; font-size: 1.5em; margin: 0; } .pr table.price-list .price img { float: left; } .pr table.price-list td.go-to-store { padding-right: 0; } /* Product specs --- */ .pr .product-info-detailed h3 { margin: 15px 0 -10px 0; } .pr .product-info-detailed dl { border-top: 1px gray dotted; } .pr .product-info-detailed dt { width: 210px; padding-top: 7px; margin-top: 3px; } .pr .product-info-detailed dd { border-bottom: 1px gray dotted; margin: 0; padding: 7px 0 4px 220px; } .pr .product-info-detailed dd a { display: block; float: right; padding-left: 7px; } /* Zip code (for US only) --- */ .pr .zipcode-for-ship-cost { text-align: center; font-size: .9em; padding: 0; border: 0px solid black; margin: 0 auto; height: 1.8em; } .pr .zipcode-for-ship-cost img { position: relative; top: 2px; } .pr .zipcode-for-ship-cost input, .pr .zipcode-for-ship-cost button { text-align: center; font-size: .9em; font-weight: bold; color: #666; } .pr .zipcode-for-ship-cost form img .pr .zipcode-for-ship-cost form label, .pr .zipcode-for-ship-cost form input { vertical-align: middle; } /* ******* Pricelist Product Review Lightbox ******** */ .video-lightbox { width: 750px; } .video-lightbox .tr H2 { color: #666666; font-size: 1.1em; } .video-lightbox .tr IMG.close { float: right; margin: 2px 0 0 0; } .video-lightbox .mr H3 { color: #ad8226; } .video-lightbox .mr .left { float: left; width: 335px; min-height:360px; height: auto!important; height: 360px; } .video-lightbox .mr .right { margin-left: 350px; min-height: 360px; height: auto!important; height: 360px; } .video-lightbox .mr p.green { color: #20a302; } .video-lightbox .mr p.red { color: #d60101; } .video-lightbox .mr .dotted { background: url(laptop/images/site-gui/pricelist/dotted-line.gif) top left repeat-x; } .video-lightbox .mr DL { background: url(laptop/images/site-gui/pricelist/dotted-line.gif) bottom left repeat-x; padding: 10px 0; } .video-lightbox .mr DT { font-weight: bold; display: block; float: none; margin-bottom: 10px; } .video-lightbox .mr DD { display: inline; margin: 0 10px 0 0; padding: 0; } .video-lightbox .mr a.yes { background: url(laptop/images/site-gui/pricelist/icon-yes.gif) top left no-repeat; padding: 0 0 0 20px; } .video-lightbox .mr a.no { background: url(laptop/images/site-gui/pricelist/icon-no.gif) 0px 3px no-repeat; padding: 0 0 6px 20px; } .video-lightbox .mr a.report { background: url(laptop/images/site-gui/pricelist/icon-report.gif) top left no-repeat; color: #d60101; font-size: 0.9em; padding: 2px 0 6px 25px; } .video-lightbox .mr a.report:visited { color: #d60101; } .video-lightbox .mr a.report:hover { color: #d60101; } .video-lightbox .mr .rating { margin: 25px 0; } .video-lightbox .mr .rating IMG { vertical-align: top; margin: -1px 0 0 6px; } .video-lightbox .mr .left .flashplayer { margin-bottom: 12px; } .video-lightbox .mr .left P { margin: 6px 0 0 0; } .video-lightbox .mr .left .col-left { float: left; width: 48%; } .video-lightbox .mr .left .col-left strong, .video-lightbox .mr .left .col-right strong { color: #ad8226; } .video-lightbox .mr .left .col-right { float: right; width: 48%; } /* PRODUCT REVIEW */ .pr .prodreview H3 { color: #AD8226; } .pr .prodreview H3 SPAN { color: #666666; font-weight: normal; } .pr .prodreview .img-align-middle { text-align: center; padding: 18px 0 10px 0px; } .pr .prodreview .txt-align-middle { text-align: center; padding: 30px 0 30px 0px; } .pr .prodreview .txt-align-middle P { font-weight: bold; font-size: 1.1em; } .pr .prodreview .txt-align-middle .green { display: block; margin-top: 15px; } .pr .prodreview .green { color: #20a302; } .pr .prodreview .red { color: #d60101; } .pr .prodreview .horizontal-line { background: url(laptop/images/site-gui/pricelist/horizontal-line.gif) top left repeat-x; padding-top: 1px; clear: both; } .pr .prodreview DL.evaluate { padding: 0; margin: 0; } .pr .prodreview DL.evaluate DT { font-weight: bold; display: inline; } .pr .prodreview DL.evaluate DD { display: inline; margin: 0 0 0 10px; padding: 0; } .pr .prodreview DL.positive { padding: 0; margin: 20px 0 0 0; } .pr .prodreview DL.positive DT { background: url(laptop/images/site-gui/pricelist/icon-positive.gif) 0px 0px no-repeat; font-weight: bold; color: #20a302; margin: 0; padding: 0 0 6px 25px; float: none; } .pr .prodreview DL.positive DD { display: inline; margin: 0 0 0 0; padding: 0; } .pr .prodreview DL.negative { padding: 0; margin: 20px 0 16px 0; } .pr .prodreview DL.negative DT { background: url(laptop/images/site-gui/pricelist/icon-negative.gif) 0px 5px no-repeat; font-weight: bold; color: #d60101; margin: 0; padding: 0 0 6px 25px; float: none; } .pr .prodreview DL.negative DD { display: inline; margin: 0 0 0 0; padding: 0; } .pr .prodreview UL.ul-column { padding: 0; margin: 0; list-style: none; } .pr .prodreview UL.ul-column LI { padding: 4px 0 2px 0; margin: 0; position: relative; } .pr .prodreview UL.ul-column LI .left { width: 45%; } .pr .prodreview UL.ul-column LI .right { position: absolute; right: 0px; top: 4px; width: 45%; } .pr .prodreview UL.ul-column LI .right IMG { vertical-align: top; margin: -1px 0 0 0; } .pr .prodreview .three-col { border-bottom: solid 1px #dddddb; margin-bottom: 10px; background: url(laptop/images/site-gui/pricelist/vertical-grid.gif) 33% 0 repeat-y; } .pr .prodreview .three-col .col { width: 33%; float: left; } .pr .prodreview .three-col .col .padder { padding: 0px 10px 10px 10px; } .pr .prodreview .three-col .grid { background: url(laptop/images/site-gui/pricelist/vertical-grid.gif) 66% 0 repeat-y; display: inline-block; } .pr .prodreview .three-col .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .prodreview .three-col .grid { height: 1%; } .pr .prodreview .three-col .grid { display: block; } .pr .prodreview .three-fixed-col { background: url(laptop/images/site-gui/pricelist/vertical-grid.gif) 160px 0 repeat-y; } .pr .prodreview .three-fixed-col .left { float: left; width: 160px; text-align: center; padding: 10px 0; } .pr .prodreview .three-fixed-col .middle { margin: 0 150px 0 160px; padding: 10px 12px; } .pr .prodreview .three-fixed-col .middle UL { list-style: none; margin: 0; padding: 0; } .pr .prodreview .three-fixed-col .middle LI { display: inline; padding: 0; margin: 0 8px 0 0; } .pr .prodreview .three-fixed-col .right { float: right; width: 150px; text-align: center; padding: 30px 0 4px 0; } .pr .prodreview .three-fixed-col .right IMG { margin-bottom: 6px; } .pr .prodreview .three-fixed-col .right P { font-weight: bold; } .pr .prodreview .three-fixed-col .grid { background: url(laptop/images/site-gui/pricelist/vertical-grid-150.gif) top right repeat-y; display: inline-block; } .pr .prodreview .three-fixed-col .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .prodreview .three-fixed-col .grid { height: 1%; } .pr .prodreview .three-fixed-col .grid { display: block; } .pr .prodreview .two-col { border-bottom: solid 1px #dddddb; margin-bottom: 15px; background: url(laptop/images/site-gui/pricelist/vertical-grid.gif) 65% 0 repeat-y; display: inline-block; clear: both; } .pr .prodreview .two-inline { border: none; margin: 0; } .pr .prodreview .two-col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .pr .prodreview .two-col{ height: 1%; } .pr .prodreview .two-col { display: block; } .pr .prodreview .two-col .col-left { float: left; width: 65%; } .pr .prodreview .two-col .col-right { float: right; width: 35%; } .pr .prodreview .two-col .padder { padding: 10px 10px 10px 10px; } .pr .prodreview .two-col .line { background: url(laptop/images/site-gui/pricelist/horizontal-line.gif) top left repeat-x; } .pr .warranty { margin-top: 10px; font-size: 0.9em; } .pr .warranty .warranty-title { background:transparent url(laptop/images/i/warranty-icon.gif) no-repeat scroll 0 0; font-weight:bold; padding-left:15px; } /* Retailer rebate popup */ .retailerrebate{position: absolute; left:110px; top:0px; background: #F8F8F8; border:1px solid #33B903; color:#000000; font-weight:bold; width:200px; padding:5px; z-index:100; visibility:hidden} /************************************************* * FILE: /core/filters.css *************************************************/ .pr #filterbox {position: relative;} .pr .filter-box-outer { border: solid 1px #e1e1e1; margin: 0 0 8px 0; } .pr .filter-box-outer-last { border: solid 1px #e1e1e1; margin: 0; } .pr .filter-box-inner { border: solid 1px #ffffff; background-color: #f8f8fa; padding: 5px 5px; } .pr .filter-box-inner H2 { margin: 0 0 4px 0; } .pr .filter-box-inner H2 IMG { float: right; margin-left: 5px; } .pr .filter-box-inner H2 .icon { float: left; margin: 3px 4px 0 0; } .pr .filter-box-inner UL { margin: 0; padding: 0; list-style: none; } .pr .filter-box-inner LI { margin: 1px 0 0 0; padding: 0 0 0 9px; background: url(laptop/images/site-gui/lists/bullet-ulist-b.gif) 0px 4px no-repeat; } /* .pr .filter-box-inner ul.sortby li.selected { margin: 1px 0 0 0; padding: 0 0 0 13px; background: url(img/icon_check.gif) 0px 4px no-repeat; font-weight: bold;} .pr .filter-box-inner ul.sortby li.selected a { color: #666;} */ .pr .filter-box-inner LI.showall{ background: url(img/icon_showall.gif) 0px 6px no-repeat; } .pr .filter-box-inner UL.selected { border-top: solid 1px #e1e1e3; border-bottom: 0; } .pr .filter-box-inner UL.selected LI { margin: 0 0 0 0; padding: 3px 0; background: none; border-bottom: solid 1px #e1e1e3; border-top: 0; } .pr .filter-box-inner UL.selected LI:HOVER { background-color: #f0f0f2; } .pr .filter-box-inner ul.selected li a:hover { text-decoration: none; } .pr .filter-box-inner ul.selected li img { padding-right: 6px; } .pr .filter-form { display: inline; } .pr .filter-form H2 { margin: 10px 0 6px 0; font-size: 0.9em; } .pr .filter-form INPUT { float: left; } .pr #contentfilter #search input[type=text] { width: 95px; float: left; margin: 1px 5px 0 0; } .pr #contentfilter .header .plusbox { float: right; margin: 2px 0; } .pr #contentfilter h4 { margin: 0 0 5px 0; } .pr #contentfilter #search p { margin: 0; font-weight: bold; } .pr #filterbox .mr.hide { display: none; } /************************************************* * FILE: /core/misc-pages.css *************************************************/ .pr .ajax-provider-product-list{ float:left; width:90%; display:inline; } .pr .ajax-provider-product-list li { float:left; width:100%; clear:both; margin-bottom: 5px; display:inline; } .pr #retailer-info-page .main-info{ width:100%; margin:20px 0px 10px; } .pr #retailer-info-page .main-info .logo{ float:left; margin-right: 10px; margin-bottom: 10px; } .pr #retailer-info-page .main-info .retailer-description{ clear:left; text-align:justify; } .pr #retailer-info-page .main-info .go-to-store{ height:40px; vertical-align:middle; line-height:40px; float:right; } .pr #retailer-info-page .line { float : left; width: 100%; padding: 8px 0px; border-bottom: 1px dotted #EAEAEA; } .pr #retailer-info-page .line .title { float: left; color: #AD8226; font-weight:bold; width: 35%; margin-left: 6px; } .pr #retailer-info-page .line .value { float:right; text-align:left; width: 62%; margin-right: 6px; } .pr #tab-fragment-retailer-reviews .line .value .sub-value { width: 32%; float: left; } .pr #retailer-info-page .retailer-info .allReviewsLink { margin-left: 8px; } .pr #retailer-info-page h3 { color: #555555; } .pr #retailer-info-page #all-products .category-link { float:left; clear:both; width:100%; display: inline; } .pr #retailer-info-page #all-products .category-link A { display: inline; } .pr #retailer-info-page #all-products .not-expandable-link { margin-left:14px; } .pr #retailer-info-page #all-products .category-link .curtainBox { float:left; clear:both; width:100%; } .pr #retailer-info-page #all-products .category-link .loading { float:left; width:32px; margin-left:14px; } /* for manufacturer and retailer info * */ .pr div.detail-info .line { width: 100%; margin: 0; padding: 0; padding-top: 8px; padding-bottom: 8px; float: left; clear: left; display: inline; border-bottom:1px dotted #EAEAEA; border-top:0px solid #CCCCCC; margin-bottom:6px; } .pr div.detail-info .line .title { width: 25%; margin: 0; font-weight: bold; color: #AD8226; float: left; } .pr div.detail-info .line .value { width: 75%; margin: 0; text-align: left; float: left; } .pr .providerInfoTabContainer .products h2 { color:#AD8226; font-size:1.1em; font-weight:bold; margin:0pt 0pt 7px; } .pr .providerInfoTabContainer .products #most-popular-products{ float: left; width:55%; } .pr .providerInfoTabContainer .products #all-products{ float: right; width:40%; border-left:1px dotted #EAEAEA; padding-left: 8px; } .pr .providerInfoTabContainer .products #all-products a { margin: 0px; font-weight:bold; display: inline; margin-right: 4px; float:left; } .pr .providerInfoTabContainer .products #all-products ul { padding-left: 16px; font-weight:normal; margin:10px 0px 0px 14px; } .pr .providerInfoTabContainer .products #all-products li { list-style-type: none; } .pr .providerInfoTabContainer .products #all-products li a { font-weight:normal; } .pr .providerInfoTabContainer .products #all-products .curtainBox { padding:4px 0px; } .pr #tab-fragment-retailer-reviews h3 { margin:0px; } .pr #tab-fragment-retailer-reviews #average-ratings #click-anchor { cursor: pointer; cursor: hand } .pr #tab-fragment-retailer-reviews #average-ratings #show-hide-averageRatings #show-hide-message { float : left; } .pr #retailer-info-page .providerInfoTabContainer img.go-to-store { vertical-align: bottom; margin-left: 4px; } .pr #retailer-info-page .providerInfoTabContainer img.review-rating { vertical-align: bottom; } .pr #tab-fragment-retailer-reviews .review { float: left; width: 100%; margin-bottom: 10px; } .pr #tab-fragment-retailer-reviews .review .headline { background:#FFFFFF url(img/box-n.gif) no-repeat scroll -54px -128px; float: left; width: 100%; padding-top: 9px; padding-bottom: 9px; border-bottom: solid #cccccc 1px; padding-left:0px; padding-right:0px; } .pr #tab-fragment-retailer-reviews .review .headline .author{ color: #555555; font-weight:bold; float: left; margin-left:6px; } .pr #tab-fragment-retailer-reviews .review .headline .submit-date{ float: right; margin-right:6px; } .pr #tab-fragment-retailer-reviews .review .headline .submit-date .report-review{ padding-left:10px; } .pr #tab-fragment-retailer-reviews .write-review{ float:left; clear:both; width: 100%; } .pr #tab-fragment-retailer-reviews #review-explaining-text { clear:both;float:left;width:100%;margin-top:12px; } .pr #tab-fragment-retailer-reviews #paginator { clear:both; } .pr #tab-fragment-retailer-reviews #review-info { float:left; clear:both; width: 100%; } .pr #tab-fragment-retailer-reviews #review-info .investigation { background-color:#EEEEEE; font-weight:bold; } .pr #tab-fragment-retailer-reviews #review-info .line .retailerComments { color: #bf0200; } .pr #tab-fragment-retailer-reviews .average-ratings .curtainBox { float: left; margin-top: 8px; } /* Nonpaying Merchant Transition Pages */ .pr .nonpaying-merchant-transition .left-col{ float:left; width:57%; padding-left:5px; } .pr .nonpaying-merchant-transition .right-col{ float:right; width:41%; } .pr .nonpaying-merchant-transition .google-ads2{ float:left; width:100%; } /* MEMBER PAGES */ .pr .login-lightbox { width: 300px; } .pr .login-lightbox .tr IMG.close { float: right; margin: 2px 0 0 0; } .pr .member-wrapper { } .pr .member-wrapper H1 { font-size: 1.4em; font-weight: normal; margin-bottom: 13px; } .pr .member-wrapper H2 { color: #ad8226; margin-bottom: 10px; } .pr .member-wrapper H2.personal { background: url(laptop/images/i/signup/info-personal.gif) top left no-repeat; padding: 3px 0 0 20px; margin-top: 20px; } .pr .member-wrapper H2.contact { background: url(laptop/images/i/signup/info-contact.gif) top left no-repeat; padding: 2px 0 0 22px; margin-top: 20px; } .pr .member-wrapper H2.interest { background: url(laptop/images/i/signup/icon_intrests.gif) top left no-repeat; padding: 2px 0 0 22px; margin-top: 20px; } .pr .member-wrapper INPUT.extended { width: 250px; } .pr .member-wrapper .error-text { color: #ec1313; padding: 0px; margin: 0 0 10px 0; } .pr .member-wrapper SPAN.red { color: #ec1313; } .pr .member-wrapper SPAN.info-text { font-size: 0.85em; margin-top: 3px; display: block; } .pr .member-wrapper FORM { margin: 0px; padding: 0px; } .pr .member-wrapper .box-blue { background: url(laptop/images/i/signup/signup-dotted-line.gif) top left repeat-x #f2f7ff; margin-bottom: 10px; } .pr .member-wrapper .box-red { background: url(laptop/images/i/signup/signup-dotted-line.gif) top left repeat-x #fef7eb; margin-bottom: 10px; } .pr .member-wrapper .box-info { background: url(laptop/images/i/signup/signup-dotted-line.gif) bottom left repeat-x; padding: 8px 20px 10px 20px; display: inline-block; margin-bottom: 6px; } .pr .member-wrapper .box-info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .member-wrapper .box-info { height: 1%; } .pr .member-wrapper .box-info { display: block; } .pr .member-wrapper .box-free { padding: 8px 20px 8px 20px; } .pr .member-wrapper .box-content { background: url(laptop/images/i/signup/signup-dotted-line.gif) bottom left repeat-x; padding: 15px 20px; display: inline-block; } .pr .member-wrapper .box-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .member-wrapper .box-content { height: 1%; } .pr .member-wrapper .box-content { display: block; } .pr .member-wrapper .box-content .input { width: 200px; border: solid 1px #b1b1b1; color: #666666; font-size: 1.2em; } .pr .member-wrapper .box-content .error { background-color: #ffd9d9; } .pr .member-wrapper .box-content .fullwidth { width: 100%!important; width: 98%; } .pr .member-wrapper .box-content .short { width: 20%; float: left;} .pr .member-wrapper .box-content .short-combo { width: 77%; float: right; margin-right: -2px; } .pr .member-wrapper .box-content LABEL { display: block; margin-bottom: 3px; padding-top: 2px; } .pr .member-wrapper .box-content LABEL IMG { float: left; margin: -2px 5px 0 0; } .pr .member-wrapper .check-holder { clear: both; margin-bottom: 9px; font-size: 0.85em; } .pr .member-wrapper INPUT.check { width: 15px; border: none; float: left; margin: 0px 6px 0 0; height: 13px; } .pr .member-wrapper .login-check { font-size: 0.85em; margin-bottom: 3px; } .pr .member-wrapper .box-info OL LI { margin-bottom: 3px; } .pr .member-wrapper .box-info OL { margin: 12px 0 0 0; } .pr .member-wrapper .box-info P.small { font-size: 0.85em; padding-left: 5px; } .pr .member-wrapper .box-info P.small IMG { float: left; margin: 0 0 0 -25px; } .pr .member-wrapper .small { font-size: 0.85em; } .pr .member-wrapper .submit { float: right; margin-top: 4px; font-weight: bold; color: #666666; } .pr .member-wrapper .content-left { float: left; width: 48%; } .pr .member-wrapper .content-right { float: right; width: 48%; } .pr .member-wrapper .subform { margin-top: 12px; } .pr .member-wrapper .subform SELECT { border: solid 1px #b1b1b1; vertical-align: top; font-size: 0.9em; margin-left: 5px; } .pr .member-wrapper .subform .radio { vertical-align: bottom; *vertical-align: middle; margin-right: 4px; } .pr .member-wrapper .section { background: url(laptop/images/i/signup/signup-dotted-line.gif) bottom left repeat-x; padding-bottom: 1px; clear: left; display: inline-block; } .pr .member-wrapper .section INPUT { color: #666666; } .pr .member-wrapper .section INPUT.radio{ vertical-align: bottom; *vertical-align: middle; margin-right: 4px; } .pr .member-wrapper .section .view { padding: 7px 8px; } .pr .member-wrapper .section .input { padding: 7px 8px; background-color: #F2F7FF; } .pr .member-wrapper .section .col1 { float: left; width: 150px; font-weight: bold; color: #ad8226; } .pr .member-wrapper .section .col2 { float: right; width: 14px; text-align: right; } .pr .member-wrapper .section .col3 { margin: 0 14px 0 150px; padding-left: 10px; } .pr .member-wrapper .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px;} .pr .member-wrapper .section LABEL { display: block; margin: 1px 0 1px 0; } .pr .member-wrapper .section .save { float: right; margin-right: 8px; padding-right: 8px; border-right: solid 1px #b8b8b8; } * html .pr .member-wrapper .section { height: 1%; } .pr .member-wrapper .section { display: block; } .pr .member-wrapper .tabs { background: url(laptop/images/i/signup/tab-line.gif) bottom left repeat-x; display: inline-block; padding: 10px 0 0 8px; } .pr .member-wrapper .tabs UL { margin: 0; padding: 0; list-style: none; cursor: normal; } .pr .member-wrapper .tabs LI { font-size: 0.9em; margin: 0 3px 0 0; padding: 0; display: inline; background: url(laptop/images/i/signup/tab-right.gif) top right no-repeat; cursor: pointer; padding: 7px 0 6px 0; float: left; border-bottom: solid 1px #dddddd; } .pr .member-wrapper .tabs LI.active { background: url(laptop/images/i/signup/tab-right-active.gif) top right no-repeat; border-bottom: solid 1px #ffffff; } .pr .member-wrapper .tabs H2 { display: inline; font-weight: normal; background: url(laptop/images/i/signup/tab-left.gif) top left no-repeat; cursor: pointer; padding: 7px 12px 6px 12px; margin: 0; color: #666666; } .pr .member-wrapper .tabs LI.active H2 { font-weight: bold; } .pr .member-wrapper .tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px;} * html .pr .member-wrapper .tabs { height: 1%; } .pr .member-wrapper .tabs { display: block; } .pr .member-wrapper .checkbox-holder { float: left; width: 46%; padding: 2px 0 2px 15px; } .pr .member-wrapper .checkbox-holder INPUT { float: left; margin-left: -15px; } .pr .member-wrapper .divide { clear: left; } /* *************** BUYING ADVICE *************** */ .pr .buying-advice .img-align-left { float: left; margin: 0 12px 0 0; } .pr .buying-advice .img-align-right { float: right; margin: 0 0 10px 20px; } .pr .buying-advice .three-column-wrapper { float: left; width: 100%; } .pr .buying-advice .three-column { float: left; width: 33%; } .pr .buying-advice .three-column P { border-top: solid 1px #dddddb; padding: 8px 12px 0 0px; margin: 0 0 10px 0; } .pr .buying-advice .four-column { float: left; width: 25%; text-align: center; padding-top: 10px; } .pr .buying-advice .four-column SPAN { display: block; margin: 5px 3px 0 3px; font-size: 0.9em; } .pr .buying-advice .anchor { background: url(img/dotted-horizontal.gif) top left repeat-x; font-size: 0.9em; padding-top: 6px; margin: 26px 0; } /* *** TWO COLUMN FRAMESET *** */ .frameset-left { float: left; } .frameset-right { float: right; } .frameset-standard .frameset-left { width: 500px; } .frameset-standard .frameset-right { width: 255px; } /************************************************* * FILE: /core/lotek.css *************************************************/ .pr #wrapper-ltk { width: 770px; clear: both; } .pr #header-ltk { width: 770px; clear: both; } .pr .box-big-ltk { width: 770px; margin: 0.5em 0; padding: 0; background: #fff; border-bottom: 1px solid #6186bc; } /************************************************* * FILE: /core/pr-tools.css *************************************************/ /* CSS file that initialize the state for the pr-tools javascript when javascript is activated. This css file should not include any formatting except strict functional formatting (hidden, shown etc). */ .switch { cursor: pointer; cursor: hand; } .maximized .expand { display: none; } .maximized .collapse { display: inline; } .maximized .curtain { display: block; } .minimized .expand { display: inline; } .minimized .collapse { display: none; } .minimized .curtain { display: none; } .toggleBox .case1 { display: block; } .toggleBox .case2 { display: none; } /************************************************* * FILE: /core/topnav.css *************************************************/ .pr .header_nav * { margin: 0; padding: 0; } .pr .header_nav { position:relative; float: left; margin: 0; padding: 0; /* margin-top: 10px; margin-bottom: 10px !important; margin-bottom: 0px;*/ font-size: small; font-family: arial,verdana,tahoma,helvetica,sans-serif; } .pr .header_nav ul { background-color: #fff; /*IE6 needs this*/ float: left; position: relative; width: 16em; /* z-index: 20; */ list-style: none; } .pr .header_nav li.tab-drop, .pr .header_nav li.tab-nodrop { background-color: #fff; background-repeat: no-repeat; background-position: top right; margin-right: 4px; /*margin-bottom: -1px; */ float: left; list-style: none; position:relative; z-index:999; } .pr .header_nav li.tab-nodrop { background-color: #eee; background-image: url('laptop/images/site-gui/topnav/menu-tab-off-r-nodrop.gif') ; background-repeat: no-repeat; } .pr .header_nav li.tab-drop { background-color: #eee; background-image: url('laptop/images/site-gui/topnav/menu-tab-off-r.gif') ; background-repeat: no-repeat; background-position: top right; } .pr .header_nav li a { background-image: url('laptop/images/site-gui/topnav/menu-tab-off-l.gif'); background-repeat: no-repeat; } .pr .header_nav li.active { background-image: url('laptop/images/site-gui/topnav/menu-tab-active-r.gif') ; background-repeat: no-repeat; background-position: top right; color: white; } .pr .header_nav li.active a, .pr .header_nav li.active a:visited { background-image: url('laptop/images/site-gui/topnav/menu-tab-active-l.gif'); background-repeat: no-repeat; color: white; } .pr .header_nav li.tab-drop { padding-right: 10px; margin-bottom: -1px; } .pr .header_nav a, .pr .header_nav a:visited { color: #575757; display:block; float: left; padding: 3px 9px; font-weight: normal; text-decoration: none; width: auto; } .pr .header_nav li ul { border: 1px solid #f7b627; border-top: 1px solid #f7b627; float:none; top:-999em; position:absolute; /* z-index: -10; */ margin-top: 1px; /* z-index: 1000; */ } .pr .header_nav li.tab-drop:hover, .pr .header_nav li.tab-drop.sfHover, .pr .header_nav li.tab-nodrop:hover, .pr .header_nav li.tab-nodrop.sfHover { background-image: url('laptop/images/site-gui/topnav/menu-tab-on-r.gif'); background-repeat: no-repeat; background-position: top right; } .pr .header_nav li.tab-drop:hover, .pr .header_nav li.tab-drop.sfHover { border-bottom: 1px solid #fff; margin-bottom: -10px; padding-bottom: -10px; } .pr .header_nav li.tab-drop a:hover, .pr .header_nav li.tab-drop a:active, .pr .header_nav li.tab-nodrop a:hover, .pr .header_nav li.tab-nodrop a:active { background-image: url('laptop/images/site-gui/topnav/menu-tab-on-l.gif'); background-repeat: no-repeat; background-color: none; color: #666; text-decoration: none; } .pr .header_nav li.tab-nodrop a:hover, .pr .header_nav li.tab-nodrop a:active { background-image: url('laptop/images/site-gui/topnav/menu-tab-on-l.gif') !important; background-image: url('laptop/images/site-gui/topnav/menu-tab-on-l-ie6.gif'); border-right: none !important; border-right: 1px solid #f7b627; padding-right: 9px !important; padding-right: 8px; } .pr .header_nav li:hover ul, /* pure CSS hover is removed below */ .pr ul.header_nav li.sfHover ul { left:0px; top: 21px; } .pr .header_nav li:hover ul, /* pure CSS hover is removed below */ .pr ul.header_nav li.sfHover ul { } .pr .header_nav li li { border-top: 0px solid #d3d1d1; /* added */ background-image: none; background-color: #fff; position: relative; /* this makes the vertical third tiers line up under their parent li */ float:left; width: 16em; margin: 0; border-right: none; border-left: none; border-bottom: none; /* border-top: 1px solid #000; */ } .pr .header_nav li li:hover, .pr .header_nav li li.sfHover, .pr .header_nav li li a:hover, .pr .header_nav li li a:active { color: #0167cc; background-color: #e7f0fd; background-image: none; border: none; margin: 0; } .pr .header_nav li.tab-drop li a, .pr .header_nav li.tab-drop li a:hover { background-image: none; } /* Category icons */ .pr #categoriestab li a { background: url(laptop/images/i/icons/iconmap.gif) no-repeat 0px 3px; padding: 4px 0 4px 28px; } .pr #categoriestab li a.cat1 { background-position: 0px -497px; } .pr #categoriestab li a.cat2 { background-position: 0px -797px; } .pr #categoriestab li a.cat3, .pr #categoriestab li a.cat14 { background-position: 0px -897px; } .pr #categoriestab li a.cat4, .pr #categoriestab li a.cat8 { background-position: 0px -947px; } .pr #categoriestab li a.cat10 { background-position: 0px -697px; } .pr #categoriestab li a.cat11 { background-position: 0px -47px; } .pr #categoriestab li a.cat21 { background-position: 0px -997px; } .pr #categoriestab li a.cat27 { background-position: 0px -747px; } .pr #categoriestab li a.cat28 { background-position: 0px -847px; } .pr #categoriestab li a.cat29 { background-position: 0px -647px; } .pr #categoriestab li a.cat34 { background-position: 0px -547px; } .pr #categoriestab li a.cat52, .pr #categoriestab li a.cat19 { background-position: 0px -1047px; } .pr #categoriestab li a.cat72 { background-position: 0px -597px; } .pr #categoriestab li a.cat86 { background-position: 0px -297px; } .pr #categoriestab li a.cat187 { background-position: 0px -447px; } .pr #categoriestab li a.cat141 { background-position: 0px -1097px; } .pr #categoriestab li a.cat288 { background-position: 0px -347px; } .pr #categoriestab li a.cat334 { background-position: 0px -397px; } .pr #categoriestab li a.cat353 { background-position: 0px -1147px; } .pr #categoriestab li a.catinsurance { background-position: 0px -247px; } .pr #categoriestab li a.cattravel { background-position: 0px -997px; } /* ************ CLICKMENU ************** */ .clickMenu { margin: 0; padding: 0; cursor: pointer; font-size: 0.9em; } .clickMenu, .clickMenu ul { list-style: none; } .clickMenu ul { margin: 8px 0 0 0!important; margin: 7px 0 0 0; padding: 0; border: 1px solid #e5ebf5; border-top: none; background-color: #fff; min-width: 210px; width: auto!important; width: 210px; } .clickMenu ul li ul { border-top: solid 1px #e5ebf5; } .clickMenu div.outerbox { display: none; } .clickMenu div.inner { top: 1.6em; left: 0; margin: 0; } .clickMenu div.inner div.outerbox { margin-left: 2px; *margin-left: 4px; top: -8px!important; top: -7px; } .clickMenu li { position: relative; padding: 0; } .clickMenu li.main { height: 1.6em; float: left; background: url(laptop/images/site-gui/topnav/menu-tab.gif) top right no-repeat; background-position: 100% -197px; margin-right: 4px; padding: 7px 0 0 0; } .clickMenu li.main .tab-arrow { position: absolute; right: 20px; top: 14px; } .clickMenu li.main li { z-index: 2; min-width: 210px; width: auto!important; width: 210px; padding: 3px 0; display: inline-block; } .clickMenu li.main li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clickMenu li.main li { height: 1%; } .clickMenu li.main li { display: block; } .clickMenu li.main li IMG { float: left; margin-left: 6px} .clickMenu li.hover { z-index: 1 !important; background: url(laptop/images/site-gui/topnav/menu-tab.gif) top right no-repeat; background-position: 100% -394px; } .clickMenu li ul li.hover { background-image: none; background-color: #ecf1f9; } .clickMenu img.liArrow { position: absolute; top: 7px; right: 7px; } .clickMenu li.main a { text-decoration: none; color: #1e4275; font-weight: bold; cursor: pointer; background: url(laptop/images/site-gui/topnav/menu-tab.gif) top left no-repeat; background-position: 0px 0px; padding: 7px 19px 0px 19px; } .clickMenu li.main a:visited { text-decoration: none; color: #1e4275; font-weight: bold; } .clickMenu li.main a:hover { text-decoration: none; color: #1e4275; font-weight: bold; } .clickMenu li.drop a { padding-right: 31px; } .clickMenu li.main ul li a { text-decoration: none; color: #666666; font-weight: normal; background-image: none; padding: 0 20px 0 8px; } .clickMenu li.main ul li a:visited { text-decoration: none; color: #666666; font-weight: normal; background-image: none; } .clickMenu li.main ul li a:hover { text-decoration: none; color: #666666; font-weight: normal; background-image: none; } .pr .menu_nav { display: none; } .pr .menu_nav .categories { border: none; background: none; color: inherit; } /* temporary to remove old styling from new menu */ .pr .menu_nav.clickMenu .categories { margin: 8px 0 0 0 !important; margin: 7px 0 0 0; padding: 0; border: 1px solid #e5ebf5; border-top: none; background-color: #fff; min-width: 210px; width: auto !important; width: 210px; } /************************************************* * FILE: /core/widgets.css *************************************************/ .pr #bigpromotion #bigproframe { height: 420px; } .pr #bigpromotion { /* margin: 0 0 5px 0; */ padding: 0; float: right; position: relative; z-index: 1; width: 500px; } .pr .bigprocar, .pr .BigPromotionCarousel { position: relative; } .pr #bigpromotion .promo-box h2 { font-size: xx-large; margin: 0 0 .3em 0; } .pr .BigPromotionCarousel H2 { margin: 0; padding: 0; background: none; font-size: 3em; color: #88898c; line-height: 1em; margin-bottom: 10px; } .pr #bigpromotion H3 {margin: 0; padding: 0; font-weight: normal; font-size: 1em; color: #88898c; } .pr #bigpromotion UL {margin: 0; padding: 0; } .pr .bigprocar li,.BigPromotionCarousel li { margin: 0; padding: 0; list-style: none; } .pr #bigpromotion .box { height: 420px; width: 478px; border: 0px solid green; } .pr #bigpromotion .promo-box { margin: 10px 0 0 10px; } .pr #bigpromotion .box-d { margin-top: 20px; } .pr #bigpromotion, .pr #bigpromotion * { position: relative; } .pr #bigpromotion .next, .pr #bigpromotion .prev { cursor: pointer; cursor: hand; } .pr #bigpromotion .prev { position: absolute; bottom: 10px !important; bottom: 11px; left: 7px; color: #ffffff; z-index: 100; } .pr #bigpromotion .prev IMG { float: left; } .pr #bigpromotion .prev P { float: left; padding: 0; margin: 3px 0 0 3px;} .pr #bigpromotion .next { position: absolute; bottom: 10px !important; bottom: 11px; right: 20px; color: #ffffff; z-index: 100;} .pr #bigpromotion .next IMG { float: right; } .pr #bigpromotion .next P { float: right; padding: 0; margin: 3px 3px 0 0; } .pr #bigpromotion .corner-bl { position: absolute; z-index: 100; height: 9px; width: 9px; bottom: 1px !important; bottom: 3px; left: 0; background: url(laptop/images/site-gui/widget-bigpromo/promo-bl.gif) bottom left no-repeat; border: 0px dotted fuchsia; } .pr #bigpromotion .corner-br { position: absolute; z-index: 100; height: 9px; width: 9px; bottom: 0 !important; bottom: 3px; right: 12px!important; right: 12px; background: url(laptop/images/site-gui/widget-bigpromo/promo-br.gif) bottom left no-repeat; border: 0px dotted fuchsia; } /* Product info */ .pr #bigpromotion .productinfo .productimage { float: left; } .pr #bigpromotion .productinfo .productinfotextbox.image { margin-left: 70px; } .pr #bigpromotion .productinfo .productinfotextbox h3 { margin: 0 0 .3em 0; } .pr #bigpromotion .productinfo .productinfotextbox h3 a { font-weight: bold; color: black; } .pr #bigpromotion .productinfo .productinfotextbox p { margin: 0 0 .2em 0; } /* Popular searches */ .pr #popularsearches {} .pr #popularsearches ul.tagcloud{ font-size: .9em; } .pr #popularsearches .showall { text-align: right; margin: 0; font-size: .9em; } /* .pr #popularproducts {} .pr #popularproducts ul { list-style: none; margin: 0.5em 0 0 0 ; padding: 0; } .pr #popularproducts li { clear: both; border: 0px dotted green; margin-bottom: 1em; } .pr #popularproducts li .bullet { height: 14px; width: 24px; margin-right: 8px; margin-top: -4px; padding-top: 5px; padding-bottom: 5px; float: left; background-image: url(laptop/images/site-gui/widget-popprod/bullet.gif); background-repeat: no-repeat; text-align: center; color: white; font-size: 14px; font-weight: bold; } .pr #popularproducts .showall { text-align: right; margin: 0; font-size: .9em; } */ /* Category Tree ---*/ .pr .categorytree2 { } .pr .categorytree2 ul { margin: 0 0 16px 45px; padding: 0; list-style: none; } .pr .categorytree2 ul li { margin: 0; padding: 0; } .pr .categorytree2 ul li ul { list-style: none; padding: 0; margin: 0 0 20px 0; } .pr .categorytree2 ul li ul li { margin: 0 0 1px 0; padding: 0; } .pr .categorytree2 IMG { position: absolute; top: 0; left: -45px; } .pr .categorytree2 H3 { font-size: 1em; margin: 0 0 2px 45px; padding: 0; position: relative;} .pr .categorytree2 A { color: #666666; text-decoration: none; } .pr .categorytree2 A:visited { color: #666666; text-decoration: none; } .pr .categorytree2 A:hover { color: #000000; text-decoration: underline; } .pr .categorytree2 A H3 { color: #666666; text-decoration: none; } .pr .categorytree2 A:hover H3 { color: #000000; text-decoration: underline; } /*--- (TEMPORARY! Should be placed in campaigns.css) Explanation page for the new homepage --*/ .pr #explain ul { list-style: none; margin: 2.5em 0 0 0 ; padding: 0; } .pr #explain li .bullet { height: 30px; width: 25px; margin-right: 10px; margin-top: -12px; padding-top: 5px; padding-bottom: 15px; float: left; text-align: center; color: white; font-size: 14px; font-weight: bold; } .pr #explain li { clear: both; border: 0px dotted green; margin-bottom: 1em; } /* --- 1.50 Popular Products Widget - removable in 1.51 --- */ .pr .toplist { clear: both; padding: 0 0 10px 0; margin-bottom: 10px; } .pr .toplist IMG { float: left; margin: 0 15px 10px 0; } .pr .toplist H3 { margin-bottom: 8px; } .pr .toplist OL { margin: 0 0 6px 0; padding: 0; } .pr .toplist LI { margin-left: 20px; *margin-left: 23px; padding: 0; } .pr .toplist-last { margin: 0px; padding-bottom: 0px; border: none; } .pr .tree .toplist { border-bottom: solid 1px #ebebeb;} /* --- 1.51 Popular Products Widget - NEW --- */ .pr .popularproducts { clear: both; padding: 0; margin-bottom: 20px; margin-left: 100px; list-style: none; } .pr .popularproducts .popularproducts-wrapper { margin-left: 20px; } .pr .popularproducts IMG { float: left; margin-left: -100px; } .pr .popularproducts H1, .pr .popularproducts H2 { margin-bottom: 0px; padding-bottom: 8px; color: #ad8226; } .pr .popularproducts OL { margin: 0 0 8px 8px; padding: 0; } .pr .popularproducts OL LI { margin-left: 20px; *margin-left: 23px; padding: 2px 0 2px 0; } .pr .no-image { margin: 0; } .pr .no-image .popularproducts-wrapper { margin: 0; } .pr .no-image IMG { display: none; } /* RSS Widget --- */ .pr .widget-box H3 A { color: #0167CC; text-decoration: none; } .pr .widget-box H3 A:hover { color: #0167CC; text-decoration: underline; } .pr .widget-box .byline { font-size: 0.85em; margin: 3px 0 0 0; display: block; } /* Shopping serach video widget */ .pr .video-widget IMG { float: left; } .pr .video-widget .video-text { margin-left: 60px; font-size: 0.9em; } .pr .video-widget .video-text H3 { margin: 0; } .pr .video-widget .divide { background: url(img/dotted-horizontal.gif) top left repeat-x; margin: 6px 0 9px 0; padding: 1px 0; } /* Enlargeable product image */ .pr #enlarged { position: absolute; z-index: 100; } .pr img.wrapped { background: white; padding: 40px; background: url(laptop/images/site-gui/general-elements/icon_close_cross_plain.gif) top right no-repeat; } #enlarged-image { position: absolute; top: -2px; left: -20px; z-index: 30; background: white; border: 1px solid gray; } .pr .enlarge-image-wrapper.jshover {position: relative; z-index: 20; margin: 0 auto;} .pr .enlarge-image-wrapper .show-larger {display: none;} .pr .enlarge-image-wrapper.jshover-on .show-larger { display: block; position: absolute; background: white; padding: 10px; z-index: 20; top: 0; right: 0; } /************** Widget modification *******************/ .pr .widget-priceonly .productinfo { margin: 0; padding: 0; } .pr .widget-priceonly .productinfo IMG, .pr .widget-priceonly .productinfo P, .pr .widget-priceonly .productinfo H3 { display: none; } .pr .widget-priceonly .productinfo P.pricerange { display: inline; } .pr .widget-noimg .productinfo .productimage { display: none; } /************************************************* * FILE: /core/login.css *************************************************/ body { margin: 0; padding: 0; width: 100%; height: 100%; } /* Overlay */ #loginOverlay {background-color:#000;} /* Container */ #loginContainer {left:50%; top:15%; margin-left:-150px;} /************************************************* * FILE: /core/finance-category-link.css *************************************************/ .pr .financeLink-wrapper{ height:90px; float: right; margin-left: 0; } .pr .financeLink-wrapper form { margin: 0px; /*remove default margin*/ } .pr .financeLink-wrapper #content-wrapper{ float: left; visibility:hidden; } .pr .financeLink-wrapper #logo{ width: 80px; height: 30px; float: left; display: inline; margin-right: 10px; } .pr .financeLink-wrapper #inner-content-wrapper{ padding: 0px; margin: 0px; float: left; display: inline; } .pr .financeLink-wrapper #text{ display: inline; white-space: nowrap; } .pr .financeLink-wrapper #link{ display: block; } .pr .financeLink-wrapper strong { font-size: 1.2em; } .pr #productDescriptionTable #descTitleTd{ vertical-align: top; } .pr #productDescriptionTable #descContentTd{ vertical-align: top; } .pr #productDescriptionTable #descContentTd div{ white-space: nowrap; height: 25px } .pr #productDescriptionTable #descTitleTd div{ white-space: nowrap; height: 25px } .pr .financeLink-wrapper .loading-logo-IE { margin-top:-52px; left:100px; position: relative; width:32px; height:32px; } .pr .financeLink-wrapper .loading-logo { top:-52px; left:100px; position: relative; width:32px; height:32px; } .pr .financeLink-wrapper .box-j { margin-bottom:0px; } /************************************************* * FILE: /core/tabs-a.css *************************************************/ .pr .tabs-a { clear: both; margin-bottom: 15px; z-index: 1; position: relative; } .pr .tabs-a H3 { color: #ad8226; font-weight: bold; font-size: 1.0em; margin-bottom: 3px; } .pr .tabs-a .tl { background: url( img/filterbox2.gif ) top left no-repeat; background-position: -1922px 0 } .pr .tabs-a .tr { background: url( img/filterbox2.gif ) top right no-repeat; background-position: 100% -128px; margin-left: 7px; padding: 7px 7px 0 0; } .pr .tabs-a .ml { background: url( img/filterbox2.gif ) top left repeat-y; } .pr .tabs-a .mr { background: url( img/filterbox-mr.gif ) top right repeat-y #ffffff; margin-left: 12px; padding: 12px 13px 10px 0; display: inline-block; } .pr .tabs-a .bl { background: url( img/filterbox2.gif ) bottom left no-repeat; background-position: -1922px -445px; } .pr .tabs-a .br { background: url( img/filterbox2.gif ) bottom right no-repeat; background-position: 100% -645px; margin-left: 12px; padding: 0 12px 10px 0; } .pr .tabs-a .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .tabs-a .mr { height: 1%; } .pr .tabs-a .mr { display: block; } .pr .tabs-a .tr .filter-wrapper { border-bottom: solid 1px #4e7dc1; margin: 0 -7px; padding: 0 7px; position: relative; z-index: 30 !important; } .pr .tabs-a .tr .filter-wrapper IMG { float: right; margin: 7px 4px 0 0; } .pr .tabs-a .tr .filter-wrapper UL { margin: 0; padding: 0; list-style: none; cursor: normal; } .pr .tabs-a .tr .filter-wrapper LI { font-size: 0.9em; margin: 0 3px -1px 0; padding: 0; display: inline; background: url( img/filterbox-tab-right2.gif ) top right no-repeat; cursor: pointer; padding: 9px 0 6px 0; float: left; border-bottom: solid 1px #4e7dc1; } .pr .tabs-a .tr .filter-wrapper H2 { display: inline; padding: 0; margin: 0; } .pr .tabs-a .tr .filter-wrapper .resize { width: 12px; height: 12px; background: url( img/collapse2.gif ) top left no-repeat; } .pr .mr .filter-wrapper { z-index: 30; position: relative; } .pr .tabs-a.minimized .br .filter-wrapper { display: none; } .pr .tabs-a.filter .br .filter-wrapper .more-left .filters-list-link { display: none; } .pr .tabs-a.filter .mr { padding: 12px 0 8px 0; margin-left: 1px; } .pr .tabs-a.maximized .bl { background: url( img/filterbox-bl-dark2.gif ) bottom left no-repeat; } .pr .tabs-a.maximized .br { background: url( img/filterbox-br-dark2.gif ) bottom right no-repeat; } .pr .tabs-a.maximized .br .filter-wrapper { display: block; margin: 0 -10px; padding: 3px 10px 0 10px; background: url(img/shadow.gif) top left repeat-x; } .pr .tabs-a.maximized .br .filter-wrapper .more-left { background: url( img/filterbox-more-left2.gif ) bottom left no-repeat; float: right; cursor: pointer; } .pr .tabs-a.maximized .br .filter-wrapper .more-left .remove-filters, .pr .remove-delete { display: inline; margin-left: 11px; font-size: 0.9em; } .pr .tabs-a.maximized .br .filter-wrapper .more-left .remove-filters A, .pr .remove-delete a { background: url(img/delete-cross-a.gif) 0 3px no-repeat; padding-left: 14px; } .pr .tabs-a.maximized .br .filter-wrapper .more-left .reapply-filters { display: inline; margin-left: 11px; font-size: 0.9em; } .pr .tabs-a.maximized .br .filter-wrapper .more-left .reapply-filters A { background: url(img/reapply-cross-a.gif) 0 3px no-repeat; padding-left: 19px; } .pr .tabs-a .tr .filter-wrapper ul.top-tabs li, .pr .tabs-a.maximized .br .filter-wrapper .holder-left, .pr .tabs-a.maximized .br .filter-wrapper .holder-right {position: relative;} /* IE6 fix */ .pr .tabs-a.filter .br .filter-wrapper .more-right { background: url( img/filterbox-more-right2.gif ) bottom right no-repeat; margin-left: 12px; padding: 7px 12px 9px 0; } .pr .tabs-a.filter .br .filter-wrapper .more-right H3 { display: inline; background: url( img/arrow-more.gif ) right 6px no-repeat; padding-right: 10px; color: black; } .pr .tabs-a.filter .br .filter-wrapper .less-right { display: none; background: url( img/filterbox-more-right2.gif ) bottom right no-repeat; margin-left: 12px; padding: 7px 12px 9px 0; } .pr .tabs-a.filter .br .filter-wrapper .less-right H3 { display: inline; background: url( img/arrow-less.gif ) right 6px no-repeat; padding-right: 10px; color: black; } .pr .tabs-a .br .filter-wrapper .holder-left { float: left; width: 40%; } .pr .tabs-a .br .filter-wrapper .holder-right { display: none; } .pr .tabs-a.filter .br .filter-wrapper .holder-right { display: block; float: right; width: 80%; margin: -3px 0 0 0; } .pr .tabs-a.maximized .br .filter-wrapper UL { margin: 0 0 0 20px; padding: 0; list-style: none; } .pr .tabs-a.maximized .br .filter-wrapper LI { margin: 0; padding: 0; display: inline; } .pr .tabs-a.maximized .br .filter-wrapper LI IMG { float: left; margin: 2px 0 0 -20px; } .pr .tabs-a.maximized .br .filter-wrapper UL UL { margin: 0; padding: 0; } .pr .tabs-a.maximized .br .filter-wrapper LI LI { margin: 0; padding: 0; font-size: 0.85em; line-height: 1.5em; } .pr .tabs-a .mr .filter-block .help { position: absolute; top: 9px; right: 10px; } .pr .tabs-a .mr .filter-wrapper { display: block; position: relative; margin: 0 4px; } .pr .tabs-a .mr .filter-wrapper .mr-saver { clear: both; padding-top: 1px; } .pr .tabs-a.minimize .mr .filter-wrapper { display: none; } .pr .tabs-a.minimize .mr { padding: 0 0 0 0; } .pr .tabs-a.minimize .tr .resize { background: url( img/expand2.gif ) top left no-repeat; } .pr .tabs-a .mr .filter-block { width: 20%; float: left; position: relative; z-index: 20; background: transparent; } .pr .tabs-a .mr .filter-block UL { margin: 0; padding: 0; list-style: none; } .pr .tabs-a .mr .filter-block LI { margin: 0; padding: 0 0 3px 0; * padding : 0 0 1 px 0; font-size: 0.85em; clear: both; } .pr .tabs-a .mr .filter-block H3 { font-size: 0.9em; margin-bottom: 2px; margin-right: 13px; } .pr .tabs-a .mr .filter-block FORM { margin: 0; padding: 0; display: inline; } .pr .tabs-a .mr .filter-block .field { font-size: 0.85em; float: left; width: 65px; border: solid 1px #c8c8c8; margin: 0 5px 6px 0; * margin : 0 5 px 4 px 0; color: #666666; } .pr .tabs-a .mr .filter-block .button { float: left; margin: -1px 0 13px 0; *margin: -2px 0 11px 0; background: none; border: none; padding: 0; overflow: visible; cursor: pointer; padding-right: 1px; } .pr .tabs-a .mr .filter-block Label { display: block; margin-bottom: 2px; clear: both; } .pr .tabs-a .mr .filter-block .reset { color: #0167CC; font-weight: normal; } .pr .tabs-a .mr .filter-block A { color: #666666; text-decoration: none; } .pr .tabs-a .mr .filter-block A:visited { color: #666666; text-decoration: none; } .pr .tabs-a .mr .filter-block A:hover { color: #000000; text-decoration: none; } /* .pr .tabs-a A.selected, .pr .tabs-a li.selected, */ .pr .tabs-a .selected { color: #4c4c4c; text-decoration: none; font-weight: bold; background: url( img/delete-cross-a.gif) 0px 4px no-repeat; padding: 2px 0 0 14px; } .pr .tabs-a.filter .br .filter-wrapper li li.selected { font-weight: bold; background: none; } .pr .tabs-a .mr .filter-block A.selected:visited { color: #4c4c4c; text-decoration: none; } .pr .tabs-a .mr .filter-block A.selected:hover { color: #4c4c4c; text-decoration: none; } .pr .tabs-a .mr .filter-block A.more { color: #0167CC; text-decoration: none; background: url( img/arrow-more.gif ) right 6px no-repeat; padding-right: 9px; } .pr .tabs-a .mr .filter-block A.more:visited { color: #0167CC; text-decoration: none; } .pr .tabs-a .mr .filter-block A.more:hover { color: #FFA02B; text-decoration: underline; } .pr .tabs-a .mr .filter-block A.less { color: #0167CC; text-decoration: none; background: url( img/arrow-less.gif ) right 6px no-repeat; padding-right: 9px; } .pr .tabs-a .mr .filter-block A.less:visited { color: #0167CC; text-decoration: none; } .pr .tabs-a .mr .filter-block A.less:hover { color: #FFA02B; text-decoration: underline; } .pr .tabs-a .mr .expanded { z-index: 30; display: block; } .pr .tabs-a .mr .expanded H3 { padding-top: 1px; } .pr .tabs-a .mr .expand .help { top: 10px; } .pr .tabs-a .mr .expanded .expand-saver { padding-top: 1px; } .pr .tabs-a .mr .expanded .expand-wrapper { background: url( img/dropdown-bg.gif ) top left repeat-x #dedede; position: absolute; top: -1px; left: 0px; width: 100%; border-style: solid; border-width: 0 2px 2px 2px; border-color: #ffffff; margin: 0 0 0 -3px; padding: 0 1px 1px 1px; } .pr .tabs-a .mr .expanded .expand-content { border-style: solid; border-width: 0 1px 1px 1px; border-color: #c6c6c6; background-color: #ffffff; } .pr .tabs-a .mr .filter-wrapper .grid-a { background: url( img/dotted-vertical.gif ) 20% 0% repeat-y; } .pr .tabs-a .mr .filter-wrapper .grid-b { background: url( img/dotted-vertical.gif ) 40% 0% repeat-y; } .pr .tabs-a .mr .filter-wrapper .grid-c { background: url( img/dotted-vertical.gif ) 60% 0% repeat-y; } .pr .tabs-a .mr .filter-wrapper .grid-d { background: url( img/dotted-vertical.gif ) 80% 0% repeat-y; } .pr .tabs-a .mr .filter-wrapper .grid-divide { padding-top: 1px; background: url( img/dotted-horizontal.gif ) bottom left repeat-x; clear: both; margin-bottom: 1px; } .pr .tabs-a .mr .filter-block .padder { padding: 6px 11px 6px 11px; } .pr .tabs-a .mr .expanded .padder { padding: 6px 11px 6px 10px; } .pr .tabs-a .mr .more-options { display: none; } .pr .tabs-a .mr .filter-wrapper .more-filters { display: none; } .pr .tabs-a #low-price.error, .pr .tabs-a #high-price.error { border: 1px solid red; } .pr .tabs-a .mr.hide { display: none; } .pr .tabs-a #tab-container h2 { font-weight:bold; color: #555555; } .pr .tabs-a .retailer-info .switch { clear:both; float:left; margin-top: 8px; } .pr .tabs-a #all-products .switch { float:left; margin-top:3px; display:inline; } .pr .tabs-a #all-products .switch .expand, .pr .tabs-a #all-products .switch .collapse { float:left; width:14px; } .pr .tabs-a .tr .filter-wrapper .ui-tabs-selected { background:transparent url(img/filterbox-tab-right-active2.gif) no-repeat scroll right top; border-bottom:1px solid #FFFFFF; z-index: 10; position: relative; } .pr .ui-tabs-nav a, .pr .ui-tabs-nav a:visited { color: #555555; text-decoration: none; } .pr .tabs-a :-moz-any-link:focus { outline: none; } /* for Tabs */ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ /*display: inline-block;*/ } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } .pr .tabs-a .mr .splash-img { width: 165px; text-align: center; float: left; padding-top: 10px; } .pr .tabs-a .mr .splash-txt { margin-left: 180px; } .pr .tabs-a .mr .splash-txt .left { float: left; width: 60%; } .pr .tabs-a .mr .splash-txt .right { float: right; width: 36%; } /************************************************* * FILE: /core/tabs-retailer.css *************************************************/ .pr .tabs-retailer { clear: both; margin-bottom: 15px; z-index: 1; } .pr .tabs-retailer H3 { color: #ad8226; font-weight: bold; font-size: 1.0em; margin-bottom: 3px; } .pr .tabs-retailer .tl { background: url( img/filterbox.gif ) top left no-repeat; background-position: -1922px 0 } .pr .tabs-retailer .tr { background: url( img/filterbox.gif ) top right no-repeat; background-position: 100% -128px; margin-left: 7px; padding: 7px 7px 0 0; } .pr .tabs-retailer .ml { background: url( img/filterbox.gif ) top left repeat-y; } .pr .tabs-retailer .mr { background: url( img/filterbox-mr.gif ) top right repeat-y #ffffff; margin-left: 12px; padding: 12px 13px 0 0; display: inline-block; } .pr .tabs-retailer .bl { background: url( img/filterbox.gif ) bottom left no-repeat; background-position: -1922px -445px; } .pr .tabs-retailer .br { background: url( img/filterbox.gif ) bottom right no-repeat; background-position: 100% -645px; margin-left: 12px; padding: 0 12px 10px 0; } .pr .tabs-retailer .mr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; } * html .pr .tabs-retailer .mr { height: 1%; } .pr .tabs-retailer .mr { display: block; } .pr .tabs-retailer .tr .filter-wrapper { border-bottom: solid 1px #ddd; margin: 0 -7px; padding: 0 7px; } .pr .tabs-retailer .tr .filter-wrapper IMG { float: right; margin: 7px 4px 0 0; } .pr .tabs-retailer .tr .filter-wrapper UL { margin: 0; padding: 0; list-style: none; cursor: normal; } .pr .tabs-retailer .tr .filter-wrapper LI { font-size: 0.9em; margin: 0 3px -1px 0; padding: 0; display: inline; background: url( img/filterbox-tab-right.gif ) top right no-repeat; cursor: pointer; padding: 9px 0 6px 0; float: left; border-bottom: solid 1px #dddddd; } .pr .tabs-retailer .tr .filter-wrapper LI.active { background: url( img/filterbox-tab-right-active.gif ) top right no-repeat; border-bottom: solid 1px #ffffff; } .pr .tabs-retailer .tr .filter-wrapper H2 { display: inline; font-weight: normal; background: url( img/filterbox-tab-left.gif ) top left no-repeat; cursor: pointer; padding: 9px 16px 6px 16px; margin: 0; } .pr .tabs-retailer .tr .filter-wrapper LI.active H2 { font-weight: bold; } .pr .tabs-retailer .tr .filter-wrapper .resize { width: 9px; height: 9px; background: url( img/collapse.gif ) top left no-repeat; } .pr .mr .filter-wrapper { z-index: 30; position: relative; } .pr .tabs-retailer.minimized .br .filter-wrapper { display: none; } .pr .tabs-retailer.filter .br .filter-wrapper .more-left .filters-list-link { display: none; } .pr .tabs-retailer.maximized .mr { padding: 12px 0 8px 0; margin-left: 1px; } .pr .tabs-retailer.maximized .bl { background: url( img/filterbox-bl-dark.gif ) bottom left no-repeat; } .pr .tabs-retailer.maximized .br { background: url( img/filterbox-br-dark.gif ) bottom right no-repeat; } .pr .tabs-retailer.maximized .br .filter-wrapper { display: block; border-top: solid 2px #dddddd; margin: 0 -10px; padding: 0 10px; } .pr .tabs-retailer.maximized .br .filter-wrapper .more-left { background: url( img/filterbox-more-left.gif ) bottom left no-repeat; float: right; cursor: pointer; } .pr .tabs-retailer.maximized .br .filter-wrapper .more-left .remove-filters { display: inline; margin-left: 6px; font-size: 0.9em; } .pr .tabs-retailer.maximized .br .filter-wrapper .more-left .remove-filters A { background: url(img/icon-delete.gif) 0 3px no-repeat; padding-left: 14px; } .pr .tabs-retailer.filter .br .filter-wrapper .more-right { background: url( img/filterbox-more-right.gif ) bottom right no-repeat; margin-left: 12px; padding: 7px 12px 9px 0; } .pr .tabs-retailer.filter .br .filter-wrapper .more-right H3 { display: inline; background: url( img/filter-more.gif ) right 6px no-repeat; padding-right: 15px; } .pr .tabs-retailer.filter .br .filter-wrapper .less-right { display: none; background: url( img/filterbox-more-right.gif ) bottom right no-repeat; margin-left: 12px; padding: 7px 12px 9px 0; } .pr .tabs-retailer.filter .br .filter-wrapper .less-right H3 { display: inline; background: url( img/filter-less.gif ) right 6px no-repeat; padding-right: 15px; } .pr .tabs-retailer .br .filter-wrapper .holder-left { float: left; width: 40%; } .pr .tabs-retailer .br .filter-wrapper .holder-right { display: none; } .pr .tabs-retailer.filter .br .filter-wrapper .holder-right { display: block; float: right; width: 60%; margin: -2px 0 0 0; } .pr .tabs-retailer.maximized .br .filter-wrapper UL { margin: 0 0 0 42px; padding: 0; list-style: none; } .pr .tabs-retailer.maximized .br .filter-wrapper LI { margin: 0; padding: 0; display: inline; } .pr .tabs-retailer.maximized .br .filter-wrapper LI IMG { float: left; margin: 0 0 0 -42px; } .pr .tabs-retailer.maximized .br .filter-wrapper UL UL { margin: 0; padding: 0; } .pr .tabs-retailer.maximized .br .filter-wrapper LI LI { margin: 0; padding: 0; font-size: 0.85em; line-height: 1.5em; } .pr .tabs-retailer.maximized .br .search-box { margin-top: 6px; } .pr .tabs-retailer.maximized .br .search-box .field { float: left; border: solid 1px #c8c8c8; color: #666666; margin-right: 5px; padding: 3px 4px; } .pr .tabs-retailer.maximized .br .search-box .button { float: left; background: none; border: none; padding: 0; overflow: visible; cursor: pointer; margin: -1px 0 0 0; *margin: -2px 0 0 0; padding-right: 1px; } .pr .tabs-retailer.maximized .br .search-box LABEL { float: left; font-weight: bold; font-size: 0.9em; margin-right: 3px; padding-top: 5px; } .pr .tabs-retailer .mr .filter-block .help { position: absolute; top: 9px; right: 10px; } .pr .tabs-retailer .mr .filter-wrapper { display: block; position: relative; z-index:1; margin: 0 4px; } .pr .tabs-retailer .mr .filter-wrapper .mr-saver { clear: both; padding-top: 1px; } .pr .tabs-retailer.minimize .mr .filter-wrapper { display: none; } .pr .tabs-retailer.minimize .mr { padding: 0 0 0 0; } .pr .tabs-retailer.minimize .tr .resize { background: url( img/expand.gif ) top left no-repeat; } .pr .tabs-retailer .mr .filter-block { width: 25%; float: left; position: relative; z-index: 20; background: transparent; } .pr .tabs-retailer .mr .filter-block UL { margin: 0; padding: 0; list-style: none; } .pr .tabs-retailer .mr .filter-block LI { margin: 0; padding: 0 0 3px 0; * padding : 0 0 1 px 0; font-size: 0.85em; clear: both; } .pr .tabs-retailer .mr .filter-block H3 { font-size: 0.9em; margin-bottom: 2px; margin-right: 13px; } .pr .tabs-retailer .mr .filter-block FORM { margin: 0; padding: 0; display: inline; } .pr .tabs-retailer .mr .filter-block .field { font-size: 0.85em; float: left; width: 65px; border: solid 1px #c8c8c8; margin: 0 5px 6px 0; * margin : 0 5 px 4 px 0; color: #666666; } .pr .tabs-retailer .mr .filter-block .button { float: left; margin: -1px 0 13px 0; *margin: -2px 0 11px 0; background: none; border: none; padding: 0; overflow: visible; cursor: pointer; padding-right: 1px; } .pr .tabs-retailer .mr .filter-block Label { display: block; margin-bottom: 2px; clear: both; } .pr .tabs-retailer .mr .filter-block .reset { color: #0167CC; font-weight: normal; } .pr .tabs-retailer .mr .filter-block A { color: #666666; text-decoration: none; } .pr .tabs-retailer .mr .filter-block A:visited { color: #666666; text-decoration: none; } .pr .tabs-retailer .mr .filter-block A:hover { color: #000000; text-decoration: none; } /* .pr .tabs-retailer A.selected, .pr .tabs-retailer li.selected, */ .pr .tabs-retailer.filter .br .filter-wrapper li li.selected, .pr .tabs-retailer .selected { color: #4c4c4c; text-decoration: none; font-weight: bold; background: url( img/selected-bg.gif ) 0px 4px no-repeat; padding-left: 9px; } .pr .tabs-retailer .mr .filter-block A.selected:visited { color: #4c4c4c; text-decoration: none; } .pr .tabs-retailer .mr .filter-block A.selected:hover { color: #4c4c4c; text-decoration: none; } .pr .tabs-retailer .mr .filter-block A.more { color: #0167CC; text-decoration: none; background: url( img/arrow-more.gif ) right 6px no-repeat; padding-right: 9px; } .pr .tabs-retailer .mr .filter-block A.more:visited { color: #0167CC; text-decoration: none; } .pr .tabs-retailer .mr .filter-block A.more:hover { color: #FFA02B; text-decoration: underline; } .pr .tabs-retailer .mr .filter-block A.less { color: #0167CC; text-decoration: none; background: url( img/arrow-less.gif ) right 6px no-repeat; padding-right: 9px; } .pr .tabs-retailer .mr .filter-block A.less:visited { color: #0167CC; text-decoration: none; } .pr .tabs-retailer .mr .filter-block A.less:hover { color: #FFA02B; text-decoration: underline; } .pr .tabs-retailer .mr .expanded { z-index: 30; display: block; } .pr .tabs-retailer .mr .expanded H3 { padding-top: 1px; } .pr .tabs-retailer .mr .expand .help { top: 10px; } .pr .tabs-retailer .mr .expanded .expand-saver { padding-top: 1px; } .pr .tabs-retailer .mr .expanded .expand-wrapper { background: url( img/dropdown-bg.gif ) top left repeat-x #dedede; position: absolute; top: -1px; left: 0px; width: 100%; border-style: solid; border-width: 0 2px 2px 2px; border-color: #ffffff; margin: 0 0 0 -3px; padding: 0 1px 1px 1px; } .pr .tabs-retailer .mr .expanded .expand-content { border-style: solid; border-width: 0 1px 1px 1px; border-color: #c6c6c6; background-color: #ffffff; } .pr .tabs-retailer .mr .filter-wrapper .grid-a { background: url( img/dotted-vertical.gif ) 25% 0% repeat-y; } .pr .tabs-retailer .mr .filter-wrapper .grid-b { background: url( img/dotted-vertical.gif ) 50% 0% repeat-y; } .pr .tabs-retailer .mr .filter-wrapper .grid-c { background: url( img/dotted-vertical.gif ) 75% 0% repeat-y; } .pr .tabs-retailer .mr .filter-wrapper .grid-divide { padding-top: 1px; background: url( img/dotted-horizontal.gif ) bottom left repeat-x; clear: both; margin-bottom: 1px; } .pr .tabs-retailer .mr .filter-block .padder { padding: 6px 11px 6px 11px; } .pr .tabs-retailer .mr .expanded .padder { padding: 6px 11px 6px 10px; } .pr .tabs-retailer .mr .more-options { display: none; } .pr .tabs-retailer .mr .filter-wrapper .more-filters { display: none; } .pr .tabs-retailer #low-price.error, .pr .tabs-retailer #high-price.error { border: 1px solid red; } .pr .tabs-retailer .mr.hide { display: none; } .pr .tabs-retailer #tab-container h2 { font-weight:bold; color: #555555; } .pr .tabs-retailer .retailer-info .switch { clear:both; float:left; margin-top: 8px; } .pr .tabs-retailer #all-products .switch { float:left; margin-top:3px; display:inline; } .pr .tabs-retailer #all-products .switch .expand, .pr .tabs-retailer #all-products .switch .collapse { float:left; width:14px; } .pr .tabs-retailer .tr .filter-wrapper .ui-tabs-selected { background:transparent url(img/filterbox-tab-right-active.gif) no-repeat scroll right top; border-bottom:1px solid #FFFFFF; z-index: 10; position: relative; } .pr .tabs-retailer .mr { display:block; margin-left:5px; padding-right:5px; } .pr .tabs-retailer .bl { background: transparent url(img/filterbox.gif) no-repeat scroll -1922px -446px; } .pr .tabs-retailer .br { background: transparent url(img/filterbox.gif) no-repeat scroll right bottom; padding: 10px 12px 0 0; } .pr .ui-tabs-nav a, .pr .ui-tabs-nav a:visited { color: #555555; text-decoration: none; } .pr .tabs-retailer :-moz-any-link:focus { outline: none; } /* for Tabs */ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ /*display: inline-block;*/ } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } /************************************************* * FILE: /core/tabs.css *************************************************/ /* Standard tabs ----------------------------------------------------------------------------------------- */ .pr .tabs-standard { clear:both; margin-bottom:15px; z-index:1; } .pr .tabs-standard h2 a, .pr .tabs-standard h2 a:visited { color: #555555; text-decoration: none; } .pr .tabs-standard .tl { background:transparent url(img/filterbox.gif) no-repeat scroll -1922px 0; } .pr .tabs-standard .tr { background:transparent url(img/filterbox.gif) no-repeat scroll 100% -128px; margin-left:7px; padding:7px 7px 0 0; } .pr .tabs-standard .tab-wrapper { border-bottom: solid 1px #ddd; margin: 0 -7px; padding: 0 7px; position: relative; } .pr .tabs-standard .tr .tab-wrapper ul { margin: 0; padding: 0; list-style: none; cursor: normal; } .pr .tabs-standard li { background:transparent url(img/filterbox-tab-right.gif) no-repeat scroll right top; border-bottom:1px solid #DDDDDD; cursor:pointer; display:inline; float:left; font-size:0.9em; margin:0 3px -1px 0; padding:9px 0 6px; } .pr .tabs-standard .ui-tabs-selected { background:transparent url(img/filterbox-tab-right-active.gif) no-repeat scroll right top; border-bottom:1px solid #fff; position:relative; z-index:10; } .pr .tabs-standard H2 { margin: 0; padding: 0; } .pr .tabs-standard H2 span { display: inline; font-weight: normal; background: url( img/filterbox-tab-left.gif ) top left no-repeat; cursor: pointer; padding: 9px 16px 6px 16px; margin: 0; font-weight: bold; } /* Standard tabs B */ .pr .tabs-standard.tabs-standard-b .tl { background:transparent url(img/box-s.gif) no-repeat scroll -1922px 0; } .pr .tabs-standard.tabs-standard-b .tr { background:transparent url(img/box-s.gif) no-repeat scroll 100% -128px; } .pr .tabs-standard.tabs-standard-b .tab-wrapper { border-bottom: solid 1px #5080c3; } .pr .tabs-standard.tabs-standard-b li { background:transparent url(img/box-s-tab-right.gif) no-repeat scroll right top; border-bottom:1px solid #5080c3; } .pr .tabs-standard.tabs-standard-b .ui-tabs-selected { background:transparent url(img/box-s-tab-right-active.gif) no-repeat scroll right top; border-bottom:1px solid #fff; color: #555; } .pr .tabs-standard.tabs-standard-b h2 a, .pr .tabs-standard.tabs-standard-b h2 a:visited { color: #fff; } .pr .tabs-standard.tabs-standard-b .ui-tabs-selected h2 a, .pr .tabs-standard.tabs-standard-b .ui-tabs-selected h2 a:visited { color: #555; } .pr .tabs-standard.tabs-standard-b H2 span { background: url(img/box-s-tab-left.gif) top left no-repeat; } /************************************************* * FILE: /core/videoreviews.css *************************************************/ /* VIDEO REVIEWS ------------------ */ .vr-googleAds #googleAds {float: left;} #videoreview { /* float: left; */ clear: both; width: 100%; } #videoreview .reviewsummary { margin-top: 10px; padding: 0 10px; border: 0px solid gray; border-bottom: 1px solid #87a7cf; } #videoreview p.uploadvideo a { background: url('laptop/images/i/icons/icon_upload_video.gif') no-repeat 0 50%; display: block; margin-left: 6px; padding: 6px 0 2px 20px; } #videoreview #vr-header { margin-top: 10px;} #videoreview #vr-header h1 { font-size: 1em; font-weight: normal; } #videoreview .pagetitle { margin: 10px 0 7px 0; color: #333333; font-size: 1.45em; font-weight: bold; } /* This class creates a left-side padding, which the legacy CSS framework lacks */ #videoreview .leftsidebody { padding-left: 8px; } /* Video review - Left maincontent ------------------ */ #videoreview #vr-main { float: left; width: 442px; } #videoreview h2.vr-main-video-title { margin: 4px 0 7px 0; color: #333333; font-size: 1.45em; font-weight: bold; } #videoreview h2.vr-review-title { margin: 0px 0 7px 0; color: #333333; font-size: 1.45em; font-weight: bold; } #videoreview #vr-main-player { margin-bottom: 8px; } #videoreview #how-useful { margin: 6px 0 6px 0; border: 0px solid gray; } #videoreview #useful-buttons { height: 32px; margin: 0 0 10px 0; border: 0px solid black; } #videoreview #useful-button-left { float: left; background: url(laptop/images/i/vr/useful-button-left.gif); height: 34px; width: 38px; } #videoreview #notuseful-button-left { float: left; background: url(laptop/images/i/vr/notuseful-button-left.gif); height: 34px; width: 38px; margin-left: 6px; } #videoreview #useful-button-center, #videoreview #notuseful-button-center { float: left; background: url(laptop/images/i/vr/useful-button-center.gif) repeat-x; height: 34px; padding: 9px 2px 0 2px; } #videoreview .useful-button-right { float: left; background: url(laptop/images/i/vr/useful-button-right.gif); height: 34px; width: 18px; } #videoreview a #useful-button-center { color: #57c205; text-decoration: none; cursor: pointer; cursor: hand; } #videoreview a #notuseful-button-center { color: #af2322; text-decoration: none; cursor: pointer; cursor: hand; } #videoreview #videodetails ul { padding: 0; *margin: 0; list-style: none; } #videoreview #videodetails li { padding: 0; margin: 0; padding-left: 8px; } #videoreview .vr-rating-good, #videoreview .vr-rating-bad { font-size: 1.8em; font-weight: bold; } #videoreview .vr-rating-good { color: #57c205; } #videoreview .vr-rating-bad { color: #af2322; } #videoreview #videodetails #tellafriend { background: url('laptop/images/i/icons/recommend-a-friend-small.gif') no-repeat 0 50%; padding: 2px 0 2px 24px; margin: 10px 0 3px 0; } #videoreview #videodetails #reportvideo { background: url('laptop/images/i/icons/report-errors-small.gif') no-repeat 0 50%; padding: 2px 0 2px 24px; margin: 3px 0 10px 0; } #videoreview #vr-writtenreview { border: 1px solid #e8ecf5; padding: 2px; } #videoreview #vr-review-meta, #videoreview #vr-review-body, #videoreview #vr-reviewer-meta { margin: 0; padding: 2px 6px; *padding: 6px; } #videoreview #vr-review-meta p, #videoreview #vr-review-body p, #videoreview #vr-reviewer-meta p { margin: 4px 0; line-height: 1.7em; } #videoreview #vr-review-meta p.left { float: left; width: 50%; margin-top: 0; } #videoreview #vr-review-meta, #videoreview #vr-reviewer-meta { background: #f6f6f6; } #videoreview #vr-tag { display: inline; } #videoreview #vr-tags ul { display: inline; list-style-type: none; margin-left: 0; padding-left: 0; } #videoreview #vr-writtenreview ul.vr-tags li { display: inline; } /* Video review - Right Sidebar ------------------ */ #videoreview #vr-sidebar { margin: -2px 0 0 0; padding: 2px; width: 310px; float: right; } #videoreview #vr-sidebar .vr-maincontent{ height: 340px; margin-top: 5px; overflow: auto; } #videoreview #vr-sidebar .videoitem { float: left; } #videoreview #vr-sidebar .videoitem .vr-player { margin: 6px 3px; padding:0; width: 150px; float: left; } #videoreview #vr-sidebar .videoitem .vr-player img { width: 140px; border: 1px solid gray; } #videoreview #vr-sidebar .videoitem .vr-player a, #videoreview #vr-sidebar .videoitem .vr-player a:visited { color: #000; } #videoreview #vr-sidebar .videoitem .vr-desc { width: 90px; margin: 10px 0 0 0; float: left; } #videoreview input.error-req-field, #videoreview textarea.error-req-field { color: #000; border: 2px dotted #930; } /* Video review - Upload ------------------ */ #videoreview form p { margin-bottom: 16px; } #videoreview #reasonstoupload h4 { font-size: 1.1em; } #videoreview #reasonstoupload ul { padding: 0; *margin: 0; list-style: none; } #videoreview #reasonstoupload ul li { padding: 0; margin: 8px 6px 10px 2px; padding-left: 25px; background: url("laptop/images/i/anvandarguide/yellow_arrow.gif") no-repeat; } #videoreview .vr-terms { margin-bottom: 1em; } #videoreview .vr-terms .expand { display: block; } #videoreview .vr-terms .switch { width: 100px; } #videoreview .vr-terms h4 { margin: 1em 0; padding: 0; color: #333333; font-size: 1.2em; font-weight: bold; } #videoreview .vr-terms ul { margin-top: .6em; margin-left: -2em; *margin-left: 1.6em; } #videoreview .vr-terms li { margin-bottom: .8em; } #videoreview .buttonframe {float: left;} /* END VIDEO REVIEWS ------------------ */ /* Start videoreviews 2008 */ .pr .frame-video-nav, .pr .col-video-nav { width: 235px; float: left; } .pr .frame-video-content, .pr .col-video-content { width: 525px; float: right; } .pr .frame-video-nav .filter-box-outer { border: none; } .pr .frame-video-nav .filter-box-inner { background: none; border: none; } .pr .video-upload-button { margin-bottom: 8px; } .pr .video-thumb-large { width: 170px; float: left; position: relative; border: solid 1px #d0d0d0; margin-right: 10px; } .pr .video-thumb-large .length { height: 19px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; width: 170px; position: absolute; bottom: 0px!important; bottom: -1px; left: 0px; background-color: #ffffff; border-top: solid 1px #d0d0d0; } .pr .video-thumb-large .text { color: #3f3f3f; font-size: 12px; font-weight: bold; position: absolute; bottom: 2px; right: 4px; } .pr .video-thumb-medium { padding-top: 8px; margin: 0 auto; width: 120px; position: relative; } .pr .video-thumb-medium .length { height: 19px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; width: 120px; position: absolute; bottom: 0px; left: 0px; background-color: #ffffff; border-top: solid 1px #d0d0d0; } .pr .video-thumb-medium .text { color: #3f3f3f; font-size: 12px; font-weight: bold; position: absolute; bottom: 2px; right: 4px; } .pr .video-thumb-small { margin: 6px 8px 0 6px; float: left; width: 75px; position: relative; } .pr .video-thumb-small .length { height: 19px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; width: 75px; position: absolute; bottom: 0px!important; bottom: -1px; left: 0px; background-color: #ffffff; border-top: solid 1px #d0d0d0; } .pr .video-thumb-small .text { color: #3f3f3f; font-size: 12px; font-weight: bold; position: absolute; bottom: 2px; right: 4px; } .pr .video-thumb-box { margin: 0 4px 8px 4px !important; width: 167px!important; width: 165px; float: left; clear: none !important; text-align: center; font-size: 0.9em; } .pr .latest .video-thumb-box {width: 155px !important;} .pr .video-thumb-box .productname { display: block; margin: 3px 0 4px 0; font-size: 12px; } .pr .video-thumb-box .green { color: #30bb19; font-weight: bold; } .pr .video-thumb-box .red { color: #a60730; font-weight: bold; } .pr .video-thumb-box .orange { color: #f29721; font-weight: bold; } .pr .video-thumb-box .mr { height: 12.75em; } .pr .video-h2 { margin: 0 0 8px 4px; clear: left; } .pr .video-seeall { margin-bottom: 12px; text-align: right; float: left; width: 99%; } .pr .video-table { text-align: left; vertical-align: top; } .pr .video-table TH { font-size: 1.1em; padding-bottom: 8px; font-weight: normal; } .pr .video-table TD { font-size: 0.9em; padding: 0 10px 3px 0; } .pr .video-table .green { color: #30bb19; font-weight: bold; } .pr .video-table .red { color: #a60730; font-weight: bold; } .pr .video-table .orange { color: #f29721; font-weight: bold; } .pr .video-prtv { font-size: 0.8em; height: 67px; background: url(laptop/images/i/video/prtv-bg.gif) bottom right no-repeat; } .pr .video-prtv .text { padding-top: 6px; } .pr .video-prtv-seeall { display: block; text-align: center; margin: 15px 0 5px 0; } .pr .frontpage-video-thumb-box { width: 148px !important} /* Overlay */ #videoReviewOverlay {background-color:#000;} /* Container */ #videoReviewContainer {left:50%; top:15%; margin-left : -375px } /* End videoreviews 2008 */ /************************************************* * FILE: /css/overriding_style.css *************************************************/ /* *************************** New overriding style with new design (jan 2008) ****************************** */ /* BOX COLS */ .pr .col-frame { font-size: .9em; margin-top: 6px; } .pr .col-frame IMG { border: solid 2px #edebec; margin-bottom: 4px; } .pr .col-left { float: left; width: 139px; } .pr .col-mid { float: left; width: 139px; margin-left: 25px; } .pr .col-right { float: right; width: 139px; } .pr .col-save { border-top: solid 1px #ffffff; } /* Adjusts the search box to the search button*/ .pr .box-search { margin-right: 48px; } /* Next and previous links in BigPromo */ .pr #bigpromotion .prev, .pr #bigpromotion .next { color: #333333; } /* *************************** old overriding_styles.css ****************************** */ /* START orange and blue buttons for toplists, uploaded by Ida 060420 */ .bluetop10{background: #F4F8FD; border:1px solid #ABC9EF;} .bluetop10bullet{background-image: url("laptop/images/i/css_se/blue_toplistbullet.gif"); background-repeat:no-repeat; background-position: center; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center} .orangetop10{background: #F4F8FD; border:1px solid #ABC9EF;} .orangetop10bullet{background-image: url("laptop/images/i/css_se/orange_toplistbullet.gif"); background-repeat:no-repeat; background-position: center; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center} .blueshadetop10{background: #F4F8FD; border:1px solid #ABC9EF;} .blueshadetop10bullet{background-image: url("laptop/images/i/css_se/blue_sk_toplistbullet.gif"); background-repeat:no-repeat; background-position: center; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center} .orangeshadetop10{background: #F4F8FD; border:1px solid #ABC9EF;} .orangeshadetop10bullet{background-image: url("laptop/images/i/css_se/orange_sk_toplistbullet.gif"); background-repeat:no-repeat; background-position: center; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center} /* END orange and blue buttons for toplists, uploaded by Ida 060420 */ /* START green tab for World cup 2006, uploaded by Ida 060531 */ td.menuchosen-coupons{padding:2px 9px 4px 9px; color:#FFFFFF; font-weight:bold; border-left:1px solid #AACCAA; border-right:1px solid #52911C; background: #52911C; font-size:1em;} td.menu-coupons{padding:2px 9px 4px 9px; color:#FFFFFF; font-weight:bold; border-left:1px solid #AACCAA; border-right:1px solid #52911C; background: #75BB3D; font-size:1em;} td.menu-coupons a:link, td.menu-coupons a:visited, td.menuchosen-coupons a:link, td.menuchosen-coupons a:visited {color: #FFFFFF; text-decoration: none;} td.menuchosen-coupons a:hover {text-decoration: none; color:#95DD57;} /* END green tab for World cup 2006, uploaded by Ida 060531 */ /* Christmas tab */ td.menuchosen-christmas, td.menu-christmas{padding:2px 9px 4px 9px; color:#FFFFFF; font-weight:bold; border-left:1px solid #FD8F96; border-right:1px solid #900812;} td.menuchosen-christmas{background: #CC0715; font-size:1em;} td.menu-christmas{background: #EE0819; font-size:1em;} td.menu-christmas a:link, td.menu-christmas a:visited, td.menuchosen-christmas a:link, td.menuchosen-christmas a:visited {color: #FFFFFF; text-decoration: none;} td.menuchosen-christmas a:hover {text-decoration: none; color:#FD8F96;} td.submenu-christmas{background: #CC0715; border-left:1px solid #ABC9EF; border-right:1px solid #ABC9EF;} td.submenu-christmas table tr td {background: #CC0715; color:#FFFFFF; padding:3px 9px 3px 9px; font-weight:bold;} td.submenu-christmas table tr td a:link, td.submenu-christmas table tr td a:visited {color: #FFFFFF; text-decoration: none;} td.submenu-christmas table tr td a:hover {text-decoration: underline; color:#FD8F96;} /* PS3 campaign page */ .ps3_frame { color: #333333; } .ps3_box H2 { border-bottom: solid 1px #e8ecf5; color: #464646; background: url("laptop/images/i/metro/blue_gradient.gif") #dd2e2b repeat-x; margin: 0; padding: 3px 6px 4px 6px; font-weight: bold; font-size: 1.1em; } H2.plain { color: #464646; margin: 0; padding: 12px 6px 4px 6px; font-weight: bold; font-size: 1.1em; } H2.sub { color: #777777; margin: 0; padding: 0px 6px 12px 6px; font-weight: bold; font-size: 1.25em; } .ps3_frame P { padding: 6px 6px 4px 6px; margin: 0px; line-height: 16px; } .ps3_frame UL { margin: 0 0 0 25px; padding: 0; } .ps3_frame LI { margin: 0; padding: 2px 0 2px 0; } .ps3_frame IMG { border: solid 0px; } .ps3_ingress { margin-bottom: 6px; font-weight:bold; } .ps3_flash { margin-bottom: 20px; } .ps3_left { float: left; width: 190px; } .ps3_left A { display: block; } .ps3_right { float: right; width: 575px; } .ps3_save { clear: both; } .ps3_text { background-color: #f2f1f1; } .ps3_box { border: solid 1px #e8ecf5; margin-bottom: 6px; padding: 2px;} .ps3_thumb { margin: 10px; } .ps3_thumb IMG { margin: 5px 7px 5px 0px; } .ps3_table { } .ps3_tabble TD { width: 50%; } .ps3_table IMG { display: block; margin-bottom: 5px; } .ps3_byline { font-size: 0.8em; display: block; margin-bottom: 15px; } h1#ps3_bighead { font-size:36px; color:#464646; font-weight:bold; margin: 10px 6px 12px 6px;} /* USER GUIDE */ /* ********** */ .guide_frame { color: #666666; } .guide_frame IMG { border: solid 0px; margin: 0; display: inline; } .guide_frame H2 { font-size: 1.6em; margin: 4px 0 12px 0; font-weight: bold; border-top: solid 2px #e5e5e5; padding-top: 15px; } .guide_frame H3 { font-size: 1.3em; margin: 4px 0 12px 0; font-weight: bold; } .guide_boxtop { border: solid 0px #febc0e; padding: 2px; margin-bottom: 20px; margin-right: 382px; } .guide_box { clear: both; border: solid 1px #febc0e; padding: 2px; margin-bottom: 20px; } .guide_box TABLE { border-collapse: collapse; border: solid 0px; width: 99%; } .guide_box TD { width: 33%; padding: 8px 0 15px 20px; } .guide_orange { background-color: #febc0e; color: #000000; font-size: 1.1em; } .guide_blue { border-bottom: solid 1px #ff9203; border-top: solid 0px #dae0ed; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 5px; background-color: #febc0e; font-size: 1.1em; color: #464646; font-weight: bold; } .guide_text { padding: 5px 5px 4px 5px; } .guide_line { margin: 2px 0 2px 0; border-top: solid 1px #febc0e; } .guide_anchor { text-align: right; } .guide_anchor A:HOVER { color: #000000; } .guide_boxtop UL, .guide_box UL { list-style: none; margin: 0; padding: 0; } .guide_boxtop LI, .guide_box LI { margin: 8px 0 0 12px; padding-left: 25px; background: url("laptop/images/i/anvandarguide/yellow_arrow.gif") no-repeat; } .guide_list_blue { list-style: none; margin: 0; padding: 0; } .guide_list_blue LI { margin: 8px 0 0 8px; padding-left: 25px; background: url("laptop/images/i/anvandarguide/blue_arrow.gif") no-repeat; } .guide_startpic { float: right; } .gpop_frame { font-size: 11px; margin: 0 0 0 6px; width: 776px; background: url("laptop/images/i/anvandarguide/filmstrip.gif") bottom no-repeat; color: #666666; position: relative; border-top: solid 1px #ffffff; } .gpop_bluebox { width: 158px; height: 130px; background: url("laptop/images/i/anvandarguide/blue_box.gif") no-repeat; float: left; margin: 15px 6px 0 0; padding: 0 ;} .gpop_bluebox P { margin: 10px 12px 0 12px; height: 65px; } .gpop_text { padding-right: 7px; } .gpop_holder { margin: 120px 53px 0px 64px; padding-bottom: 222px; border-top: solid 1px #ffffff; font-size: 1.1em; } .gpop_holder UL { list-style: none; margin: 15px 12px 0 40px; padding: 0px; } .gpop_holder LI { margin: 0px 0 0 0px; padding-left: 25px; background: url("laptop/images/i/anvandarguide/grey_arrow.gif") no-repeat; } .gpop_holder A { color: #ffa02b; } .gpop_holder A:HOVER { color: #0167cc; } .gpop_holder A:ACTIVE { color: #ffa02b; } .gpop_holder A:VISITED { color: #ffa02b; } .gpop_logo { position: absolute; right: 67; top: 35; } .gflash_frame { margin: 0 0 0 6px; width: 776; border: solid 0px; } .gflash_orange { background-color: #f8c144; padding: 0 1px 0 1px; } .gflash_flashbox { border-width: 0 1px 0 1px; border-style: solid; border-color: #ffffff; } .gflash_footer { height: 43px; background: url("laptop/images/i/anvandarguide/footer.gif") no-repeat; position: relative; } .gflash_menu { position: absolute; bottom: 0; left: 10;} .gflash_menu IMG { border: solid 0px; } /* START MSN MESSENGER STYLES */ .msn_body { margin: 0; padding: 0; background: url('laptop/images/i/msn/bg.gif') repeat-x; color: #555555; } .msn_table { border-collapse: collapse; height: 100%; width: 100%; } .msn_frame { width: 270px; text-align: left; } .msn_frame FORM { display: inline; } .msn_head { margin: 0 0 12px 0; height: 54px; background: url('laptop/images/i/msn/bg_logo.gif') no-repeat; } .msn_content { } .msn_content H1 { font-size: 1.4em; margin: 0 0 10px 0; font-weight: bold; } .msn_saver { clear: both; } .msn_random { color: #565656; width: 130px; } .msn_random IMG { border: solid 2px #ffa12b; display: block; } .msn_random H2 { font-size: 1.3em; font-weight: bold; margin: 0 0 4px 0; } .msn_random H3 { font-weight: bold; margin: 0; margin: 4px 0 1px 0; } a.msn_random_h2, a:hover.msn_random_h2 { text-decoration: none; } .msn_random_left { float: left; width: 130px; margin-bottom: 8px; } .msn_random_right { float: right; width: 130px; margin-bottom: 8px; } .msn_random_left IFRAME, .msn_random_right IFRAME { width: 100%; height: 168px; } .msn_search { float: right; margin: 8px 0 0 0; color: #ffffff; font-weight: bold; } .msn_search INPUT { float: left; border: solid 1px #abc9ed; margin-left: 6px; color: #555555; } .msn_search P { margin: 0 0 3px 6px; } .msn_product_frame { border-bottom: solid 1px #cccccc; margin-bottom: 10px; padding-bottom: 10px; } .msn_product_frame IMG { border: solid 0px; } .msn_product_line { border-bottom: solid 1px #cccccc; margin-bottom: 10px; } .msn_product_nr { float: left; margin: 28px 0 0 0; } .msn_product_pic { float: left; width: 60px; margin: 5px 0 0 10px; } .msn_product_text { float: left; width: 165px; margin: 0 0 0 10px; } .msn_product_span { font-size: 1.1em; } .msn_product_h1 { font-size: 1.1em; margin-bottom: 2px; display: block; } .msn_product_retailer { padding-top: 5px; } .msn_product_back { float: right; font-size: 1.1em; background: url('laptop/images/i/msn/bg_back.gif') no-repeat; padding-left: 14px; } .msn_footer_frame { height: 54px; background: url('laptop/images/i/msn/bg_bottom.gif') repeat-x; margin-top: 10px; } .msn_footer { width: 270px; text-align: left; } .msn_footer SELECT { float: left; border: solid 1px #abc9ed; color: #555555; } .msn_footer_form { float: right; margin: 18px 0 0 0; } .msn_footer_text { float: left; color: #ffffff; font-weight: bold; margin: 1px 12px 0 0; font-size: 1.1em; } /* END MSN MESSENGER STYLES */ /* style for Intro Texts (SEO) */ .heading4 {color: #333333; font-size: 1.1em; margin-left: 10px; margin-bottom: 10px;} /* OM PRICERUNNER */ .ompr_wrapper { color: #4b4b4b; } .ompr_wrapper H1 { font-size: 1.5em; color: #464646; margin: 0 0 3px 0; font-weight: bold; } .ompr_left { float: left; width: 135px; } .ompr_right { margin-left: 145px; } .ompr_box { border: solid 1px #e8ecf5; padding: 2px; margin-bottom: 6px; } .ompr_box P { font-size: 1.1em; margin: 5px 5px 4px 5px; display: block; color: #464646; line-height: 15px; } .ompr_box H2 { margin: 8px 5px 0px 5px; font-size: 1.3em; font-weight: bold; } .ompr_box UL { margin: 8px 0 2px 15px; padding: 0; list-style: none; } .ompr_box LI { font-size: 1.1em; margin: 4px 0 0 0; padding-left: 16px; background: url("laptop/images/i/prutguide/list_arrow.gif") no-repeat; } .ompr_box BLOCKQUOTE { font-size: 1.1em; } .ompr_blue { border-bottom: solid 1px #e7f0ff; border-top: solid 1px #dae0ed; margin: 0px 0px 2px 0px; padding: 2px 0px 2px 5px; background: url('laptop/images/i/metro/blue_gradient.gif') repeat-x top; font-size: 1.1em; color: #464646; font-weight: bold; } .ompr_img { float: right; text-align: right; color: #939393; font-style: italic; margin: 5px 5px 10px 10px; } .ompr_img IMG { margin: 0; display: block; } .ompr_saver { clear: both; } /* PRICERUNNER TV */ #prtv_top { width: 773px; height: 141px; margin: 0 0 0 0; } #prtv_topUpload { width: 773px; height: 85px; margin: 0 0 0 0; } #prtv_infoTop { width: 773px; margin: 0 0 15px 0; font-size: 11px; } #prtv_infoTopUpload { width: 773px; height: 140px; margin: 0 0 15px 0; font-size: 12px; } #prtv_uploadIframe { width: 771px; min-height: 400px; background-color: #f4f8fd; border: 1px solid #e8ecf5; } #prtv_movie { width: 771px; height: 426px; background-color: #f4f8fd; border: 1px solid #e8ecf5; } #prtv_player { width: 450px; border: 1px solid #D8DBE4; margin: 15px; float: left; clear: none; padding: 0; } *html #prtv_player { width: 450px; border: 1px solid #D8DBE4; margin: 15px 7px; float: left; clear: none; } #prtv_info { width: 261px; margin: 15px 0 0 8px; border-bottom: 1px solid #e8ecf5; float: left; clear: none; padding-bottom: 15px; color: #333; font-size: 12px; } *html #prtv_info { width: 261px; margin: 15px 0 0 15px; border-bottom: 1px solid #e8ecf5; float: left; clear: none; padding-bottom: 15px; color: #333; font-size: 12px; } #prtv_betyg { margin: 15px 0 15px 8px; float: left; clear: none; font-size: 12px; font-weight: bold; line-height: 20px; } *html #prtv_betyg { width: 261px; margin: 15px 0 15px 15px; float: left; clear: none; font-size: 12px; font-weight: bold; line-height: 20px; } #prtv_centerContainer { width:773px; height: 220px; margin: 19px 0; } #prtv_skickain { width: 310px; max-height: 220px; min-height: 220px; border: 1px solid #e8ecf5; padding: 0; margin: 0; float: left; } #prtv_banner { width: 440px; border: 1px solid #e8ecf5; padding: 0; margin: 0; float: right; position: relative; } #prtv_banner H1 { margin: 8px 10px; font-size: 13px; font-weight: bold; } #prtv_banner P { margin: 0 10px 8px 10px; } #prtv_banner IMG { margin: 0 0 10px 10px; } #prtv_recensioner { clear: both; margin: 0; width: 771px; border: 1px solid #e8ecf5; background-image: url('laptop/images/i/prtv/topborder.gif'); background-position: top center; background-repeat: no-repeat; } #prtv_recensioner A, A:hover { text-decoration: none; } .prtv_vansterSpalt { width: 366px; margin:0 0 0 0; float: left; clear: none; } .prtv_hogerSpalt { width: 366px; margin:0 0 0 41px; float: left; clear: none; } .prtv_bottomUpload { width: 773px; height: 200px; margin: 30px 0 15px 0; font-size: 12px; border-bottom: 1px solid #e8ecf5; } .prtv_directLink { width: 261px; border: 1px solid #D8DBE4; background: #fff; color: #666; font-size: 10px; padding: 2px; margin: 0 0 15px 0; } *html .prtv_directLink { width: 261px; border: 1px solid #D8DBE4; background: #fff; color: #666; font-size: 10px; padding: 2px; margin: 0 0 0 -15px; } .prtv_email { width: 261px; border: 1px solid #D8DBE4; background: #fff; color: #666; font-size: 10px; padding: 2px; } *html .prtv_email { width: 261px; border: 1px solid #D8DBE4; background: #fff; color: #666; font-size: 10px; padding: 2px; margin: 0 0 10px 0; } .prtv_thumb { width: 140px; height: 150px; margin: 0 26.3px; float:left; } *html .prtv_thumb { width: 140px; height: 150px; margin: 0 21px; float:left; } .prtv_row { width: 771px; height: 150px; margin: 20px 0; padding: 0; } *html .prtv_row { width: 771px; height: 150px; margin: 40px 0 0 0; padding: 0; } .prtv_grey a { color: #333; } #prtv_infoTop h1 { color: #666; font-size: 20px; font-weight: bold; margin: 10px 0 0 0; padding-bottom: 6px; } #prtv_infoTopUpload h1 { color: #666; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; } .prtv_bottomUpload h1 { color: #666; font-size: 18px; font-weight: bold; margin: 0 0 10px 0; } #prtv_info h1 { color: #333; font-size: 15px; margin: 0 0 5px 0; display: block; font-weight: bold; } #prtv_recensioner h1 { color: #666; font-size: 12px; margin: 7px 0 30px 8px; } #prtv_betyg h2 { font-size: 11px; color: #666; margin: 0; } #prtv_betyg h3 { font-size: 11px; color: #666; margin: 0; } *html #prtv_betyg h3 { font-size: 11px; color: #666; margin: 0 0 -18px 0; } .prtv_thumb h2 { color: #333; display: block; font-weight: bold; font-size: 11px; margin: 3px 0 0 0; } .prtv_thumb h3 { color: #0167cc; font-weight: bold; font-size: 10px; margin: 3px 0 0 0; } .prtv_back { margin-top: 10px; font-size: 10px; } /* Making the text small enough to fit in the old button */ .pr a.storebuttonlink {*font-size: 0.95em;} /* QUESTION PRO */ #QuestionProPopupSurvey_860866 { z-index: 1000; top: 300px; left: 300px; font-size: 13px; font-family: arial, helvetica, verdana, geneva, sans-serif; color: #666666; } #QuestionProPopupSurvey_860866 IMG { display: none; } #QuestionProPopupSurvey_860866 a:link { color:#0167CC; } #QuestionProPopupSurvey_860866 a:visited{ color:#0167CC;} #QuestionProPopupSurvey_860866 a:hover { color:#FFA02B; text-decoration:underline;} /* TEMA VECKOR */ .pr .temavecka_head { margin: 10px 0 13px 0; } .pr .temavecka_leftframe { width: 500px; float: left; } .pr .temavecka_rightframe { width: 265px; float: right; } .pr .temavecka_textblock { width: 290px; float: right; } .pr .temavecka_textblock p.button { padding-bottom: 0; margin-bottom: 5px; } .pr .temavecka_line { clear: both; border-bottom: solid 1px #eeeeee; margin-bottom: 15px; height: 15px; } .pr .temavecka ul { list-style: none; margin: 8px 0 2px 0; padding: 0; } .pr .temavecka li { background: url(laptop/images/site-gui/lists/bullet-ulist-standard.gif) 0px 1px no-repeat; padding: 0 0 4px 22px; } .pr ul.temavecka_positive { list-style: none; margin: 0 0 2px 40px; padding: 10px 0 2px 0; } .pr .temavecka_positive li { background: url(laptop/images/i/spelvecka/bullet-ulist-positive.gif) 0px 8px no-repeat; padding: 3px 0 1px 10px; } .pr .temavecka_positive img { float: left; margin: -4px 0 0 -35px; } .pr ul.temavecka_negative { list-style: none; margin: 0 0 2px 40px; padding: 10px 0 2px 0;} .pr .temavecka_negative li { background: url(laptop/images/i/spelvecka/bullet-ulist-negative.gif) 0px 10px no-repeat; padding: 3px 0 1px 10px; } .pr .temavecka_negative img { float: left; margin: -4px 0 0 -35px; } .pr .temavecka_thumb { float: left; width: 96px; text-align: center; margin: 4px 7px 0 7px; } .pr .temavecka_thumb img { margin: 0 auto 6px auto; display: block; } .pr .temavecka_listblock { clear: left; margin-top: 12px;} .pr .temavecka_listblock img { float: left; margin: 0 10px 2px 0; } /* *** TWO COLUMN FRAMESET *** */ .frameset-left { float: left; } .frameset-right { float: right; } .frameset-standard .frameset-left { width: 500px; } .frameset-standard .frameset-right { width: 255px; }