/* ----------------------------------------------------------------------- Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection ----------------------------------------------------------------- Contents of this file: ----------------------------------------------------------------- 1. Global Reset 2. Typography 3. Outer Elements 4. Header 5. Secondary Columns (Left and/or Right) 6. Primary Column 7. Special Offers 8. List Items 9. Product Detail 10. Comparison Table 11. Page/ Search Information (Breadcrumbs, etc.) 12. Site Map 13. Forms 14. Tables 15. Footer 16. Generic Classes 17. Account/ Buying Process 18. Lytebox 19. Dialog Boxes/ Widgets 20. Redundant Code ------------------------------------------------------------------------*/ /* ---------------------------------------------------------------------*/ /* ----------------------------- 1. RESET ----------------------------- */ /* ---------------------------------------------------------------------*/ body { font:65%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; color:#000; line-height:1.6em; min-width:980px; } html>body { font-size:10px; } td, textarea, input, select { font:100% verdana, arial, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:10px; } img { border:0; padding:0 } hr { width:100%; border:1px solid #ddd; } #membershipSignUp a, #makeHomepage a { color:#fff; } #formLogin a { color:#6a6a6a; } form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:none; } input, textarea { color:#000; padding:2px; } input.checkbox { border:none; } .box .inputfield { width:124px; border:1px solid #859ab9; } .inputfield { background:#fff !important; } .required { color:#da0101; } table{ border-collapse:collapse; } /* ---------------------------------------------------------------------*/ /* -------------------------- 2. TYPOGRAPHY --------------------------- */ /* ---------------------------------------------------------------------*/ a { color:#568b73; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } a:visited, a:active, a:focus {} a:visited {} a:active {} a:focus {} p { padding:0; margin:0 } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } h1 { font-size:100%; margin-bottom:1.4em; padding-left:0;} h3 { font-size:100%; } h4 { font-size:100%; margin-bottom:1.4em; padding-left:0; } h5 { font-size:100%; margin-bottom:20px; margin-top:20px; } /* ---------------------------------------------------------------------*/ /* ----------------------------- 3. OUTER ----------------------------- */ /* ---------------------------------------------------------------------*/ body { height: 100%;} html { height: 100%;} #container { width:100%; border-bottom: 1px solid #ddd; margin:0 auto; padding: 0 0 10px 0; } /* ---------------------------------------------------------------------*/ /* ----------------------------- 4. HEADER ---------------------------- */ /* ---------------------------------------------------------------------*/ #header { height:100px; width:100%; position:relative; overflow:hidden; } .logo { min-height:70px; height:auto; } /* LOGO */ #headerNav { color:#fff; margin-top:-3px; text-align:right; } /* HEADER LINKS */ #headerNav ul { list-style:none; padding:0; margin:0; position:absolute; right:16px; top: 0; } #headerNav li { display:inline; margin-left:11px; } #headerNav a { color:#fff; } #headerText { position:absolute; bottom:10px; right:15px; color:#fff; text-align:right; } /* HEADER TEXT - E.G TELEPHONE */ #headerText h2 { font-size:140%; } #signOut { position:absolute; bottom:35px; right:15px; color:#fff;text-align:right; } /* SIGN OUT LINK */ #signout a { color:#fff; } /* ---------------------------------------------------------------------*/ /* ----------------------- 5. SECONDARY COLUMN(S) --------------------- */ /* ---------------------------------------------------------------------*/ #colLeft { float:left; padding-top:15px; margin-left:15px; padding-bottom:10px; padding-bottom:60px; } /* LEFT COLUMN */ #colRight { float:right; padding-top:15px; margin-right:15px; } /* RIGHT COLUMN */ .colLeft { margin-left:15px; } .colRight { margin-right:15px; } .box { margin-bottom:15px; clear:both; width:100%; } /* BOX ELEMENTS */ .box-body { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } /* BOX - CONTENT AREA */ .boxOuter { background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; float:left; width:158px; } /* BOX - OUTER AREA */ .boxInner { float:none; margin:0px; width:auto; background:transparent; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; } /* BOX - INNER AREA */ .box p { padding:0; margin:0; margin-bottom:0.5em; } .box h3 { line-height:24px; text-indent:15px; } h3.boxA { color:#fff; background:#62953a; height:24px; width:160px; } h3.boxB { color:#fff; background:#4599c9; height:24px; width:160px; } h3.boxC { color:#7A7A7A; background:#fff; height:24px; width:160px; } #leftNav { margin:0 !important; padding:0 !important; } /* BOX - NAVIGATION */ #leftNav a { display:block; font-weight:normal; line-height:12px; width:100%; } #leftNav a:hover { text-decoration:underline; } #leftNav span { padding:4px 13px 5px 25px; display:block; border-bottom:solid 1px #fff; } #leftNav ul { list-style:none; padding:0; margin:0; } #leftNav ul li {margin:0; padding:0; } #leftNav ul li ul li span { padding-left:22px; } #leftNav ul li ul li a:hover { text-decoration:underline; } #leftNav span.leftNavSignClassOpen { background: none !important; } span.leftNavSign { padding:0 !important; position:relative; color:#fff; border:none !important; display: block; width: 100%; } span.leftNavSignOpen { padding:0 !important; position:relative; color:#fff; border:none !important; } span.leftNavSignClass { position:absolute; border:none !important; top:-2px; left:-12px; text-decoration:none; } span.leftNavSignClassOpen { position:absolute; border:none !important; top:-2px; left:2px; text-decoration:none; } #leftNav span.leftNavSubChildTitle { padding-left:34px; } .AdvertsBox .boxInner { text-align:center; } /* BOX - ADVERTS */ .CategoriesBox .box-body span { color: #2D5F88;} /* BOX - CATEGORIES */ .CategoriesBox .box-body a { color: #2D5F88;} .CustomBox .boxInner { padding: 0px 14px 10px 14px; } /* BOX - CUSTOM */ .CustomBox .boxInner img { margin: 5px; } #frmBasket { margin-left:-2px; margin-right:-2px; text-align:center; margin-top:7px; margin-bottom:3px; } /* BOX - BASKET */ #boxBasket .boxInner { padding-bottom:30px; } #boxBasketSurround.update {background:url(/www/Etrade/images/layup/cartBg.gif) center left no-repeat; padding:4px 11px; overflow:hidden;} #boxBasketSurround {background:none; padding:4px 10px;} #btnViewEdit { padding:2px 0px 2px 0px !important; cursor:pointer; font-size:10px; margin:0; width:auto; overflow:visible; } #btnCheckout { padding:2px 0px 2px 0px !important; cursor:pointer; font-size:10px; margin:0; width:auto; overflow:visible; } #btnContinue { padding:2px 0px 2px 0px !important; cursor:pointer; font-size:10px; margin:0; width:auto; overflow:visible; } #signUpText { font-weight:normal; color:#333333; } /* BOX - SIGN UP */ #signUpText a:hover { text-decoration:none !important;} #signUpBox { position:relative; display: block; } #signUpBox a { display: block; height: 65px; cursor: pointer; } #signUpBox a:hover { text-decoration:none;} #signUpBox img { float:right; margin-right:-4px; vertical-align: bottom; } .SearchBox .padding { padding:4px 5px; min-height:54px; } /* BOX - SEARCH */ .SearchBox .advancedSearchLink { line-height:11px; text-align:center; } .SearchBox .advancedSearchLink a {font-weight:bold; text-decoration: underline;} .SearchBox .advancedSearchLink a:hover {text-decoration: none;} .SearchBox .advancedSearch {float: left; text-align: center; display: block;} .SearchBox .advancedSearch a {font-weight: normal; color: #000; background: url(/www/Etrade/images/layup/btnBg.gif) top left no-repeat !important; width: 80px; height: 20px; display: block; padding-top: 2px;} .SearchBox .advancedSearch a:hover {font-weight: normal; color: #000; text-decoration: none; background: url(/www/Etrade/images/layup/btnBgOver.gif) top left no-repeat !important; width: 80px; height: 20px; display: block; padding-top: 2px;} .SearchBox #searchLoading {height:51px;overflow:hidden;padding:0px 0pt 4px 38px;} .SearchBox #searchLoading img {width:72px; margin: 0 auto; } #searchLoading { padding:30px 0 28px 28px;} #rightBestsellers .boxInner { background:#fff; margin:0px; float:left; border-left:1px solid #fff; border-right:1px solid #fff; width:156px; } /* BOX - BESTSELLERS */ #rightBestsellers .bestSellingItem { border-bottom: 1px solid #edecea; padding-bottom: 10px; } #rightBestsellers .bestSellingItem.last { border-bottom: none; padding-bottom: 10px; } #rightBestsellers .bestSellerNumber { height:23px; padding-top: 6px; margin-right: 8px; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #686868; float:left; background: #f2f2f2; display: block; width: 25px; text-align: center; } #rightBestsellers .bestSellerTitle { margin-bottom: 10px; float: left; line-height: 120%; width: 110px !important; padding-top: 8px; } #rightBestsellers .bestSellerTitle a { display: inline; font-weight: bold; } #rightBestsellers .bcleftImage {position: relative; width:85px; height:85px; border: solid 1px #ddd; margin-left: 32px; margin-bottom: 6px; } #rightBestsellers .bcleftImage a { padding: 0; display: inline; } #rightBestsellers .bcleftImage td{ text-align:center; } #rightBestsellers .price span { display: inline; color: #d9020a; font-weight: bold; font-size: 12px; padding: 0 0 0 28px; text-align: center; } #rightBestsellers .vatPrice span { display: inline; padding: 0 0 0 28px; text-align: center; } #rightBestsellers .price span.taxName {padding: 0;} #rightBestsellers .vatPrice span.taxName {padding: 0;} #rightBestsellers .spcialOffersRandom span { padding: 0 !important; display: inline !important; width: 35px !important; height: 34px !important; } #rightBestsellers .spcialOffersRandom { position:absolute; top:2px; left:2px; border:none !important; padding: 0 !important; display: inline !important; width: 35px !important; height: 34px !important; } .bestsellersProductPrice {display: inline;} .bestsellersProductPrice .price {padding: 0 0 0 28px;} .promotionsProductPrice {text-align:center; padding-bottom: 10px;} /* BOX - PROMOTIONS */ .promotionsProductItem {text-align: center; position: relative; } .promotionsProductItem .spcialOffersRandom { position:absolute; top:2px; left:2px; border:none !important; padding: 0 !important; display: inline !important; width: 35px !important; height: 34px !important; } #leftNavMan { margin:0 !important; padding:0 !important; } /* BOX - MANUFACTURERS */ #leftNavMan a { display:block; width:100%; font-weight:normal; color:#FF0000; line-height:12px; } #leftNavMan a:hover { text-decoration:underline; } #leftNavMan span { padding:4px 13px 4px 25px; display:block; border-bottom:solid 1px #fff; } #leftNavMan ul { list-style:none; padding:0; margin:0; } #leftNavMan ul li { margin:0; padding:0; width:100%; } #boxComparatorSurround {padding-bottom:8px; padding-top:10px; } /* BOX - COMPARATOR */ #boxComparatorSurround a { text-decoration: underline; } #boxComparatorSurround a:hover { text-decoration: none; } #removaAllFromComparator { margin-left:8px; position: relative; top: 3px !important; vertical-align: top; } .disabledLink {color:#D8D5CC; text-decoration:underline; font-weight:bold;} #disabledLinkRemoveAll {margin-left:8px; position:relative; top:3px !important; vertical-align:top;} #comparatorTable {margin:0 10px 10px 10px; width:90%;} #comparatorTable td { border-bottom:1px solid #ccc; padding:5px 2px; text-align:left;} #btnCompare {margin-left:2px; } #btnClear {margin-left:10px; } .featuredProductPrice { text-align:center; } /* BOX - FEATURED */ .featuredProductItem { text-align: center; } .box ol { padding:0 0 0 24px; margin:0px; } /* BOX - ORDERED LISTS */ html>body .box ol { padding:0 0 0 20px; margin:0px; } .box ol li { padding:0; margin:0 0 8px 0; } /* ---------------------------------------------------------------------*/ /* ------------------------- 6. PRIMARY COLUMN ------------------------ */ /* ---------------------------------------------------------------------*/ .colMainWrapper { float:left; width: 100%; } .colMainPadding { font-size:107%; padding:0 10px; } #colMain p { padding-bottom:1.4em; } #colMain li { padding:0; margin:0; } #colMain img { display:block; } .homePageImage { margin-bottom:15px; } /* HOMEPAGE IMAGE */ .homePageImage img { margin: 0 auto; } .checkoutLayout #colMain {margin:0 40px; } /* CHECKOUT CONTAINER */ /* ---------------------------------------------------------------------*/ /* ------------------------- 7. SPECIAL OFFERS ------------------------ */ /* ---------------------------------------------------------------------*/ .spcialOffers { position:relative; border:none !important; z-index:999 !important; } .spcialOffers img {border:none !important;} .spcialOffersRandom img {border:none !important;} .spcialOffersRandom div { position:absolute; top:2px; left:9px; border:none !important;} .spcialOffers div { position:absolute; top:10px; left:10px; border:none !important; z-index:10; } .outOfStock {position:absolute !important; top:73px !important; left:9px !important;} /* ---------------------------------------------------------------------*/ /* ---------------------------- 8. LISTS ------------------------------ */ /* ---------------------------------------------------------------------*/ .searchFilterBox { padding: 15px; } /* SEARCH FILTER */ .searchFilterBox a { font-weight:normal; line-height:12px; width:100%; } .searchFilterBox a:hover { text-decoration:underline; } .searchFilterBox span {color:#666; } .categoryBoxSurround { float:left; cursor:pointer; width:268px; height:45px; border:1px solid #ccc; background:#f8f6f4; margin-right:10px; margin-bottom:10px; display:block; } /* CATEGORY FILTER */ .categoryBoxSurround a:hover { text-decoration:none; } .categoryBoxSurround table { width:277px; height:45px;} .categoryImageView { width:175px; height:175px; float:left; border:1px solid #ccc; margin:0 9px 15px 0; text-align:center; } .searchResultDescription { font-size:100%; padding-bottom:10px; } #promoBoxCont, #promoBoxCont2 { width:100%; float:left; text-align:left; margin-top: 0px; font-size: 11px; } /* LIST CONTAINER */ #promoBoxCont p { padding-bottom:0px; } .midcolfl { float:left; width:280px; margin-bottom:15px; } /* PRODUCT LIST */ .boxProduct { border:2px solid #fff; height:187px; padding-top:7px; } .boxProductHover { border:2px solid #ddd; height:187px; padding-top:7px;} .boxProduct a { font-weight: bold; } .bcleft { margin:0; border-right:1px solid #ddd; width:87px; text-align:center; padding:0 7px; height:180px; float:left; position:relative; } .bcleftImage { width:85px; height:85px; border: solid 1px #ddd;} .bcleft img.star { margin-top:5px; position:absolute; bottom:10px; left:23px;} .bcright { padding:0px; float:right; position:relative; height:180px; width:165px; padding-left:7px;} .bcright p { margin: 8px 0 0 0; padding:0; } .productOptions {width:140px; font-size:90%; margin:3px; } .viewProductSurroundThumbs img { border: solid 1px #ddd; margin-right:8px; float:left;} .productWatermarkBackground { background: transparent url(/www/Etrade/images/layup/blank.gif) repeat scroll left top; height: 100%; width:100%; position: absolute; top: 0px; left: 0px; cursor: pointer; } #productWatermarkImage { position:absolute; top:0px; left:0px; filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; cursor: pointer; } #productWatermarkImageLarge { position:absolute; top:25%; left:25%; filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; } .bc { margin:0; text-align:center; padding:0 7px; float:left; position:relative; } .bcImage { margin: 0 auto;} .bc img.star { margin-top:5px; position:absolute; bottom:10px; left:23px;} .offerImage {position: absolute; top: 0px; left:10px;margin-top:12px;} .productImagesDiv .productImagesLink { margin: 10px 0px 5px 0px; border: 2px solid #ddd;} .productImagesDiv .productImagesLink:hover { border: 2px solid #9b9b9b; } .buyQtyProduct { position:absolute; bottom: 0px; left:15px; } .productAttachments {float:left; padding-left:7px;} .productImageSmall {border: solid 1px #dddddd !important; } .productImageSmallDiv {width:35px;height:35px; border:2px solid white;} .productImageSmallDiv .offerImage{position: absolute; top:0px; left:0px; border:0px !important;} .manufacturer { font-size:82%;} .manufacturer a { font-weight:normal;} .manufacturersSelectDiv {padding:10px;} .manufacturersSelectDiv select{width:100%;} .boxProductBestSeller { border: 1px solid #eeedeb; height:108px; padding: 1px; margin-bottom: 25px; } /* BESTSELLERS LIST */ .boxProductBestSeller a { font-weight: bold !important; } .boxProductBestSeller .bestSellerNumber { height:63px; font-weight: normal; padding-top: 45px; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #686868; float:left; background: #f2f2f2; display: block; width: 42px; text-align: center; } .boxProductBestSeller .bcleft { margin:10px 0px 0px 5px; border-right:1px solid #ddd; width:94px; text-align:center; padding:0 7px; height:86px; float:left; position:relative; } .boxProductBestSeller .bcleftImage { width:85px; height:85px; border: solid 1px #ddd;} .boxProductBestSeller .bcmiddle { border-right:1px solid #ddd; padding:0px; float:left; position:relative; height:86px; width:210px; padding-left:6px; margin:10px 0px 0px 0px; } .boxProductBestSeller .bcmiddle img.star { margin-top:0px !important; } .boxProductBestSeller .bcmiddle p { margin: 0; padding: 0px 0px 6px 0px !important; } .boxProductBestSeller .bcright { padding:0px; float:left; position:relative; height:86px; width:178px; padding-left:5px;} .boxProductBestSeller .buyQtyProduct { position:absolute; top: 10px; left:25px; } .addToComparison {font-size:11px; margin-top:5px;display:block;} .addToComparison a{ color:#000;} #browseCategories { background-color:#f8f6f4; letter-spacing:0px; color:#333; display:block; border:solid 1px #bbb; margin-bottom:15px; padding:5px; } /* BROWSE CATEGORIES */ #browseCategories a { font-weight:normal !important;} #browseCategories .midcolfl{float: left; width:47%; margin-bottom:0px; } #browseCategories ul { list-style:none; padding:0; margin:0 0 0 20px;} #browseCategories li { padding:0; margin:0; padding-left:10px; background:url(/www/Etrade/images/layup/smallArrow.gif) 0px 4px no-repeat; } .browsePadding { padding-right:10px;} /* ---------------------------------------------------------------------*/ /* ------------------------ 9. PRODUCT DETAIL ------------------------- */ /* ---------------------------------------------------------------------*/ #productDetail .col1_800 { float:left; width:102px; } /* PRODUCT - COLUMN 1 */ #productDetail .col2_800 { margin-left:119px; } #productDetail .col1 .imageMain { width:173px; height:173px;} #productDetail .col1 .imageMain_800 { width:102px; height:102px; } #productDetail .col1 .imageMain a { font-weight:normal; display:block; } #productDetail .col2a { width:100%; float:left; font-size:100%; } /* PRODUCT - COLUMN 2 */ #productDetail .col2aPadding { margin:0 15px; } #productDetail .col2bpadding { padding:0px 10px 0px 10px; } #productDetail .col2b ul { list-style:none; padding:0; margin:0; } #productDetail .col2b ul li { padding-bottom:0px; width:100%; } #productDetail .col2b a { padding-left:20px; display:block; } #productDetail .col2b .productPrint { line-height:20px; background:url(/www/Etrade/images/layup/iconPrint.gif) 0 4px no-repeat; } #productDetail .col2b .productPicture { line-height:20px; background:url(/www/Etrade/images/layup/iconPicture.gif) 0 4px no-repeat; } #productDetail .col2b .productEmail { line-height:20px; background:url(/www/Etrade/images/layup/iconEmail.gif) 0 4px no-repeat; } #productDetail .col2b .productBookmark { line-height:20px; background:url(/www/Etrade/images/layup/iconBookmarkProduct.gif) 0 5px no-repeat; } #productDetail .col2b .productWishlist { line-height:20px; background:url(/www/Etrade/images/layup/iconBookmark.gif) 0 4px no-repeat; } #productDetail .col2b .productCompare { line-height:20px; background:url(/www/Etrade/images/layup/iconAddToCompare.gif) 0 4px no-repeat; } #productDetail .col2b .checkboxcol2b input { margin:0px 7px 0 -4px; } html>body #productDetail .col2b .checkboxcol2b input { margin:4px 7px 0 0; } #productDetail .col2b .checkboxcol2b span { position:absolute; bottom:5px; left:30px; } html>body #productDetail .col2b .checkboxcol2b span { position:absolute; bottom:6px; left:30px; } #productDetail .productDetailTitle { font-weight:bold; padding-bottom:3px; margin-bottom:0; font-size: 115%;} /* PRODUCT - TITLE */ #productsByManufacturer {font-size: 90%; color: #777; padding-bottom:3px; display: block;} /* PRODUCT - MANUFACTURER */ #productsByManufacturer a {font-size: 90%; color: #777 } #productDetail .review { padding:10px 0 2px 0; margin:0; } /* PRODUCT - REVIEW */ #productDetail .review a { font-weight:normal; } .specialOfferDescription {color:#da0101 !important; font-weight:bold; padding-bottom:8px !important; } /* PRODUCT - SPECIAL OFFER */ #productDetailTabs { margin-top:15px; font-size:100%; position:relative; width:99%; float:left;} /* PRODUCT - TABS */ #productDetailTabs p{ padding-bottom:1.4em; } #productDetailTabs .shadowLeft { position:absolute; top:3px; left:-17px; z-index:5; } #productDetailTabs .shadowRight { position:absolute; top:0px; right:-15px; z-index:5; } #productDetailTabs .tabset_content ul { padding:0; margin-left:25px; padding-bottom:1.4em } #productDetailTabs li { /*margin-bottom:1.4em;*/ } .tabset_content h2 { display:none; } .tabset_tabs { margin: 0; padding: 0; height: 26px; position:relative; z-index:2; } .tabset_tabs li { list-style: none; float: left; } .tabset_tabs li a { float: left; display: block; padding: 5px 8px 5px 8px; margin-right: 4px; height: 16px; color:#333; background-color:#ddd; text-decoration:none;border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; } .tabset_tabs a:hover { color:#333; background:#fff !important; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; text-decoration:none; } ul.domtabs li.active a:link,ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover { color:#333; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; z-index:10; } .tabset_tabs a.activeTab { color:#333; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; z-index:10; } /*.tabset_content h2 { display:none; } .tabset_tabs { margin:0; padding:0; list-style-type:none; position:relative; z-index:2; } .tabset_tabs li { margin:0; padding:0; display:inline; } .tabset_tabs a { color:#333; background-color:#ddd; text-decoration:none; padding:3px 8px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; } .tabset_tabs a:hover { color:#333; background:#fff url(/www/Etrade/images/layup/productDetailTabBg.gif) top repeat-x; padding:3px 8px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; text-decoration:none; } ul.domtabs li.active a:link,ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover { color:#333; background:#fff url(/www/Etrade/images/layup/productDetailTabBg.gif) top repeat-x; padding:3px 8px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; z-index:10; } .tabset_tabs a.activeTab { color:#333; background:#fff url(/www/Etrade/images/layup/productDetailTabBg.gif) top repeat-x; padding:3px 8px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; z-index:10; } */ .tabset_content { border-top:1px solid #DDD; background-color:white; position:relative; z-index:1; padding:15px 20px; display:none; } .tabset_label { display:none } .tabset_content_active { display:block; } .tabset_content h3 { margin-bottom:1.4em; } .tabset_content .reviewComment { margin-left:128px; } #productDetailTabs #featuresTable {width:100%} /* PRODUCT - TAB - FEATURES */ #productDetailTabs #featuresTable td{background-color:#fefefe; line-height:20px; padding-left:10px;} #productDetailTabs #featuresTable th{background-color:#eeeeee; line-height:20px; padding-left:10px;} .callForPrice {font-size:105%; color:#289F13; font-weight:bold; } /* PRODUCT - CALL FOR PRICE */ #optionProductList {font-size:10px; vertical-align: top; } /* PRODUCT - OPTIONS */ #optionProductList ul {list-style:none; overflow:hidden; padding:0; margin:0; background:#f5f3f1; border-right:1px solid #ddd; width: 100%;} #optionProductList #active {border-top: 1px solid #ddd; border-bottom:1px solid #ddd; height: 19px} #optionProductList #options { max-height:200px; height: auto; overflow: auto; white-space:nowrap; z-index:10; border-bottom:1px solid #ddd; position:absolute; top:21px; left:0px;} #optionProductList #options2 { max-height:200px; height: auto; overflow: auto; white-space:nowrap; z-index:10; border-bottom:1px solid #ddd; position:absolute; top:21px; left:0px;} #optionProductList li {cursor:pointer; clear:both; float: none;} #optionProductList li .colour{margin-right: 4px; width:15px; height:15px; border:1px solid #666; z-index:10; cursor:pointer; background-color:white; float: left} #optionProductList a {display:block; font-size: 10px; color:#000; font-weight:normal; height:19px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding: 2px; text-align:left;} #optionProductList a:hover {text-decoration:none; background-color:#ccc;} #optionProductButton {width: 19px; vertical-align: top} .options {border:solid 1px #ddd;} .options tr th {padding:4px 1px 4px 4px; } .options div { border:solid 1px #ddd; width:20px !important; } .options select { width:250px; } .selectedColour { border:1px solid #C2C2C2;float:left;height:20px;margin-left:4px;width:20px; } #productDetailList { margin-top:15px; } /* PRODUCT - DETAIL TABLE */ #productDetailList .productDetailListElem { font-size:90%; } #productDetailList .productDetailListElem .heading { padding:5px 0 0 10px; margin: 0px 1px 0px 2px; color: #fff; font-size: 1.3em; font-weight: bold; height:21px; position: relative;} #productDetailList .productDetailListElem .heading .headingLeft { position: absolute; top: 0px; left: -2px; } #productDetailList .productDetailListElem .heading .headingRight { position: absolute; top: 0px; right: -2px; } #productDetailList .productDetailListElem .boxContent { position:relative; } #productDetailList .productDetailListElem .boxContent .borderLeft { position: absolute; top: 0px; left: 0px !important; } #productDetailList .productDetailListElem .boxContent .borderRight { position: absolute; top: 0px; right: -1px; } #productDetailList .productDetailListElem .boxContent p { line-height: 120%; padding: 0px 0px 12px 0px; } #productDetailList .productDetailListElem .boxContent .padding { padding: 12px; } #productDetailList .productDetailListElem .boxContent #frmEmailFriend label { display:block; float:left; width:150px; position: relative !important; } #productDetailList .productDetailListElem .boxContent #frmEmailFriend input { width:250px; margin-bottom:5px; } #productDetailList .productDetailListElem .boxContent #frmEmailFriend span input { width:70px; } #productDetailList .productDetailListElem .boxContent #frmEmailFriend textarea { height:36px; width:250px; margin-bottom:5px;} #productDetailList .productDetailListElem .boxContent #frmEmailFriend .buttonSize { width: 90px; } #productDetailList .productDetailListElem #featuresTable {width:100%} #productDetailList .productDetailListElem #featuresTable td {background-color: transparent !important; line-height:20px; padding-left:0px;} #productDetailList .productDetailListElem #featuresTable th { background-color: transparent !important; line-height:20px; padding-left:0px;} #productDetailList .productDetailListElem .productTable { margin:15px 0 20px 0; width:100%; font-size:90%;} #productDetailList .productDetailListElem .productTable img { border: none; } #productDetailList .productDetailListElem .productTable th { text-align:left; background: none; padding:2px 5px; } #productDetailList .productDetailListElem .productTable td { text-align:left; padding:2px 5px; border-bottom:1px solid #f4f2f0; } #productDetailList .productDetailListElem ul { padding:0; margin-left:25px; padding-bottom:1.4em } /* ---------------------------------------------------------------------*/ /* ----------------------- 10. COMPARISON TABLE ----------------------- */ /* ---------------------------------------------------------------------*/ .productName { font-size:110%;font-weight:bold;margin-bottom:0pt;padding:10px 0px; height:30px; } /* COMPARISON - PRODUCT NAME */ .productImage { height:85px; margin-bottom: 10px; border: 1px solid #ddd; } /* COMPARISON - PRODUCT IMAGE */ .comparePrice { padding:10px 0px; } /* COMPARISON - PRODUCT PRICE */ .comparePrice .price { font-size: 12px; } #compareTable .smallPrice {f ont-size:11px; font-weight:normal; color:#333; } .addToCartButton { margin-bottom:10px; } /* COMPARISON - ADD TO CART */ #compareTable td { border:1px solid #eee; font-size:11px; } /* COMPARISON - MAIN BODY OF TABLE */ /* COMPARISON - REMOVE COLUMN */ #compareTable td.mainCell { border-left:1px solid #E0E0E0; text-align:center; width:180px; } #compareTable td.mainCell img {margin:0 auto; } #compareTable td.emptyCell { border:0px solid #fff !important; } .featureGroup {font-family:verdana,arial,helvetica,sans-serif; line-height:20px; height:20px;} .featureGroup td {font-weight:bold; padding-left:5px;} .featureRow {line-height:20px; height:20px;} .featureRow td {padding:0px 14px; font-family: Verdana, Helvetica, sans-serif; font-size:11px;} .oddRow {background-color: #FBFAF8;} .evenRow {background-color: #fff;} #compareTable .removeColumn {text-align: center; margin: 0 auto; width:180px; padding-top:5px; padding-bottom:5px;} /* COMPARISON - REMOVE COLUMN */ #compareTable .removeColumn a {font-weight:normal; text-decoration:underline;} #actionDiv { position: fixed; bottom:0px; display: block; width: 98%; height:25px; line-height:25px; background-color:#EFEFEF; border-top:1px solid #ddd; text-align:right; padding-right:15px; margin-bottom:0px;} #actionDiv a { background: url(/www/Etrade/images/layup/iconPrint.gif) no-repeat; padding: 0px 0px 0px 20px; } /* ---------------------------------------------------------------------*/ /* ----------------------- 11. PAGE/SEARCH INFO ----------------------- */ /* ---------------------------------------------------------------------*/ .showAllOptions { margin:0px; padding:0px; float:left; width:100%; font-size:110%; line-height:1.9em; } /* DISPLAY OPTIONS */ .showAllOptions p { padding:0; margin:0; } .showAllOptionsSel { float:left; font-size:11px !important; } .showAllOptionsSel #display { height: 18px; padding-top: 5px; float: left; line-height: normal; } .showAllOptionsSel #limit { margin-top: 3px; margin-right: 3px; float: left; font-size: 11px; } .showAllOptionsSel p span { display:block; width:60px; float:left; } .showAllOptionsSel p select { color:#000000; font-weight:bold; font-size:90%; } .showAllOptions .paddingFix { padding-right:3px; } .pagination { float:right; font-size:11px !important; } /* PAGINATION */ .pagination ul { list-style:none; padding:0; margin:0; text-align:right; display: inline; } .pagination ul li { display:inline; } .pagination a { padding:0 2px 0 3px; margin:0 1px 0 0; } .pagination a:hover { text-decoration:none;} .pagination .float_left span { padding-right:4px; } #breadcrumbs { margin:0 0 15px 0px; font-size:90% !important; border-bottom:1px solid #ddd; padding-bottom:5px; display:block; } /* BREADCRUMBS */ #breadcrumbsHome { margin:0 0 -10px 0px; display:block;} #breadcrumbs p { float:left; } #breadcrumbs ul { list-style:none; padding:0; margin:0; } #breadcrumbs li { display:inline; font-weight:bold; color:#000; margin-left:0px; } #breadcrumbs a { font-weight:normal; } #breadcrumbs a.signin { font-weight:bold; background:none; padding:0px; } #breadcrumbsCheckout { margin:-5px 0 0px 0px; font-size:100% !important; border-bottom:1px solid #ddd; padding-bottom:10px; display:block;} /* BREADCRUMBS FOR CHECKOUT */ #breadcrumbsCheckout p { float:left; } #breadcrumbsCheckout ul { list-style:none; padding:0; margin:0; } #breadcrumbsCheckout li { display:inline; font-weight:bold; color:#000; margin-left:0px; } #breadcrumbsCheckout a { font-weight:normal; } #breadcrumbsCheckout a.signin { font-weight:bold; background:none; padding:0px; } #breadcrumbsCheckoutPadding { background:#eeeeee; line-height:25px; padding:3px 0; display:block; margin:0 auto; width:100%; } #breadcrumbsCheckoutPadding, #breadcrumbsCheckoutPadding a { font-weight:bold; color:#666; } #breadcrumbsCheckoutBorder span { line-height:25px; color:#fff; padding:9px 20px 9px 5px;} #breadcrumbsCheckoutBorder { width:98%; margin:0 auto;} #productsFound { border-bottom:1px solid #bbbbbb; font-size:11px !important; margin-bottom:15px; padding-bottom:30px;} /* PRODUCTS FOUND */ #displayNmbrProducts { font-size:11px !important; margin-bottom:20px; padding-top:10px; } #featuredCategoryDivider { width:99%; margin:5px 0 10px 0; float:left; height:1px; line-height:1px; font-size:1px; border-bottom:1px solid #ccc;} /* ---------------------------------------------------------------------*/ /* -------------------------- 12. SITE MAP ---------------------------- */ /* ---------------------------------------------------------------------*/ #sitemap ul { margin:0 0 0 -4px; padding:0; font-size: 11px;} #sitemap ul li { list-style:none; padding: 0 5px 0 5px; margin:0;display:inline;} #sitemap a {font-weight:normal !important;} #sitemapCategoryTree ul { margin:0; padding:0; font-size: 11px;} #sitemapCategoryTree ul li { list-style:none; padding: 0 10px 0 20px; margin:0;} #sitemapCategoryTree a {font-weight:normal !important; } .bottomLevel { padding-left:10px !important;} .bottomLevel li { display:inline !important; list-style:none !important;} .thirdLevel { padding-left:10px !important;} .fourthLevel { padding-left:10px !important;} /* ---------------------------------------------------------------------*/ /* ---------------------------- 13. FORMS ----------------------------- */ /* ---------------------------------------------------------------------*/ .frmFormatting {background:#f5f3f1 !important; margin-top:25px; border:solid 1px #bbb; padding: 25px 20px 15px 20px; } .frmFormatting .formTitle { position:absolute; top:-26px; left:-6px; display:block; background:#fff; white-space:nowrap; padding:2px 5px; border: 1px solid #bbb; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#333; } #category {width:130px; padding:1px; } #manufacturer {width:130px; padding:1px; } input.qty { width:22px; font-size: 10px; margin-top: 1px !important; } #frmSearch { margin:4px 0 2px 0; float:left; } /* FORM - SEARCH */ #frmSearch .inputfield { float:left; margin-bottom:5px; } #frmEmailGroups label { float:none; display:inline; margin-left:2px;} /* FORM - EMAIL GROUPS */ #emailGroups label { float:none; display:block; margin-left:0px; display:inline} #emailGroups input { float:left; margin-left:100px; margin-right:0} #frmLogin label { float:left; width:180px !important; display:block; } /* FORM - LOGIN */ #frmLoginPage label { float:left; width:130px !important; display:block !important; } #buttonNewUser label {float:left; width:130px !important; display:block !important; } #frmNewCustomers { background:#F5F3F1 !important; margin-top:25px; border:solid 1px #bbb; padding: 25px 20px 15px 20px; } /* FORM - NEW CUSTOMERS */ #frmNewCustomers label { display:block; float:left; width:180px !important; } #frmNewCustomers .formTitle { position:absolute; top:-26px; left:-6px; display:block; background:#fff; white-space:nowrap; padding:2px 5px; border: 1px solid #bbb; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#333; } #frmNewCustomers input { font-size: 11px; } #frmNewCustomers select { font-size: 11px; } #featuresTableWrapper .searchAttributeName { font-size: 11px; } #featuresTableWrapper .searchAttributeValues select { width: 200px !important; } #frmContactus label { display:block; float:left; width:150px; } /* FORM - CONTACT US */ #frmEmailFriend label { display:block; float:left; width:150px; } /* FORM - EMAIL A FRIEND */ #frmEmailFriend input { width:250px; margin-bottom:5px; font-size: 11px; } #frmEmailFriend span input { width:70px; } #frmEmailFriend textarea { height:36px; width:250px; margin-bottom:5px; } #frmPersonalisedMessage label { display:block; float:left; width:160px; } /* FORM - PERSONALISED MESSAGE */ #frmPersonalisedMessage input { width:250px; margin-bottom:5px; } #reviewform { font-size: 11px; } /* FORM - REVIEW FORM */ #reviewform label { display:block; float:left; width:150px; } #reviewform input { width:250px; margin-bottom:5px; font-size: 11px; } #reviewform select { width:204px; padding:1px; font-size: 11px; } #frmForgotPassword label { display:block; float:left; width:180px; } /* FORM - FORGOTTEN PASSWORD */ #frmForgotPassword input { font-size: 11px; } #frmSearchOrders label { display:block; float:left; width:160px; } /* FORM - SEARCH ORDERS */ #searchAttributes { margin-top:15px; width:400px; } /* FORM - ADVANCED SEARCH */ #searchAttributes td{height:25px; line-height:25px;} #searchAttributes .searchAttributeName {width:177px;} #slidebar {width: 194px;} #slider_left {background: url(/www/Etrade/images/frontend/slider_left.gif); width: 2px; height: 19px; float: left} #slider_center {margin-left:3px; position: relative; height: 19px; width: 190px; background: url(/www/Etrade/images/frontend/slider_center.gif); float: left;} #slider_right {background: url(/www/Etrade/images/frontend/slider_right.gif); width: 2px; height: 19px; float: left} #min, #max {position: absolute; width: 10px; height: 13px; top: 1px} #featuresLoader {display:inline;} #basketForm input { font-size: 11px; } /* FORM - BASKET */ /* ---------------------------------------------------------------------*/ /* ---------------------------- 14. TABLES ---------------------------- */ /* ---------------------------------------------------------------------*/ .standardTable { margin:0px 0 20px 0; float:left; width:100%; } /* STANDARD TABLE */ .standardTable img { border:2px solid #fff; } .standardTable th { text-align:left; background-color:#f2f2f2; padding:5px 8px; } .standardTable td { text-align:left; padding:5px 8px; border-bottom:1px solid #f4f2f0; } .productTable { margin:15px 0 20px 0; width:100%; font-size:100%;} /* PRODUCT TABLE */ .productTable td { font-size: 100%; } .productTable img { border:2px solid #fff; } .productTable th { text-align:left; background-color:#f2f2f2; padding:2px 3px; } .productTable td { text-align:left; padding:2px 5px; border-bottom:1px solid #f4f2f0; } .productTable th a { text-decoration: underline; } .productTable th a:hover { text-decoration: none; } .quickShopTable { margin: 0; width:100%; font-size:100%;} /* QUICK SHOP */ .quickShopTable td { font-size: 100%; } .quickShopTable th { text-align:left; background-color:#d3d3d3; padding:2px 3px; } .quickShopTable td { text-align:left; padding:2px 5px; border-bottom:1px solid #d3d3d3; } .shoppingBasketTable { margin:20px 0 0 0; float:left; width:100%; } /* BASKET TABLE */ .shoppingBasketTable td {padding:5px 8px; text-align:left; border-bottom:1px solid #ccc;} .shoppingBasketTable th { text-align:left; background-color:#f2f2f2; padding:5px 8px; } .shoppingBasketTable .noBorder td { border:none !important; } .grandTotal { background:#f2f2f2; border-bottom:10px solid #333;} .grandTotalBlank {background:#f2f2f2;} .basketTable { width:100%; } .basketTable td { text-align:left; padding: 4px 2px 4px 2px; border-bottom:1px solid #ccc; } #ordersTable th { cursor: pointer; } /* ORDERS TABLE */ .sorttable_sorted { background:#dddddd url(/www/Etrade/images/cms_layup/filterDown.gif) 95% 50% no-repeat; padding-right:125px;} /* SORT TABLE */ .sorttable_sorted_reverse { background:#dddddd url(/www/Etrade/images/cms_layup/filterUp.gif) 95% 50% no-repeat; padding-right:25px;} #reviewTable td { font-size: 11px; } #noReviewTable td { font-size: 11px; } /* ---------------------------------------------------------------------*/ /* ---------------------------- 15. FOOTER ---------------------------- */ /* ---------------------------------------------------------------------*/ #footer {margin:15px 0px 0px 0px; width:100%;text-align:center; } #footer ul { list-style:none; padding:0; margin:0 0 3px 0; } #footer li { color:#000000; display:inline; padding: 0 5px; background:url(/www/Etrade/images/layup/footerSep.gif) right 3px no-repeat; } #footer a { color:#333333; font-weight:normal; } #footer p { margin-bottom:5px; } #footer .last { background:url(/www/Etrade/images/layup/footerSep.gif) left -10px no-repeat;} #footer .links { background:url(/www/Etrade/images/layup/footerSep.gif) left 3px no-repeat; padding-left:10px; } #legalInfo { color:#666666; font-size: 10px; } /* CMS AREA */ .recentlyViewed {margin: 0px auto; border: 1px solid #ddd; height: 175px; width: 930px; background: #F5F3F1; margin-top: 20px; } /* RECENT PRODUCTS */ .recentlyViewedTitle {padding:4px; border-bottom: 1px solid #ddd; margin-bottom: 6px; font-size:110%; font-weight: bold; background: #ddd; color: #000; } .recentlyViewedItems {float:left; padding: 1px 29px; width:96px; height:130px; text-align: center;} /* ---------------------------------------------------------------------*/ /* --------------------------- 16. CLASSES ---------------------------- */ /* ---------------------------------------------------------------------*/ .clear {clear:both} .hide {display:none} .show {display:block} .printShow {display:none} .float_left {float:left !important} .float_right {float:right !important} .align_left {text-align:left !important} .align_center {text-align:center !important} .align_right {text-align:right !important} .align_justify {text-align:justify !important} .align_bottom {vertical-align:bottom !important} .align_middle {vertical-align:middle !important} .image_right {float:right; padding:0 0 15px 15px} .image_left {float:left; padding:0 15px 15px 0} .printShow {display:none} .orderPrintShow {display: block} .relative {position:relative} .hand {cursor:pointer} .absolute {position:absolute} .topTen {background: #f2f2f2; border-bottom: 1px solid #fff !important; font-size: 1.5em; font-weight: bold; text-align: center !important; border-top: 1px solid #fff !important} .width22 {width:22px !important} .width100 {width:100%} .width35 {width:35%} .width20 {width:20px !important} .width25 {width:25px} .width30 {width:30px !important} .width40 {width:40px !important} .width45 {width:45px !important} .width50 {width:50px !important} .width65 {width:65px !important} .width70 {width:70px !important} .width80 {width:80px !important} .width80px {width:80px} .width93px {width:93px} .width90 {width:90px !important} .width95 {width:95px !important} .width105 {width:105px !important} .width110 {width:110px !important} .width110px {width:110px} .width200px {width:200px} .width250px {width:250px} .width400px {width:400px} .width500px {width:500px} .width150px {width:150px} .width150pxFix {width:155px} .width170px {width:170px} .width170pxFix {width:178px} .textWhite { color:#fff; } .text9px {font-size:9px} .text11px {font-size:11px} .text100 {font-size:100%} .text110 {font-size:110%} .text120 {font-size:120%} .text130 {font-size:130%} .text140 {font-size:140%} .padding {padding:15px 15px} .paddingLeft {padding-left:15px} .paddingInner {padding:4px 13px 4px 13px} .price {color:#da0101; font-weight:bold; white-space: nowrap} .outOfStockPrice {color:#da0101; font-weight:bold; white-space: nowrap} .outOffStock {color:#da0101; font-weight:bold} .taxName {white-space:nowrap} .error {color: red;} .fieldError { color:red; } .itemPrice {width:90px !important;} .colLeft50 { width:50%; float:left; } .colRight50 { width:50%; float:right; } .col1 { font-size:100%; width:45px;} .col2 { font-size:100%;} .col3 { font-size:100%; width:54px; text-align:center;} .radioBoxesLabelPosition {position:relative; top:-3px; left:2px; padding-right:4px;} .checkoutTopBorder { border-top: 5px solid #f2f2f2; padding-top:12px;} .newsletterFix { width:200px; font-size:9px;} .categoryInformationPage { float:right; background:#f5f3f1; border:1px solid #ccc; margin:0 0 10px 10px; } .categoryInformationPageText { min-height:300px; height:auto;} .categoryInformationCategoryViewText { min-height:150px; height:auto;} #categoryIntroPage {border-bottom:1px solid #bbb; margin-bottom:15px; } .emailGroupCheckbox { width:450px; text-align:left; padding-left:80px; position:relative; top:-67px; margin-bottom:6px;} .emailGroupLabel { position:relative; top:1px; left:5px;} #emailGroupsHolder { float:left; width:100%; margin-bottom:-50px;} .signupCheckboxHolder { float:left; position:relative; left:-80px;} .signupCheckbox { clear:left; text-align:left;} .signupCheckboxLabel { float:left; width:160px;} .minHeightFix { min-height:220px;} .questionsComments { width:170px;} .buttonSize { font-size:10px; padding:2px 3px; margin:0; width:auto; overflow:visible; cursor: pointer; } .colMainWrapper .buttonSize { font-size:11px; } .messageBoxGreen {color:#04ac04; font-weight:bold; text-align:center; padding-bottom:14px;} .messageBoxRed {color:#FF0000; font-weight:bold; position:absolute; top:139px; right:195px; } .addressDetailsPopUpMessage {position:relative; top:-120px; left:0px; z-index:1000;} .homePopUpMessage {position:relative; top:-100px; left:0px; z-index:1000;} .standardPopUpMessage {position:relative; top:0px; left:0px; z-index:1000;} .loginFlashMessage {position:relative; top:-232px; left:190px} .loginFlashMessageCheckout {top:-200px;} .tdHover { background-color:#fbfaf9; } .tdNormal { background-color:#fff; } .buttonSizeDisabled { padding:3px 4px 3px 4px; margin:0; width:auto; overflow:visible; } .outOfStockBuyButton { padding:3px 4px 3px 4px; margin:0; width:auto; overflow:visible; } .outOfStockBuyButtonList { padding:3px 4px 3px 4px; margin:0; width:auto; overflow:visible; } .colMainWrapper .buttonSizeDisabled { font-size:11px !important; } .colMainWrapper .outOfStockBuyButton { font-size:11px; } .colMainWrapper .outOfStockBuyButtonList { font-size:11px; } .validationError { display: block !important; } /* ---------------------------------------------------------------------*/ /* -------------------- 17. ACCOUNT/BUYING PROCESS -------------------- */ /* ---------------------------------------------------------------------*/ .myAccountSurround { background:#f5f3f1 !important; border:solid 1px #bbb; padding:10px; } .bottomButtonSurround { border-top:1px solid #bbbbbb !important; border-left: none !important; border-right: none !important; border-bottom: 0 !important; padding:5px 7px; margin-top:15px; margin-bottom:10px;} .bottomButtonSurroundBasket { border:none !important; background:none !important; padding:10px 10px; margin-top:5px; margin-bottom:10px;} .paymentProcessingContainer { margin:0 auto; width:760px;} .paymentProcessingContainer label {display:block;} .paymentProcessingContainer p {padding:0px 0px 5px 0px;} .paymentProcessingContainer {background:#fff !important;} .paymentProcessingContainer select {background:#fff !important;} .paymentTitle {font-size:130%; font-weight:bold; padding-top:10px !important;} .manufacturerLink a,.manufacturerLink a:visited {color :#555; font-weight:normal;} .manufacturer a,.manufacturer a:visited {color :#555555; font-weight:normal;} #btnViewEditDisabled { padding:3px 1px 3px 1px !important; font-size:10px; margin:0; width:auto; overflow:visible; } #btnCheckoutDisabled { padding:3px 1px 3px 1px !important; font-size:10px; margin:0; width:auto; overflow:visible; } #sponsorAdDiv {position:absolute; top:0; left:0; visibility:hidden; border: 2px solid #cccccc; background:#eeeeee; width:400px; z-index:999;} #sponsorAdDiv .padding {padding:15px 10px 0 10px} #sponsorAdDiv p {padding:0 0 15px 0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0;} #sponsorAdDiv .note {font-size:10px;} #sponsorAdDiv #popUpMessageTopLine,#popUpMessageBottomLine {text-align:center;} #ajaxBar {position:absolute; top:140px; right:210px; z-index: 5;} .bigBasketTable { width:100%;} .bigBasketTable img { display:inline !important; } .bigBasketTable th , .basketTableHeader{ text-align:left; padding:5px 8px; color:#ffffff; } .bigBasketTable td { font-size: 11px !important; } .basketTableHeader {border-bottom:0px; } #offerDescriptionFix {float:left; position:relative; top:3px; left:5px;} #basket { margin-top:0px !important; } .priceColumn { padding-right:3px !important; text-align:right !important;} .grayPrice {color:#424242; font-weight:bold; font-size:11px;} .oldPrice {text-decoration:line-through;} .netPrice {color:#666666; font-size:10px; font-weight:normal;} .quantityColumn img {display:inline;} .removeColumn { width:20px; text-align:center;} .removeColumn img {margin-left:8px;} .basketRow .grossPrice {color:#000; font-weight:bold; font-size:11px;} .basketRow td {padding: 10px 2px 10px 2px; border-bottom:1px solid #dadada; } #deliveryMethodsLoader {width:85px; } .selected td{background-color:#fafafa; font-weight:bold;} #deliveryForm {padding:10px 5px} #deliveryPrice { font-size:10px; background:#f5f3f1; padding-right:15px !important; color:#666666; font-weight: normal;} #deliveryPrice .grossPrice { font-size:12px; color:#DA0000; font-weight: bold;} #deliveryPriceConfirm { font-size:10px; background:#f5f3f1; padding-right:15px !important; color:#666666; font-weight: normal;} #deliveryPriceConfirm .grossPrice { font-size:12px; color:#DA0000; font-weight: bold;} /* personalised messages */ .personalisedMessageTitle { padding-left: 25px; padding-bottom: 0px; text-decoration: underline; } /* gift wrapping */ #giftWrappingPrice { font-size:12px; background:#f5f3f1; padding-right:15px !important;} #giftWrappingTd { padding-bottom: 20px; padding-top: 20px; padding-left: 6px; } .giftWrappingSelect { margin-left: 7px; } .giftWrappingSelect img { top: 18px; position:relative; } .giftWrappingLabel { float:left; padding-left: 10px; } .giftWrappingOption { position:relative; clear: both;; display: block; } .giftWrappingOption img { top: 6px; position:relative; margin-left: 7px } .giftWrappingOption input { margin-left: 10px; top: -9px; position:relative; } .giftWrappingText { margin-left: 5px; top: -12px; position:relative; } .giftWrappingOption p { margin-bottom: 5px; } .giftWrappingNote { float:left; padding-left: 6px; top: 8px; position:relative; } /* checkout styles */ .addressBox {border:1px solid #e7e7e7; background:#f5f3f1; padding:5px;} .addressAddSpan {float:right; color:#2c3256; font-weight:bold; text-decoration:underline; margin:8px;} .addressBox td {padding:5px 0px 5px 0px; font-size: 11px; } #basketDiv h4 ,#basketViewDiv h4, #checkoutViewDiv h4, h4.checkoutHeader {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; border-bottom:1px solid #eeeeee; padding-bottom:3px; margin-top:5px; margin-bottom:0px;} .expectedButton {font-weight:bold; color:#222;} .bottomButtonSurround { border:solid 1px #dddddd; padding:10px 10px; } #offerCodeBox {margin-bottom:10px; font-size:11px; padding-bottom:10px;} #offerCodeBox td { font-size: 11px; } #offerCodeBox input { font-size: 11px; } #basketOfferDiv {width:270px; float:right; text-align:right; } #additionalInfoBox { background:#f5f3f1; font-size:10px;} #additionalInfoBox .padding { padding:5px 4px;} #additionalInfoBox table {} .font10 { font-size:10px;} /*googleChekout buttons styles*/ .googleCheckoutButtonBig {float:right; margin-top:-4px;} .googleCheckoutButtonSmall {margin-top:6px; margin-left:-13px;} .googleCheckoutButtonLogin {margin:10px 0 0 -10px;} /*login register screen*/ .loginBox { border:1px solid #bbbbbb; background:#f5f3f1; width:265px; height:260px; float:left; margin:0;} .loginBox h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#333333;} .loginBox label {font-weight:bold; } .loginBox .loginTitle { font-size:130%;} .loginBox .buttons .buttonSize {} .loginBox .padding { padding:20px 20px 0 20px;} .forgottenPasswordLink {} .forgottenPasswordLink a, .infomationLinks a{font-weight:normal; text-decoration:underline;} #loginBoxes { margin:30px auto; width:850px; padding-left:15px;} #loginBoxes input { font-size: 11px; } #newCustomer { margin-left:16px;} #newCustomerSurround { background:#f5f3f1 !important; border-left:solid 1px #bbbbbb; border-right:solid 1px #bbbbbb; border-bottom:solid 1px #bbbbbb; font-size:11px;} #newCustomerSurround label { display:block; float:left; width:230px;} #newCustomerSurround .padding { padding:20px; margin:0 auto;} #justCheckout { margin-left:16px;} .unregisteredLoginBoxes p { padding: 0px 0px 1.4em 0px; } #searchWishList { margin-left:16px;} #newCustomerForm p, #frmNewCustomers p { padding:0 0 10px 0; margin:0;} #newCustomerForm fieldset { border:1px solid #bbbbbb; background:#F5F3F1 none repeat scroll 0%; width:660px; display:block; margin:25px auto 30px auto; padding: 30px 20px 15px 20px; position:relative;} #newCustomerForm label { display:block; float:left; width:175px; text-align:left; padding-right:5px;} #newCustomerForm .formTitle { position:absolute; top:-31px; left:-6px; display:block; background:#ffffff; white-space:nowrap; padding:2px 5px; border: 1px solid #bbbbbb; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#333333;} .formBorderBg { border:1px solid #bbbbbb; background:#F5F3F1; width:660px; display:block; margin:25px auto 30px auto; padding: 15px 20px 15px 20px; position:relative;} .validationError input, .validationError .termsAndConditionsInputWrapper, input.validationError, textarea.validationError, .validationError textarea, select.validationError {border:1px solid #f40000;} .termsAndConditionsInputWrapper input { border:none !important;} .validationError .termsAndConditionsInputWrapper {padding:7px 7px 7px 7px; margin-top:10px;} #newCustomerForm .error, #frmForgotPassword .error {display:block; margin-left:180px;} #reviewform .error, #emailFriend .error {display:block; margin-left:150px;} #frmNewCustomers .error {display:block; margin-left:180px;} .globalError { border:1px solid #ff0000; font-weight:bold; background:#F5F3F1; width:660px; display:block; margin:25px auto 30px auto; padding: 15px 20px 15px 20px;} .globalConfirmation { border:1px solid #61BF47; font-weight:bold; background:#F5F3F1; width:660px; display:block; margin:25px auto 30px auto; padding: 15px 20px 15px 20px;} #productDetailTabs .globalError {width:auto; margin:0px 0px 10px 0px;} .checkoutBoxHeader { font-size:11px; padding:1px 2px 2px 2px !important;} .deliveryMethodPrice {font-weight:normal !important; color:#000;} .deliveryMethodPrice .grossPrice {font-weight:bold; color:#000;} #totalPriceLabel {padding:3px 8px !important; text-align:right; font-size:15px !important; color:#ffffff; font-weight:bold; float: right;} #totalPrice {color:#666666; font-size:10px; font-weight:normal; background:#e7e7e7; padding:3px 13px 3px 2px !important; text-align:right;} #totalPrice .grossPrice {font-size:15px !important; font-weight:bold !important; color:#da0000; background:#e7e7e7; padding:3px 3px 3px 2px !important; text-align:right;} #totalPriceConfirm {color:#666666; font-size:10px; font-weight:normal; background:#e7e7e7; padding:3px 13px 3px 2px !important; text-align:right;} #totalPriceConfirm .grossPrice {font-size:15px !important; font-weight:bold !important; color:#da0000; background:#e7e7e7; text-align:right;} .checkboxPosition { position:relative; top:3px;} .globalErrorContact { border:1px solid #ff0000; font-weight:bold; background:#F5F3F1; display:block; padding: 15px 20px 15px 20px;} a.basketNote {text-decoration:none !important; font-weight:normal; } a.basketNote:hover {position:relative; z-index:25; } a.basketNote span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important;} a.basketNote:hover span{display:block !important; position:absolute; padding:5px 10px 5px 0px; top:20px; left:0px; width:36em; border:1px solid #333; background: #fff; color:#000; text-decoration:none !important; z-index:100;} .basketButtons { padding-bottom:20px; } .basketButtons ul { margin: 0px; padding:0px; list-style:none; } .basketButtons li { display:inline; float:left; margin:0px;} #btnBuy { width:60px; } #bankTransferDetails td {padding:5px 0px; font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;} #bankTransferDetails .fieldName {width:120px; font-weight:bold; text-align:right; padding-right:10px; vertical-align:top;} #bankTransferDetails .fieldValue {border-bottom:1px solid #efefef; font-family:Courier;} /* ---------------------------------------------------------------------*/ /* --------------------------- 18. LYTEBOX ---------------------------- */ /* ---------------------------------------------------------------------*/ #lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; background-color: #000; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; } #lbMain a img { border: none; } #lbProductName { position: relative; background-color: #fff; width: 100%; height: 20px; margin: 0 auto;} #lbProductNameText {line-height: 2.4em; margin: auto 0; width: 100%; font-weight: bold;} #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; border: 3px solid #888;} #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 2.4em; overflow: auto; margin: 0 auto; border: 3px solid #888; border-top: none;} #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/www/Etrade/images/lytebox/loading.gif) center no-repeat; } #lbHoverNav { position: absolute; top: 25px; left: 0; height: 90%; width: 100%; z-index: 10;} #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrev { width: 49%; height: 100%; background: transparent url(/www/Etrade/images/lytebox/blank.gif) no-repeat; display: block; left: 0; bottom: 0; float: left; } #lbPrev:hover, #lbPrev:visited:hover { background: url(/www/Etrade/images/lytebox/prev_grey.gif) bottom left no-repeat; } #lbPrev.greyPl, #lbPrev.greyPl:hover, #lbPrev.greyPl:visited:hover { background: url(/www/Etrade/images/lytebox/pl/prev_grey.gif) bottom left no-repeat; } #lbNext { width: 49%; height: 100%; background: transparent url(/www/Etrade/images/lytebox/blank.gif) no-repeat; display: block; right: 0; bottom: 0; float: right; } #lbNext:hover, #lbNext:visited:hover { background: url(/www/Etrade/images/lytebox/next_grey.gif) bottom right no-repeat; } #lbNext.greyPl, #lbNext.greyPl:hover, #lbNext.greyPl:visited:hover { background: url(/www/Etrade/images/lytebox/pl/next_grey.gif) bottom right no-repeat; } #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; color: #333;} #lbPrev2_Off, #lbNext2_Off { font-weight: bold; color: #ccc;} #lbDetailsData { padding: 0 10px; color: #333;} #lbDetails { width: 60%; float: left; text-align: left; } #lbCaption { border: 1px solid white;display: block; font-weight: bold; } #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbBuyDisplay { clear:both; display: block;float: right; text-align: center; width: 100%;} #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(/www/Etrade/images/lytebox/close_grey.png) no-repeat; } #lbClose.greyPl { width: 82px; background: url(/www/Etrade/images/lytebox/pl/close_grey.png) no-repeat; } #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(/www/Etrade/images/lytebox/play_grey.png) no-repeat; } #lbPlay.greyPl { background: url(/www/Etrade/images/lytebox/pl/play_grey.png) no-repeat; } #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(/www/Etrade/images/lytebox/pause_grey.png) no-repeat; } #lbPause.greyPl { background: url(/www/Etrade/images/lytebox/pl/pause_grey.png) no-repeat; } #lbBuy { width: 64px; height: 28px; display: block; margin: 0 auto 4px auto; background: url(/www/Etrade/images/lytebox/buy.png) no-repeat; } #lbBuy.greyPl { width: 90px; height: 28px;background: url(/www/Etrade/images/lytebox/pl/buy.png) no-repeat; } /* ---------------------------------------------------------------------*/ /* ---------------------- 19. DIALOG BOX / WIDGETS -------------------- */ /* ---------------------------------------------------------------------*/ .x-window-tl .x-window-header { color: #e66b06 !important; } #basketConfirmationWidget {z-index:20000; width:222px; background:#fff; position:relative; right:236px; display: none;} /* BOX - BASKET WIDGET */ #basketConfirmationWidtegContent {border:3px solid #ff3000; background:#fff; height:80px;padding:0px 5px 5px 5px;width:185px; font-weight:bold; text-align:center;} #basketConfirmationWidgetClose {float:right; margin-top:5px; cursor:pointer;} #basketConfirmationWidget.update {display: block; background:#FF3000;} .basketConfirmationWidgetFieldset{ margin-top:10px; } #basketArrow { position:absolute; top:0; right: 0; } /* THESE MAY STILL BE NEEDED */ #sortBy { width:138px;} #limit { width:100px; } #orderByProperty { width:138px;} #numberOfProductsPerPage { width:100px;} #categoryList { width:100%; display:block;} #categoryList .categoryListSurround { display:block; width:250px; height:45px; background:#999; border:1px solid #ccc;} #categoryList .productImageSmallDiv { display:block; width:35px; margin:0px; height:35px;} #categoryList table { margin-bottom:5px; width:100%;} #paymentGateways { margin-top:25px; font-size:90%;} #paymentGateways .paymentGateway { height:70px;} #paymentGateways .paymentGatewayRadio { position:absolute; top:25px; left:15px;} #paymentGateways .paymentGatewayRadioBox { float:left; width:50px; height:80px; position:relative;} #paymentGateways .paymentGatewayImage { float:left; margin-right:15px;} #paymentGateways .payuPaymentMethods { text-align:center; } #paymentGateways .payuPaymentMethods table { margin:0 auto; } #paymentGateways .payuPaymentGateway { border-bottom:1px solid #eeeeee; padding-top:15px; } .paymentGateway { border-bottom:1px solid #eeeeee; padding-top:15px; } #currency { width:150px; float:left; height:31px; margin-top:-44px; } #currency div { margin-top:-5px;} #currency ul { list-style:none; padding:0; margin:0; width:140px; position:relative; z-index:10; float:left; } #currency a { display:block; width:158px; color:#7A7A7A; font-weight:bold; } #currency a:hover { text-decoration:none; } #currency ul li { padding:0; margin:0; width:136px; } #currency ul li ul { display:none; position:absolute; width:158px; top:25px; padding-top:0px; left:0px; background:#f5f3f1; border-bottom:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; } #currency ul li ul li a { border-bottom:1px solid #fff;} #currency ul li span { padding:4px 15px 0px 42px; } #currency ul li ul li span { padding:4px 15px 4px 42px; display:block; } #currency .uk a { background:url(/www/Etrade/images/layup/flagUK.gif) 15px 4px no-repeat; } #currency .uk a:hover { background:url(/www/Etrade/images/layup/flagUK.gif) 15px 4px no-repeat; } #currency .jap a { background:url(/www/Etrade/images/layup/flagJAP.gif) 15px 4px no-repeat; } #currency .jap a:hover { background:#bcbcbc url(/www/Etrade/images/layup/flagJAP.gif) 15px 4px no-repeat; } #currency .eu a { background:url(/www/Etrade/images/layup/flagEU.gif) 15px 4px no-repeat; } #currency .eu a:hover { background:#bcbcbc url(/www/Etrade/images/layup/flagEU.gif) 15px 4px no-repeat; } #currency .us a { background:url(/www/Etrade/images/layup/flagUS.gif) 15px 4px no-repeat; } #currency .us a:hover { background:#bcbcbc url(/www/Etrade/images/layup/flagUS.gif) 15px 4px no-repeat; } #currency .aus a { background:url(/www/Etrade/images/layup/flagAUS.gif) 15px 4px no-repeat; } #currency .aus a:hover { background:#bcbcbc url(/www/Etrade/images/layup/flagAUS.gif) 15px 4px no-repeat; } #currency .can a { background:url(/www/Etrade/images/layup/flagCAN.gif) 15px 4px no-repeat; } #currency .can a:hover { background:#bcbcbc url(/www/Etrade/images/layup/flagCAN.gif) 15px 4px no-repeat; } #currency .flagActive { background-position:15px 2px !important; height:20px; line-height:20px;} #currency .relative div { position:absolute; top:-22px; left:-1px; } #currency .absolute div { position:relative; width:150px; height:10px; top:11px; left:-1px; background-color:#fff; } #currency .shadowLeft { position:absolute; bottom:-1px; left:-9px; } #currency .shadowRight { position:absolute; bottom:-1px; right:-9px; } #currency ul { list-style:none; padding:0; margin:0; padding-top:2px; } html>body #currency ul { padding-top:4px; } #currency li { display:inline; float:left; } #productDetails { float:none !important;} #ads .paddingInner { padding:10px 10px 10px 11px; }