/* Document : main Created on : 2009-jul-01, 18:36:08 Author : Joakim, Gustav Description: Purpose of the stylesheet follows. */ /* TODO customize this sample style Syntax recommendation http://www.w3.org/TR/REC-CSS2/ */ /* GENERIC STYLE RULES */ body,input,select,textarea{font:10px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;color:#778276;word-spacing:1px;} h1{font-size:16px} h3,h3 a{font-weight:800; font-size:13px;} h2, h2 a{font-weight:800;font-size:13px;} a{ color:#778276; text-decoration:none;} a:hover{text-decoration:underline;} hr{float:left; width:100%; clear:both;} u{text-decoration:none} .separator{background:url(gfx/separator.gif) repeat-x;width:100%; height:2px;clear:both; line-height:2px} .validationError{float:left} .messageStack{float:left; clear:both; width:100%} .warningNotice{color:red} /* BUTTONS */ .toCategoryButton,.updateButton,.continueButton,.favoriteBuyButton, .updateButtonDisabled, .verifyOrderButton, .addButton, .showButton, .buyButton, .deleteButton, .updateShopcartButton, .toCheckoutButtonSidebar, .toCheckoutButton, .loginButton, .seekButton, .rebuyButton, .addFavButton {display:block; cursor:pointer; text-indent:-10000px; float:left;margin:1px; border:0} .buyButton{width:34px;height:16px;background:url(gfx/buyButton.gif) no-repeat;clear:right} .addFavButton{width:48px;height:16px;background:url(gfx/favoriteButton.gif) no-repeat;clear:right} .deleteButton{width:51px;height:16px;background:url(gfx/removeButton.gif) no-repeat;clear:right} .updateShopcartButton{width:120px;height:16px;background:url(gfx/updateShopcartButton.gif) no-repeat;} .toCheckoutButton{width:67px;height:16px;background:url(gfx/toCheckoutButton.gif) no-repeat;} .toCheckoutButtonSidebar{width:67px;height:16px;float:right;background:url(gfx/toCheckoutButton.gif) no-repeat;} .loginButton{width:57px;height:16px;background:url(gfx/loginButton.gif) no-repeat; float:left} .seekButton{margin:2px 0px 0px 5px; height:20px; width:43px; background: url(gfx/button_template.png) no-repeat;} .seekButton .disabled{background: url(gfx/seek_disabled.png);} .showButton{width:34px; height:16px; background:url(gfx/showButton.gif);} .addButton{width:55px; height:16px; background:url(gfx/addButton.gif)} .updateButton{width:65px; height:16px; background:url(gfx/updateButton.gif)} .updateButton .disabled{background:url(gfx/updateButtonDisabled.gif)} .continueButton{height:16px;width:55px;background:url(gfx/continueButton.gif)} .toCategoryButton{height:16px;width:160px;background:url(gfx/toCategoryButton.gif);} .verifyOrderButton{width:71px; height:16px; background:url(gfx/verifyOrderButton.gif); float:right; margin-top:8px} .rebuyButton{width:81px;height:16px;background:url(gfx/reorderButton.jpg) no-repeat;} .upArrowButton{width:14px;height:10px;float:none;clear:both;} .downArrowButton{width:14px;height:12px;float:none;clear:both;} .favoriteBuyButton{width:34px;height:16px;background:url(gfx/buyButton.gif) no-repeat;float:right;} .favoriteUpdateButton{width:65px;height:16px;background:url(gfx/updateButton.gif) no-repeat;float:right;} /* end BUTTONS */ .favoriteBuyBox{color:#73ab02; font-weight:800; float:right; height:30px width:100px} .favoriteSearchBox{color:#73ab02; font-weight:800; float:right; height:10px width:100px} .boxContent{margin:4px 8px;float:left;} /* this fixes the double margin bug in ie6. Other browsers will ignore this declaration */ .boxContent{display:inline} .spacer{margin-bottom:8px;clear:both} .greenText, #breadcrumbBox a, .mainContent a{ color:#73ab02; font-weight:800;} /* end GENERIC RULES */ /* left column boxes */ .wideBoxTop,.wideBoxBottom,.wideGreenBoxBottom{width:212px; float:left} .wideBoxTop{background:url(gfx/categoryMenuTop.jpg); height:31px; min-height:31px;} .wideBoxTop h3,.wideBoxTop h3 a{color:#f0ffd0} .wideBoxBottom{background:#EDEDED url(gfx/categoryMenuBottom.jpg) no-repeat bottom; margin-bottom:8px;} .wideGreenBoxBottom{ float:left; background:#c7dc6a url(gfx/greenBoxBottom.jpg) no-repeat bottom;margin-bottom:8px; width:212px; padding-bottom:8px} /* right column boxes */ .narrowBoxTop, .narrowBoxBottom, narrowGreenBoxBottom{width:172px} .narrowBoxTop{ float:left;background:url(gfx/shopcartBoxTop.jpg); height:31px; min-height:31px;} .narrowBoxTop h3,.narrowBoxTop h3 a{color:#f0ffd0} .narrowBoxBottom{float:left;background:#EDEDED url(gfx/shopcartBoxBottom.jpg) bottom no-repeat; margin-bottom:8px} .narrowGreenBoxBottom{float:left; padding-bottom:8px; background:#c7dc6a url(gfx/narrowGreenBoxBottom.jpg) no-repeat bottom; margin-bottom:8px; width:172px;} /* the gray main container in the middle */ .mainTop, .mainContent, .mainBottom{width:600px;float:left} .mainTop{background:url(gfx/categoryDetailsTop.jpg);height:14px; min-height:14px;} .mainContent{background:url(gfx/categoryDetailsContent.jpg);} .mainBottom{background:url(gfx/categoryDetailsBottom.jpg);height:16px; margin-bottom:8px;} /* LISTING TABLES */ .listingTableTop{background:url(gfx/productTableTop.gif); height:20px; float:left; clear:both; width:100%; margin-bottom:-15px} .listingTable{width:100%} .listingTable td.first{background:url(gfx/pixelProductBorder.gif) repeat-y} .listingTable td.last{background:url(gfx/pixelProductBorder.gif) repeat-y right} .listingTable td{} .listingTable tr.odd{background:none} .listingTable tr.even{background-color:#f4f4f4} /* end LISTING TABLES */ /* header */ #header{height:99px; position:relative; margin-bottom:8px} #headerLeft, #headerRight, #headerMiddle{ height:99px;} #headerLeft{background:url(gfx/headerBackgroundLeft.jpg);width:7px; float:left;} #headerMiddle{background:url(gfx/headerBackgroundMiddle.jpg) repeat-x;width:986px; float:left;} #headerRight{background:url(gfx/headerBackgroundRight.jpg);width:7px; float:left;} /* the header logo */ #logo {background:url(gfx/logo.jpg) no-repeat; position:absolute; width:350px; height:52px; margin-top:29px; margin-left:10px; text-indent:-10000px; display:block} /* the tab menu in the header */ #largeHeaderMenu{position:absolute;top:71px; right:20px} .tab{background: bottom; width:82px; height:28px; display:block; float:left; margin-left:-5px;text-indent:-100000px} .tab:hover{background-position:top} span.tab:hover{background-position:bottom} #bliKund{ background-image:url(gfx/bliKund.gif)} #loggaIn{ background-image:url(gfx/loggaIn.gif)} #tillKassan.disabled{ background-image:url(gfx/tillKassanDisabled.gif)} #visaKundvagn.disabled{ background-image:url(gfx/showCartDisabled.gif)} #tillKassan{ background-image:url(gfx/tillKassan.gif)} #visaKundvagn{ background-image:url(gfx/showCart.gif)} #loggaUt{ background-image:url(gfx/loggaUt.gif)} #minaUppgifter{ background-image:url(gfx/minaUppgifter.gif)} #lagdaOrdrar{ background-image:url(gfx/lagdaOrdrar.gif)} #favoriter{ background-image:url(gfx/favoriter.gif)} /* end header*/ /* ADDRESS BOX */ #addressBox .narrowBoxBottom{float:left; text-align:center; font-weight:800; font-size:1.1em; color:#8FB93A;margin-bottom:8px;} #addressBox a{color:#8FB93A} /* end ADDRESS BOX */ /* BREADCRUMB BOX */ #breadcrumbBox h1,#breadcrumbBox h2{margin:0px 8px; font-size:1.2em} #breadcrumbBox a, #breadcrumbBox h2.categoryDescriptionText{font-size:1em;} #breadcrumbBox h2.categoryDescriptionText{ font-weight:400 } #breadcrumbBox p{margin:0px 8px; font-size:1.1em;} /* end BREADCRUMB BOX */ /* CATEGORY LISTING BOX */ #categoryListingBox{} #categoryListingBox .categoryListingImage{text-align:center; margin:10px; height:100px;} #categoryListingBox .categoryListingImage img{ bottom:0;} #categoryListingBox .categoryListingImageAll{text-align:center; margin:10px; height:100px; background:url(gfx/tempCategoryListing.jpg) no-repeat;} #categoryListingBox .categoryBox{ height:186px; width:144px; margin:0px 4px 8px 4px; background:url(gfx/categoryAndProductBox.jpg); float:left; overflow:hidden;} #categoryListingBox .first{margin-left:0; margin-right:4px;} #categoryListingBox .last{margin-left:4px; margin-right:0px;} #categoryListingBox .categoryListingNameBox{ text-align:center; } #categoryListingBox .categoryListingNameBox a{color:#73ab02; font-weight:800; } #categoryListingBox .separator{background:url(gfx/separator.gif) repeat-x;width:100%; height:2px;clear:both} /* end CATEGORY LISTING BOX */ /* CATEGORY MENU BOX */ #categoryList{font-size:0.95em; line-height:1.4em; width:196px;} #categoryList ul{ list-style-type:none; padding:0; margin:6px 0px;} #categoryList ul li{text-indent:0px; font-weight:800;line-height:19px} #categoryList ul ul{margin:4px; padding:0px;} #categoryList ul li ul li{padding-left: .6em; font-weight:200; line-height:13px} #categoryList a:hover, #categoryList ul .active{ padding-left:0px;color:#000 } /* end CATEGORY MENU BOX */ /* PRODUCT DETAILS */ #productDetailsBox {} #productDetailsBox .mainTop{width:600px; height:29px; min-height:29px; background: url(gfx/productDetailsTop.jpg);} #productDetailsBox .mainTop h2{margin-left:8px; font-size:1.5em;} #productDetailsBox .mainContent{width:598px; border:1px solid #e9e8e9; border-top:none; border-bottom:none} #productDetailsBox .mainContent .imageBox{float:left; clear:left; margin:0px 8px;width:200px; text-align:center} #productDetailsBox .mainContent .imageBox .toCategoryButton{margin:0px auto} #productDetailsBox .mainContent p{ font-size:1.2em; margin-bottom:12px; float:left; clear:both} #productDetailsBox .mainContent ul{ float:left; clear:both; margin-right:8px; } #productDetailsBox .mainContent .productDataLabel{font-weight:800;width:150px;float:left;clear:left;} #productDetailsBox .mainContent .productData{float:left; clear:right; width:216px} #productDetailsBox .mainContent .productDataBox{float:right; clear:right; width:374px;} #productDetailsBox .mainContent .buyBox{float:right; clear:right; width:374px} #productDetailsBox .mainContent input{float:left;clear:none; padding:1px;margin-left:4px;width:30px;} #productDetailsBox .mainContent .quantityLabel{float:left; display:block; margin-top:3px} #productDetailsBox .mainContent .description{clear:right;float:left} #productDetailsBox .mainBottom{width:600px; height:29px; min-height:29px; background: url(gfx/productDetailsBottom.jpg);} #productDetailsBox .mainBottom .buyButton{margin-top:2px;margin-left:4px;} #productDetailsBox .mainBottom .addFavButton{margin-top:2px;margin-left:4px;} #productDetailsBox .mainBottom .durableIcon{margin-top:2px;margin-left:4px;} #productDetailsBox .special{font-size:1.2em; color:#f00} #productDetailsBox .price{font-size:1.2em;} #productDetailsBox #priceDetails{margin-top:10px} #productDetailsBox .categoryButtonContainer{width:200px; float:left; margin-left:8px} #productDetailsBox .categoryButtonContainer .toCategoryButton{float:none} #productDetailsBox .row{margin-top:10px} .specialPrice{color:#f00; font-size:1.4em} .recommendedPrice{font-style:italic; font-size:10px} .normalPrice{color:#73ab02; font-size:1.3em} .specialSaving{color:#f00} .saving{color:#73ab02} .invalid{text-decoration:line-through} /* end PRODUCT DETAILS */ /* PRODUCT LISTING */ #tableTop{background:url(gfx/productTableTop.gif); height:20px; float:left; clear:both; width:100%; margin-bottom:-17px} #productListingTable .special{color:#f00} #productListingTable{width:600px;font-size:1.1em; border:0px solid #e3e4e4; border-top:none; border-bottom:none;float:left} #productListingTable th , #productListingTable th a{font-weight:800; color:#f0ffd0;text-align:left;padding:0px 4px;} #productListingTable th.price {text-align:center} #productListingTable td{vertical-align:middle;padding:0px 4px; min-height:40px; height:40px;} #productListingTable td.img{background:url(gfx/pixelProductBorder.gif) repeat-y; background-color:inherit; width:40px} #productListingTable td.name{width:244px} #productListingTable td.price{text-align:right; width:50px} #productListingTable td.pID{text-align:center; width:60px} #productListingTable td.buy{background:url(gfx/pixelProductBorder.gif) repeat-y right; width:40px} #productListingTable td.special{width:50px} #productListingTable td.quantity{width:60px} #productListingTable td.description{width:524px} #productListingTable td.img{} #productListingTable td.name{} #productListingTable td.price{} #productListingTable td.pID{} #productListingTable td.buy{} #productListingTable td.special{} #productListingTable td.quantity{} #productListingTable tr.alt{background-color:#f4f4f4} #productListingTable tr.top{background:none } #productListingTable tr.infoRow{display:none} #productListingTable input.quantityInput{width:30px;} #productListingTable td.spacer{background:url(gfx/pixelProductBorder.gif) repeat-y left;height:auto;background-color:inherit;} #productListingTable td.productsDescription{background:url(gfx/pixelProductBorder.gif) repeat-y right;height:auto;padding-bottom:4px;background-color:inherit;} #splitListData{background:url(gfx/productTableContent.gif) repeat-y; float:left; width:100%} #splitListData .info{padding-left:4px; float:left; clear:left;} #splitListData .result{padding-right:4px; float:right; clear:right;} #tableBottom{height:6px; width:600px; background:url(gfx/productTableBottom.gif); float:left; margin-bottom:8px} /* end PRODUCT LISTING */ /* REGISTER */ #accountForm{} #accountForm .section{float:left; width:100%;clear:both} #accountForm .section .row{float:left;width:100%;margin-bottom:3px;} #accountForm .label{float:left;width:132px;} #accountForm .accountInput{position:relative;float:left;width:150px;} #accountForm .inputDirections{position:relative;float:left;width:292px;text-indent:-10px;margin-left:10px; display:inline; color:#abd;} #accountForm .accountInput input{width:150px;padding:0px; text-align:left} #accountForm .accountInput .checkbox{width:13px;padding:0px; margin-left:0px} #accountForm h4{float:left; font-size:1.1em;clear:both} #registerSuccess img{float:left;margin-right:8px} #registerSuccess p{float:left;} #registerSuccess .right{float:right;width:81px} /* end REGISTER */ /* SHOPCART BOX */ #shopcartBox .narrowBoxBottom .quantityLabel {float:left; width:25px; text-align:right; clear:left; margin-right:3px; letter-spacing:-1px} #shopcartBox .narrowBoxBottom .productNameLabel {float:left; clear:right;} #shopcartBox .narrowBoxBottom .totalLabel {float:left; clear:left;} #shopcartBox .narrowBoxBottom .totalSum {float:right; clear:right;} #shopcartBox .narrowBoxBottom li {height:20px; font-weight:800;} #shopcartBox ul{width:156px} /* end SHOPCART BOX */ /* SPECIALS BOX */ #specialsBoxContent{position:relative;float:left;background:#EDEDED url(gfx/specialsBox.jpg) no-repeat bottom;width:100%; height:186px; min-height:186px;margin-bottom:8px;} #specialsBoxContent .specialsRecommendedPrice{text-align:left; float:left; clear:both; width:100%;} #specialsBoxContent .specialsPrice{text-align:left; float:left;} #specialsBoxContent .buyButton{text-align:left; float:right;} .specialsName, .complementName{height:3em} .specials{text-align:center; display:none; margin:0px 8px;} .specialsImageBox{height:100px; margin:8px;} .specialsPrice{color:#da2126; font-size:1.3em; font-weight:800;} /* end SPECIALS BOX */ /* INFO BOX */ #infoBox .boxContent a{font-size:12px; color:#fff;} /* end INFO BOX */ /* FOOTER BOX */ #footer{ float:left; /*position:absolute; bottom:0px;clear:both;float:left; height:60px */ } #footerTop{background:url(gfx/footerTop.gif) no-repeat; height:4px;float:left; margin-top:8px} #footerContent{background:url(gfx/footerContent.gif) left top repeat-y; height:61px;} #footerContent img{float:left} #footerIconBox{margin-left:8px;} #footerIconBox img{margin-right:2px;margin-bottom:5px} #footerInfoTextBox{margin:0px 8px; text-align:center} #footerCopyTextBox{margin:0px 8px; text-align:center} /* end FOOTER BOX */ /* SPECIALS LISTING */ #specialsListingBox .categoryListingImage, #complementListingBox .complementImageBox{text-align:center; margin:10px; height:100px;} #specialsListingBox .categoryListingImage img{ bottom:0;} #specialsListingBox .categoryBox, #complementListingBox .complement{ height:186px; width:144px; margin:0px 3px 6px 3px;background:url(gfx/categoryAndProductBox.jpg); float:left; overflow:hidden;} #specialsListingBox .first, #complementListingBox .first{margin-left:0; margin-right:4px;} #specialsListingBox .last, #complementListingBox .last{margin-left:4px; margin-right:0px;} #specialsListingBox .categoryListingNameBox, #complementListingBox .complementName{ text-align:center; } #specialsListingBox .categoryListingNameBox, #complementListingBox .complementName a{color:#73ab02; font-weight:800; } #specialsListingBox .separator, #complementListingBox .separator {background:url(gfx/separator.gif) repeat-x;width:100%; height:2px;clear:both} #specialsListingBox{} #specialsListingBox .specials {display:block;} #specialsListingBox .specialsRecommendedPrice, #complementListingBox .complementRecommendedPrice{text-align:left; float:left; clear:both; width:100%} #specialsListingBox .specialsPrice, #complementListingBox .complementPrice{text-align:left; float:left;} #specialsListingBox .buyButton, #complementListingBox .buyButton{text-align:left; float:right;} #specialsListingBox{} /* end SPECIALS LISTING */ /* SHOPCART */ #shopcart{} #shopcart .mainContent .boxContent, #rebuyCart .mainContent .boxContent {width:584px} #shopcart .total{float:right; font-size:13px; margin-right:55px; display:inline} /* end SHOPCART */ /* REBUY CART */ #rebuyCart .buyButton {float: right; margin-top: 1em} /* end REBUY CART */ /* SEARCHBOX */ .searchInput{padding-left:16px; float:left; width:126px; background:url(gfx/magnifyingGlass.gif) 2px 3px no-repeat #fff;} /* end SEARCHBOX */ /* BANNER WELCOME */ #bannerWelcome{ margin:0px; float:left; margin:0 0 8px 0; background:url(gfx/bannerWelcomeBLANK.jpg); width:600px; height:100px; } #bannerWelcome img{float:left;} /* end BANNER WELCOME */ /* BANNER BOX */ #bannerBox{ margin:0px; float:left; margin:0 0 8px 0; background:url(gfx/bannerBox.jpg); width:600px; height:186px; text-indent:-1000000px} #bannerBox img{float:left;} .altText{display:block; float:left; margin-left:-10000px} /* end BANNER BOX */ /* LOGIN */ #login .loginLineBox{ float:left;margin:4px 2px; font-weight:800; color:#98a098} #login .loginButton{margin-top:17px} #login p{clear:both} /*end LOGIN */ /* ORDER HISTORY LISTING */ #orderListingTable a.showButton{ margin:0px;} #orderListingTable td{ padding:8px 3px; vertical-align:middle} #orderListingTable th{ padding:0px 3px;} #orderListingTable .last{ } #orderListingTable .first{ text-align:right} #orderListingTable .noOfProducts{text-align:center} /* end ORDER HISTORY LISTING */ #orderDetails{} #orderDetails table{width:100%} #orderDetails .addressBox{width:50%;float:left} #orderDetails .boxContent{width:584px} #orderDetails .orderRowIncTax{width:90px} #orderDetails .totalsBox{float:right; clear:right; width:290px;} #orderDetails .totalsBox .row{float:left; clear:both;width:100%} #orderDetails .totalsBox .label{float:left;text-align:right;width:150px;} #orderDetails .totalsBox .value{float:right; width:110px; text-align:right} #orderDetails .currency{text-align:right} #orderDetails .productName{text-align:left} #orderDetails .productId{width:50px;text-align:left} #orderDetails .quantity{width:40px} #orderDetails td.quantity{text-align:right} #orderDetails table tr.orderHeaderRow{border-bottom:1px solid black;text-align:right} #orderDetails h2,#orderDetails h3{color:#778276;} #orderDetails .rebuyBox{clear:both;} #orderDetails .rebuyBox .rebuyButton {float:right; clear: both} #orderDetails .statusBox{float:left; width:290px;} #orderDetails .statusBox .statusRow {float:left; width:290px; clear:both} #orderDetails .statusBox .date{float:left; width:120px;} #orderDetails .statusBox .description{float:left; width:170px;} #about h3{font-weight:bold; color:#778276; font-size:12px;font-variant:small-caps} #about p { margin-bottom:10px; margin-top:0px} #about img { margin:8px;; float:right} .accountDetails .leftBox{width:287px;margin-right:8px;float:left;border-right:1px solid #73ab02;} .accountDetails .rightBox{width:288px;float:left;} .accountDetails select{ width:148px; float:left;} .accountDetails .section{ margin-bottom:10px} #checkout{float:left} #checkout li{float:left;} #checkout ul{float:left} #checkout .addressBox select{ width:288px;} #checkout .addressBox {float:left; width:288px; margin-left:8px} #checkout .addressBox.first{margin-left:0px} #checkout .addressBox .row{float:left; clear:both; width:100%} #checkout .addressBox .addressLabel{float:left; width:100px} #checkout .addressBox .addressInput{float:left; width:168px} #checkout .addressBox .addressLabel{float:left; width:100px} #checkout .addressBox .addressInput input {float:left; width:150px} #checkout .orderComment{width:282px; height:60px} #checkout .totalsBox{float:left; width:288px; font-size:14px} #checkout .totalsBox .totalRow{float:left; clear:both;} #checkout .totalsBox .specification_col{float:left; width:200px; clear:left} #checkout .totalsBox .amount_col{float:left; width:88px; text-align:right} #checkout .row {float:left; clear:both;margin-bottom:2px} #checkout .addressBox select {padding:0px} #checkout .checkout_payment_input select {width:83px; padding:0px} #checkout .paymentRadioBox {width:20px; float:left; clear:left;} #checkout .paymentDescription{width:268px; float:left; clear:right; padding-top:3px} #checkout .checkout_payment_label{width:80px; float:left; clear:right;} #checkout .checkout_payment_input {width:170px; float:left;clear:right} #checkout .checkout_payment_input input{width:170px; float:left;} #checkout h2,#checkout h3{color:#778276;} #checkout h2{border-bottom:1px solid #778276} #checkout h3{font-size:11px} #checkout .predefAddressView, #checkout .customAddressView{ margin-left:3px; } #checkout th{color:#778276;} #checkout #productListingTable{ width:584px; } #checkout #productListingTable .img{background:transparent} #checkout #productListingTable .buy{background:transparent} #checkout #productListingTable td{height:30px; min-height:30px} .mainContent .boxContent{margin-top:-4px;} #checkout .hidden{display:none} #checkout .total{float:right; font-weight:bold; display:inline; text-align:right} #checkout .updateShopcartButton{float:left; } #checkout .section{float:left;clear:both; margin-bottom:16px; width:100%} #checkoutSuccess .boxContent{position:relative} #checkoutSuccess img{ float:left} #checkoutSuccess h1{ font-size:1.5em} #checkoutSuccess p{margin-bottom:10px} #checkoutSuccess .continueButton{float:right; bottom:0px; position:absolute; right:0px} #createAddressButton{float:right; margin-right:4px} #accountForm .hidden{display:none} #updateAddressButton{float:right; margin-right:4px} #deleteAddressButton{float:left;} .messageStackError{color:#b00; font-weight:800; font-size:12px;} .messageStackWarning{color:#aa0; font-weight:800;font-size:12px;} .messageStackSuccess{color:#5a0; font-weight:800;font-size:12px;} #cookieInfo p{margin-bottom:10px} #forgotPassword input{float:left;} #forgotPassword {float:left; clear:both; margin-left:2px} #forgotPassword input.continueButton{margin-left:4px} #login .hidden{display:none} #showForgotPasswordLink{cursor:pointer} #rebateCode .label{float:left; width:100px;} #rebateCode .input{float:left; width:188px;} #rebateCode input{width:182px;} .popup img ,.popup p{ float:left;} #searchTonerBox{} #searchTonerBox select{width:196px; float:left; margin-bottom:5px}