/********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Arial, Verdana, sans-serif; font-size:70%; color:#222222; background:url('/_images/bg/body.gif') repeat-x top left #1d5682;} p { padding-bottom:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:normal; text-decoration:none; color:#012964; text-decoration:underline;} a:focus {-moz-outline: 1px dotted #000 !important;} .fl { float:left;} .fr { float:right;} .clear { clear:both;} .skiptocontent, .relbookmark, .hidden {position:absolute; margin-left: -9999px;} #content ul, #content ol { padding:0px 0px 15px 0px;} #content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;} #content table { float:left; width:100%; margin:0px 0px 15px 0px; background:url('/_images/bg/table.gif') no-repeat 0px 0px; border-bottom:1px solid #e1e1e1;} #content table th { font-weight:bold; color:#012964; padding:10px 5px 10px 5px; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px; background:none;} #content table td { border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:4px 5px 4px 5px; background:none;} legend { display:none;} form .error { float:left; width:365px; padding:5px 9px 5px 29px; margin:0px 0px 10px 0px; border:1px solid #ff9f9f; color:#ed0000; background:url('/_images/bullets/error.gif') no-repeat 8px 4px #fff0f0;} input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;} .checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} .checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;} .accordian div { background:#fff;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size: 18px; padding:0px 0px 25px 0px; font-weight:bold; color:#fff; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} h2 { font-size: 130%; color:#012964; font-weight:bold; padding:0px 0px 10px 0px; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} h3 { font-size: 100%; color:#000; font-weight:bold; padding:0px 0px 15px 0px;} /********************************************************************/ /* Template tags */ /********************************************************************/ #breadcrumb { width:950px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 20px 0px 20px; color:#bfecfe;} #breadcrumb li { float:left; display:inline; padding:8px 0px 8px 5px;} #breadcrumb li a { padding:0px 8px 0px 0px; color:#bfecfe; font-weight:normal; text-decoration:underline; background:url('/_images/bullets/breadcrumb.gif') no-repeat 100% 55%;} #breadcrumb li a:hover, #breadcrumb li a:focus { color:#fff;} #container { width:990px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px; border:5px solid #fff; background:url('/_images/bg/bg.jpg') no-repeat 0px 0px #7bb4d4;} .home { margin-top:30px; } #homeFlash { position:absolute; top:0px; left:0px;} .overlays{ width:980px; height:auto; position:relative; z-index:9999;} .overlayscontent{ position:relative;} .toppuppy{ width:218px; height:145px; position:absolute; top:50px; left:467px;} .navball{ position:absolute; left:195px; top:360px; width:65px; height:103px;} .toprightflowers{ position:absolute; width:154px; height:121px; top:0; right:-10px;} #flowers, #flowerFoot, #flowersInternal { position:relative; float:left; width:990px;} #flowers { background:url('/_images/bg/flowers.gif') no-repeat top left;} #flowersInternal { background:url('/_images/bg/flowers-internal.gif') no-repeat 130px 592px;} #flowerFoot {padding:0px 0px 25px 0px; background:url('/_images/bg/flower-foot.gif') no-repeat bottom left;} #flowerFoot.internal { padding:0px 0px 25px 0px;} #leftcol { position:relative; float:left; width:235px; padding:20px 0px 70px 0px; background:url('/_images/bg/leftcol-assets.gif') no-repeat 0px 20px;} #leftcol .logo { float:left; display:inline; margin:0px 0px 20px 25px;} #leftcol .navStar { position:absolute; top:305px; left:25px; width:13px; height:29px;} #leftcol .navDuck { width:223px; height:57px;} #leftcol .navDuck.positioned { position:absolute; bottom:73px; left:0px;} #leftcol .navPuppy { float:left; display:inline; clear:left; width:164px; height:60px; margin:0px 0px 0px 28px;} #leftcol #nav { clear:left; float:left; width:160px; display:inline; padding:15px 5px 0px 5px; margin:0px 0px 0px 25px; background:url('/_images/bg/nav.gif') no-repeat 0px 0px;} #leftcol #nav li { float:left; width:160px; padding:0px 0px 0px 0px; background:url('/_images/bg/nav-item.gif') no-repeat 0px 0px;} #leftcol #nav li ul { float:left; width:160px; padding:0px 0px 0px 0px; } #leftcol #nav li li { width:160px; padding:0px 0px 0px 0px;} #leftcol #nav .first { background:none;} #leftcol #nav li a { float:left; display:block; width:140px; padding:4px 10px 4px 10px; overflow:hidden; text-decoration:none; font-size:11px; font-weight:bold; color:#000; text-transform:uppercase; font-style:normal; font-family:Arial, Helvetica, sans-serif;} #leftcol #nav li a:hover, #leftcol #nav li a:focus{ color:#fff; background:url('/_images/bg/nav-item-blue.gif') repeat-y 0px 0px;} #leftcol #nav li a.selected { color:#fff; background:url('/_images/bg/nav-item-dark-blue.gif') repeat-y 0px 0px;} #leftcol #nav li li a { width:130px; padding:4px 10px 4px 20px; font-size:11px; font-weight:normal; color:#000; text-transform:none; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; background:url('/_images/bullets/nav.gif') no-repeat 12px 9px;} #leftcol #nav li li a:hover, #leftcol #nav li li a:focus, #leftcol #nav li li a.selected { color:#000; background:url('/_images/bg/nav-item-grey.gif') no-repeat 0px 0px;} #topOptions { position:absolute; top:20px; left:765px; width:200px; height:200px; padding:0px 0px 0px 0px; z-index:1000; display:none;} #topOptions a.basket { float:left; display:block; width:180px; padding:6px 10px 7px 10px; margin:0px 0px 10px 0px; text-decoration:none; color:#fff; font-weight:normal; background:url('/_images/bg/top-options.gif') no-repeat bottom left;} #topOptions a.basket span { padding:0px 0px 0px 5px;} #topOptions a.basket .first { padding:0px 6px 0px 5px; background:url('/_images/bg/top-options-basket.gif') no-repeat 100% 55%;} #topOptions a:hover.basket, #topOptions a:focus.basket { text-decoration:underline;} #topOptions fieldset { float:left; width:200px;} #topOptions label { clear:left; float:left; width:85px; text-align:right; color:#fff; font-weight:normal; padding:3px 0px 0px 0px;} #topOptions .textfield { float:left; width:105px; padding:2px 0px 0px 10px; height:16px; margin:0px 0px 5px 0px; background:url('/_images/bg/top-options-field.gif') no-repeat top right;} #topOptions .textfield input { float:left; width:100px; padding:0px 0px 0px 0px; border:1px solid #fff; color:#3e80b9;} #topOptions .formbutton { float:right; display:inline; margin:5px 0px 5px 4px;} #topOptions .forgotten { float:right; clear:both; color:#fff; font-weight:normal; display:block; white-space:nowrap; padding:0px 0px 0px 8px; background:url('/_images/bullets/bullet-white.gif') no-repeat 0px 4px;} #topOptions .welcome { float:right; margin:5px 0px 15px 0px;} #topOptions .button { float:right; display:inline; margin:0px 0px 0px 4px;} #footer { width:990px; text-align:left; margin-left:auto; margin-right:auto; margin-top:10px; color:#fff;} #footer ul { float:left; width:990px; padding:0px 0px 10px 0px;} #footer li { float:left; display:inline; padding:0px 10px 0px 0px;} #footer a { color:#fff; text-decoration:underline; font-weight:normal;} #footer a:hover, #footer a:focus { color:#bfecfe;} #footer .logos li { padding:0px 35px 0px 0px;} #pageContent { float:right; display:inline; width:725px; padding:0px 0px 15px 0px; margin:0px 25px 0px 0px; background:url('/_images/bg/pageContent-foot-cream.gif') no-repeat bottom left #fff;} #content { display:inline; float:left; width:665px; padding:0px 27px 0px 27px; margin:0px 0px 0px 3px; min-height:500px; height: auto !important; height: 500px; background:url('/_images/bg/content-cream.gif') repeat-x top left #ebd9ab;} /********************************************************************/ /* Homepage tags */ /********************************************************************/ .homeCarousel { position:absolute; top:486px; left:275px; width:680px; height:110px; padding:0px 0px 0px 0px; background:url('/_images/bg/home-carousel.gif') no-repeat top left;} #homeCarousel { position:relative; float:left; width:680px; padding:0px 0px 0px 0px;} #carouselContainer { float:left; display:inline; width:588px; position:relative; overflow:hidden; padding:0px 0px 0px 0px;} #productCarousel li { position:relative; text-align:center; width:147px; height:110px; padding:0px 0px 0px 0px; background:none;} #productCarousel a { float:left; display:block; width:147px; height:110px;} #productCarousel img { float:left;} #homeCarousel #previousImage, #homeCarousel #nextImage { float:left; width:46px; height:110px; cursor:pointer; margin:0px 0px 0px 0px;} #productCarousel .starBuy { position:absolute; top:0px; right:0px; width:46px; height:46px;} .homeFeatures { float:left; width:940px; padding:0px 0px 0px 25px; background:url('/_images/bg/home-features.gif') no-repeat bottom right;} .homeFeatures .link { float:right; clear:both; color:#fff; font-weight:bold; display:block; white-space:nowrap; padding:0px 0px 0px 8px; background:url('/_images/bullets/bullet-white.gif') no-repeat 0px 4px;} .homeFeatures h2 { padding:0px 0px 5px 0px;} .homeFeatures a { font-weight:bold; text-decoration:none;} .homeFeatures a:hover, .homeFeatures a:focus { text-decoration:underline;} .homeFeatures .homeNews { float:left; width:270px; padding:10px 15px 15px 15px; color:#fff; background:url('/_images/bg/homeNews.gif') no-repeat top left;} .homeFeatures .homeBuys, .homeFeatures .homeGames { float:left; display:inline; width:290px; padding:10px 5px 10px 5px; margin:0px 0px 0px 20px; background:url('/_images/bg/homeBuys.gif') no-repeat top left;} .homeFeatures .homeGames { background:url('/_images/bg/homeGames.gif') no-repeat top left;} .homeFeatures .homeNews a { color:#fff;} .homeFeatures .homeNews h3 { float:left; width:270px; padding:20px 0px 0px 0px; text-align:right;} .homeFeatures .homeNews h3 a { display:block; cursor:pointer;} .homeFeatures .homeNews h3 span { float:left; width:220px; text-align:left;} .homeFeatures .homeNews li { float:left; width:270px; padding:0px 0px 20px 0px;} .homeFeatures .homeNews li h3 { padding:0px 0px 5px 0px;} .homeFeatures .homeNews li p { padding:0px 0px 0px 0px;} .homeFeatures .homeNews fieldset { float:left; width:240px; padding:5px 15px 15px 15px; background:url('/_images/bg/homeNews-form.gif') no-repeat bottom left #7a0005;} .homeFeatures .homeNews label { float:left; width:74px; font-weight:normal; padding:3px 0px 0px 0px;} .homeFeatures .homeNews .textfield { float:left; width:104px; padding:1px 0px 0px 4px; height:17px; margin:0px 0px 0px 0px; background:url('/_images/bg/homeNews-field.gif') no-repeat top right;} .homeFeatures .homeNews .textfield input { float:left; width:100px; padding:0px 0px 0px 0px; border:1px solid #fff; color:#7a0005;} .homeFeatures .homeNews .formbutton { float:right; display:inline; margin:0px 0px 0px 0px;} .homeFeatures .homeBuys div { float:left; width:290px; padding:0px 0px 10px 0px; background:url('/_images/bg/homeBuys-details.gif') no-repeat top left;} .homeFeatures .homeBuys ul { float:left; width:270px; padding:10px 10px 0px 10px;} .homeFeatures .homeBuys li { float:left; width:270px; padding:0px 0px 10px 0px;} .homeFeatures .homeBuys li div { float:right; width:140px; padding:0px 0px 0px 0px; background:none;} .homeFeatures .homeBuys li h3, .homeFeatures .homeBuys li p { padding:0px 0px 4px 0px;} .homeFeatures .homeBuys li .price { font-weight:bold; padding:0px 0px 10px 0px;} .homeFeatures .homeBuys li a { color:#222222;} .homeFeatures .homeBuys li .photo { float:left; width:110px; height:110px; padding:5px 5px 5px 5px; background:url('/_images/bg/photo-home.gif') no-repeat top left;} .homeFeatures .homeBuys .link { color:#222222; padding:0px 15px 0px 8px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 4px;} .homeFeatures .homeGames ul { float:left; width:280px; padding:10px 10px 10px 0px; background:url('/_images/bg/homeGames-list.gif') no-repeat 115px 0px;} .homeFeatures .homeGames li { float:left; width:280px; padding:0px 0px 15px 0px;} .homeFeatures .homeGames h3 { float:left; width:115px; padding:0px 0px 0px 0px; text-align:center;} .homeFeatures .homeGames li div { float:right; width:145px;} .homeFeatures .homeGames li div p { padding:0px 0px 5px 0px;} .homeFeatures .homeGames li div a { color:#222222; padding:0px 0px 0px 8px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 4px;} .homeFeatures .homeGames .social {float:left; width:290px; padding:0px 0px 0px 0px; background:none;} .homeFeatures .homeGames .social li { float:left; width:240px; padding:5px 25px 5px 25px;} .homeFeatures .homeGames .social img { float:left;} /********************************************************************/ /* Sortby tags */ /********************************************************************/ #content .sortby fieldset { float:right; width:200px; margin:0px 0px 0px 0px; padding:1px 0px 0px 0px;} #content .sortby label { float:left; width:50px; color:#666666; padding:3px 0px 0px 0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-style:normal;} #content .sortby select { float:left; width:115px; color:#888888; padding:1px 0px 1px 0px; font-style:normal; border:1px solid #e2e2e2; } #content .sortby .formbutton { float:right; padding:1px 0px 0px 0px;} #content ul.pagenumbers { float:left; padding:0px 0px 0px 10px; margin:0px 0px 15px 0px; background:url('/_images/bg/pagenumbers.gif') no-repeat 0px 0px #f4f4f4;} #content ul.pagenumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:none;} #content ul.pagenumbers a { color:#7a7a7a; display:block; padding:4px 8px 4px 8px; font-weight:normal; font-style:normal; text-decoration:none;} #content ul.pagenumbers a.selected, #content ul.pagenumbers a:hover { background-color:#e6e6e6;} #content ul.pagenumbers .viewall { float:left; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; background:url('/_images/bg/pagenumbers-end.gif') no-repeat top right;} #content ul.pagenumbers li.first a, ul.pagenumbers li.last a, ul.pagenumbers li.next a, ul.pagenumbers li.prev a { height:14px; width:6px; text-indent:-9999px; } #content ul.pagenumbers li.last a { background:url('/_images/buttons/page-first.gif') no-repeat 8px 8px;} #content ul.pagenumbers li.prev a { background:url('/_images/buttons/page-prev.gif') no-repeat 8px 8px;} #content ul.pagenumbers li.next a { background:url('/_images/buttons/page-next.gif') no-repeat 8px 8px;} #content ul.pagenumbers li.first a { background:url('/_images/buttons/page-last.gif') no-repeat 8px 8px;} #content ul.pagenumbers li.last a:hover { background:url('/_images/buttons/page-first.gif') no-repeat 8px 8px #e6e6e6;} #content ul.pagenumbers li.prev a:hover { background:url('/_images/buttons/page-prev.gif') no-repeat 8px 8px #e6e6e6;} #content ul.pagenumbers li.next a:hover { background:url('/_images/buttons/page-next.gif') no-repeat 8px 8px #e6e6e6;} #content ul.pagenumbers li.first a:hover { background:url('/_images/buttons/page-last.gif') no-repeat 8px 8px #e6e6e6;} /********************************************************************/ /* Product tags */ /********************************************************************/ #content .productList { float:left; width:665px; padding:0px 0px 0px 0px;} #content .categoryList { float:left; width:635px; padding:0px 0px 0px 0px;} #content .categoryList li { float:left; display:inline; width:203px; height:165px; padding:0px 0px 0px 0px; margin:0px 0px 0px 13px; text-align:center; background:url('/_images/bg/category.gif') no-repeat top left;} #content .categoryList .first { margin:0px 0px 0px 0px;} #content .categoryList a { float:left; width:185px; padding:7px 9px 3px 9px; display:block; clear:left; color:#012964; text-decoration:none; text-decoration:none; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} #content .categoryList a:hover, #content .categoryList a:focus { text-decoration:underline;} #content .categoryList img { height:110px;} #content .productList li { position:relative; float:left; width:665px; height:180px; padding:10px 0px 0px 0px; margin:0; background:url('/_images/bg/productList.gif') no-repeat top left; clear:both;} #content .productList .first { margin:0px 0px 0px 0px;} #content .productList li div { float:right; width:480px; padding:15px 15px 0px 0px; background:none;} #content .productList li h2 { float:left; padding:0px 15px 10px 15px; width:600px; font-size:100%;} #content .productList li p { padding:0px 0px 4px 0px;} #content .productList li .price { font-size:13px; font-weight:bold; padding:0px 0px 10px 0px;} #content .productList li .price span { font-size:11px; font-weight:normal; padding:0px 0px 0px 15px; background:url('/_images/bg/price-divider.gif') no-repeat 7px 2px;} #content .productList li a { color:#222222; text-decoration:none;} #content .productList a:hover, #content .productList a:focus { text-decoration:underline;} #content .productList li .photo { float:left; display:inline; width:110px; height:110px; padding:0px 0px 0px 0px; margin:5px 0px 0px 12px;} #content .productList li .starBuy { position:absolute; left:610px; top:0px; width:46px; height:46px;} #content .productList li .topSeller { position:absolute; left:270px; bottom:50px; width:58px; height:53px;} #content .productList li .new { position:absolute; left:610px; top:0px; width:52px; height:53px;} #content .productList li fieldset { position:absolute; left:145px; top:120px; width:160px;} #content .productList li label { display:inline; float:left; width:50px; padding:2px 0px 0px 0px;} #content .productList li select { display:inline; float:left; width:45px; border:1px solid #d5d5d5;} #content .productList li .more, #content .productList li .buyNow { float:left; display:inline; margin:10px 5px 0px 0px;} #content .productInfo { float:left; position:relative; width:665px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; background:url('/_images/bg/internal-bottom.gif') no-repeat bottom left #f4f4f4;} #content .productInfoTop { float:left; width:635px; padding:15px 15px 15px 15px; min-height:445px; height: auto !important; height: 445px; background:url('/_images/bg/internal-top.gif') no-repeat top left;} #content .productInfoTop2 { float:left; width:635px; padding:15px 15px 15px 15px; height: auto !important; background:url('/_images/bg/internal-top.gif') no-repeat top left;} #content .productInfo .details { float:right; width:280px; padding:15px 15px 0px 15px; min-height:280px; height: auto !important; height: 280px; background:url('/_images/bg/internal-details.gif') no-repeat top left;} #content .productInfo .details h2 { font-size:13px; padding:0px 0px 5px 0px;} #content .productInfo .details h3 { padding:0px 0px 5px 0px;} #content .productInfo .details .price { color:#689e1d; font-size:18px; font-weight:bold; padding:0px 0px 10px 0px;} #content .productInfo .details .price span { font-weight:bold; color:#222; font-size:11px; padding:0px 0px 0px 15px; background:url('/_images/bg/price-divider.gif') no-repeat 7px 2px;} #content .productInfo .details .price .stock { font-weight:normal;} #content .productInfo .details .divider { float:left; width:280px; padding:20px 0px 0px 0px; background:url('/_images/bg/productInfo-divider.gif') no-repeat 0px 0px;} #content .productInfo .details fieldset { float:left; width:280px; padding:0px 0px 20px 0px;} #content .productInfo .details label { display:inline; float:left; width:50px; padding:2px 0px 0px 0px;} #content .productInfo .details select { display:inline; float:left; width:45px; border:1px solid #d5d5d5;} #content .productInfo .details .formbutton { float:left; margin:10px 0px 0px 0px;} #content .productInfo .details .singleProduct { float:left; width:280px; padding:3px 0px 3px 0px; border-bottom:1px solid #dddddd;} #content .productInfo .details .singleProduct label { width:235px;} #content .productInfo .new { position:absolute; left:627px; top:0px; width:69px; height:71px} #content .productInfo .details .options { float:left; width:280px;} #content .productInfo .details .options li { display:inline; padding:0px 5px 0px 0px; background:none;} #content .productInfo .details .options .fr { padding:0px 0px 0px 5px;} #content .productInfo .productGallery { float:left; width:310px; height:395px; background:url('/_images/bg/product-gallery.gif') no-repeat 0px 0px;} #content .productInfo .productGallery .mainImage { position:relative; float:left; display:inline; width:280px; height:280px; margin:15px 0px 0px 15px; text-align:center;} #content .productInfo .productGallery .mainImage img { float:left;} #content .productInfo .productGallery .mainImage .zoom { float:none; position:absolute; bottom:10px; right:0px; width:44px; height:43px;} #content #productgallery { position:relative; float:left; width:290px; padding:10px 0px 0px 10px; background:url('/_images/bg/product-gallery-carousel.gif') no-repeat 0px 0px;} #content #galleryContainer { float:left; display:inline; width:240px; position:relative; overflow:hidden; padding:0px 0px 0px 0px;} #content #galleryCarousel li { position:relative; text-align:center; width:110px; height:85px; padding:0px 5px 0px 5px; background:none;} #content #productgallery #previousImage, #content #productgallery #nextImage { float:left; width:25px; height:85px; cursor:pointer;} #content #galleryCarousel span { display:none;} /********************************************************************/ /* Tool Tip tags */ /********************************************************************/ .tool-tip { color: #fff; width: 180px; z-index:9999;} .tool-title { font-weight: bold; font-size: 10px; margin: 0; padding: 20px 15px 0px 15px; background: url('/_images/bg/tooltip.png') top left !important; background: url('/_images/bg/tooltip.gif') top left; } .tool-text { font-size: 10px; padding: 5px 15px 20px 15px; background: url('/_images/bg/tooltip.png') bottom right !important; background: url('/_images/bg/tooltip.gif') bottom right; } .tool-title-rev { font-weight: bold; font-size: 10px; margin: 0; padding: 20px 15px 0px 15px; background: url('/_images/bg/tooltip-rev.png') top left !important; background: url('/_images/bg/tooltip-rev.gif') top left; } .tool-text-rev { font-size: 10px; padding: 5px 15px 20px 15px; background: url('/_images/bg/tooltip-rev.png') bottom right !important; background: url('/_images/bg/tooltip-rev.gif') bottom right; } .tool-title-flip { font-weight: bold; font-size: 10px; margin: 0; padding: 35px 15px 0px; background: url('/_images/bg/tooltip-flip.png') top left; } .tool-text-flip { font-size: 10px; padding: 5px 15px; background: url('/_images/bg/tooltip-flip.png') bottom right; } #content table.shoppingbasket, #content table.basketsummary { float:left; width:635px; margin:0px 0px 0px 0px; border:none; background:url('/_images/bg/table.gif') no-repeat 0px 0px;} #content table.shoppingbasket th, #content table.shoppingbasket td, #content table.basketsummary th, #content table.basketsummary td { background:none; vertical-align:middle; border:none;} #content table.shoppingbasket th { font-weight:bold; color:#012964; padding:10px 0px 10px 10px; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} #content table.shoppingbasket td { padding:4px 0px 4px 10px; border-bottom:1px solid #dfdfdf;} #content table.basketsummary th { font-weight:bold; color:#012964; padding:10px 0px 10px 10px; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} #content table.basketsummary td { padding:4px 0px 4px 10px; border-bottom:1px solid #dfdfdf;} #content table.shoppingbasket td label, #content table.basketsummary td label { font-weight:bold; position:absolute; margin-left:-9999px;} #content table.shoppingbasket .textfield, #content table.basketsummary .textfield { width:44px; color:#222222; text-align:center; border:1px solid #dfdfdf; padding:1px 2px 1px 2px; margin:0px 0px 0px 0px; font-size:11px; font-family:Arial, Tahoma, Verdana, sans-serif;} #content table.shoppingbasket .code, #content table.basketsummary .code { width:65px;} #content table.shoppingbasket .remove { width:60px;} #content table.shoppingbasket .producttitle { width:310px;} #content table.basketsummary .producttitle { width:420px;} #content table.shoppingbasket .hidden { position:absolute; margin-left: -9999px;} #content table.shoppingbasket .quantity, table.basketsummary .quantity { width:50px;} #content table.shoppingbasket .price, table.basketsummary .price { width:50px;} #content table.shoppingbasket col.al, #content table.shoppingbasket .al, #content table.basketsummary col.al, #content table.basketsummary .al { text-align:left;} #content table.shoppingbasket col.ac, #content table.shoppingbasket .ac, #content table.basketsummary col.ac, #content table.basketsummary .ac { text-align:center;} #content table.shoppingbasket th:first-child, #content table.shoppingbasket td:first-child { text-align:center;} #content table.shoppingbasket th+th, #content table.shoppingbasket td+td, #content table.basketsummary th:first-child, #content table.basketsummary td:first-child { text-align:left;} #content table.shoppingbasket th+th+th, #content table.shoppingbasket td+td+td, #content table.basketsummary th+th, #content table.basketsummary td+td { text-align:center;} .totals { float:right; width:158px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#fff; margin:0px 0px 25px 0px;} .totals dt { float:left; width:80px; padding:7px 0px 7px 10px; background:#f4f4f4; border-bottom:1px solid #dfdfdf;} .totals dd { float:left; width:68px; padding:7px 0px 7px 0px; font-weight:bold; text-align:center; border-bottom:1px solid #dfdfdf;} .update { float:right; display:inline; padding:5px 5px 5px 5px; background:#fff; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;} ul#basketlist { float:left; width:655px; padding:0px 0px 15px 0px;} ul#basketlist li { display:inline; float:left;} #content .pageOptions { float:left; width:100%; padding:25px 0px 0px 0px; background:url('/_images/bg/divider.gif') no-repeat 0px 10px;} #content .pageOptions li { display:inline; padding:0px 10px 0px 0px; background:none;} #content .pageOptions .fr { padding:0px 0px 0px 10px;} .loginForm, .registerPod { float:left; width:305px; padding:12px 0px 0px 0px; background:url('/_images/bg/2col.gif') no-repeat 0px 0px;} .registerPod { float:right;} .loginForm .foot, .registerPod .foot { float:left; width:305px; height:10px; background:url('/_images/bg/2col.gif') no-repeat left bottom;} .loginForm h2, .registerPod h2 { font-size:11px; padding:0px 0px 15px 0px;} .loginForm fieldset { float:left; width:275px; padding:0px 15px 15px 15px} .loginForm label { float:left; width:120px; padding:3px 0px 0px 0px;} .loginForm .textfield { float:left; width:145px; border:1px solid #dfdfdf; padding:1px 4px 1px 4px; margin:0px 0px 10px 0px;} .loginForm .formbutton { float:right;} .registerPod h2, .registerPod p { padding:0px 15px 15px 15px;} .registerPod .formbutton { float:right; display:inline; margin:0px 15px 10px 0px;} #content #basket-process, #content .addressbook { float:left; width:635px; padding:0px 0px 0px 0px;} #content #basket-process li { float:left; display:inline; width:123px; text-align:center; padding:6px 0px 26px 0px; margin:0px 0px 0px 5px; list-style:none; background:url('/_images/bg/basket-process.gif') no-repeat left top;} #content #basket-process .selected { font-weight:bold; background:url('/_images/bg/basket-process-selected.gif') no-repeat left top;} #content #basket-process .first { margin:0px 0px 0px 0px;} #content #basket-process a { color:#222; font-weight:normal; text-decoration:underline;} #content .addressbook li { float:left; display:inline; width:305px; padding:10px 0px 0px 0px; margin:0px 0px 25px 25px; background:url('/_images/bg/2col.gif') no-repeat 0px 0px;} #content .addressbook .first { margin:0px 0px 0px 0px;} #content .addressbook dl { float:left; display:inline; width:275px; padding:0px 15px 10px 15px; background:url('/_images/bg/2col.gif') no-repeat bottom left;} #content .addressbook dt { clear:left; float:left; width:100px; padding:0px 0px 5px 0px;} #content .addressbook dd { float:left; width:175px; padding:0px 0px 5px 0px;} #content .addressbook h3 { padding:2px 15px 15px 15px; color:#012964; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} #content .addressbook img { float:right; display:inline; margin:0px 15px 0px 0px;} #content .orderHistory { text-align:center;} #content .orderHistory th { width:25%;} #content .orderHistory td { border-right:none;} /********************************************************************/ /* Contact Us tags */ /********************************************************************/ .contact fieldset { float:left; width:405px; padding:15px 115px 15px 115px; background:url('/_images/bg/contact.gif') no-repeat 0px 0px;} .contact fieldset fieldset { float:left; width:405px; padding:0px 0px 0px 0px; background:none;} .contact .foot { float:left; width:635px; height:10px; margin:0px 0px 15px 0px; background:url('/_images/bg/contact.gif') no-repeat bottom left;} .contact label { float:left; width:200px; padding:3px 0px 0px 0px;} .contact .textfield, .contact .shorttextfield, .contact select, .contact textarea { float:left; width:195px; color:#888888; padding:2px 4px 2px 4px; margin:0px 0px 10px 0px; border:1px solid #e2e2e2;} .contact .shorttextfield { width:140px;} .contact select { width:205px; padding:0px 0px 0px 0px; line-height:18px;} .contact textarea { height:80px; overflow:auto;} .contact .formbutton, .contact .findbutton { float:right;} .contact .formbuttonleft, .contact .findbuttonleft { float:left;} .contact.singleLine fieldset { padding:20px 115px 10px 115px;} .contact .selectOptions, .contact .shortSelectOptions { float:left; width:405px; padding:0px 0px 10px 0px;} .contact.singleLine input, .contact .selectOptions input, .contact .shortSelectOptions input { float:left; margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;} .contact.singleLine label, .contact .selectOptions label, .contact .shortSelectOptions label { float:right; width:380px; padding:0px 0px 0px 0px;} .contact .shortSelectOptions { padding:10px 0px 10px 0px; border-top:1px solid #e2e2e2;} .contact .shortSelectOptions.first { margin:15px 0px 0px 0px;} .contact .shortSelectOptions h3 { padding:0px 0px 5px 0px; font-weight:normal;} .contact .shortSelectOptions label { float:left; width:70px; padding:0px 0px 0px 10px;} /********************************************************************/ /* Module tags */ /********************************************************************/ #content .moduleList { float:left; width:635px; padding:0px 0px 0px 0px;} #content .moduleList li { float:left; width:635px; padding:0px 0px 0px 0px; background:none;} #content .moduleList a { text-decoration:none;} #content .moduleList a:hover, #content .moduleList a:focus { text-decoration:underline;} #content .moduleList.news li { width:600px; padding:17px 0px 10px 35px; background:url('/_images/bg/news.gif') no-repeat 0px 0px;} #content .moduleList.news .first { background:url('/_images/bg/news-first.gif') no-repeat 0px 0px;} #content .moduleList.news h2 { font-size:11px; padding:0px 0px 5px 0px;} #content .moduleList.news h2 a span { padding:0px 0px 0px 10px; font-weight:normal; font-family:Arial, Verdana, sans-serif;} .hentry p.date { padding:0px 0px 25px 35px; font-size:130%; color:#012964; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px; background:url('/_images/bg/news-article.gif') no-repeat 0px 0px;} .embedVideo { float:left; width:425px; height:344px; padding:17px 105px 40px 105px; background:url('/_images/bg/embedVideo.jpg') no-repeat 0px 0px; z-index:0; } .videoDescription { float:left; width:605px; padding:14px 14px 14px 14px; margin:0px 0px 15px 0px; border:1px solid #e2e2e2; background:#ebebeb; z-index:9999;} .gameLink { margin:0px 0px 20px 0px;} #content .sitemap { float:left; width:635px; padding:0px 0px 0px 0px;} #content .sitemap li { float:left; width:620px; padding:15px 0px 15px 15px; background:url('/_images/bg/divider.gif') no-repeat 0px 0px;} #content .sitemap .first { background:none;} #content .sitemap li ul { float:left; width:605px; padding:10px 0px 5px 15px;} #content .sitemap li li { width:605px; padding:0px 0px 5px 0px; background:none;} #content .sitemap li a { text-transform:uppercase; text-decoration:none; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:-1px;} #content .sitemap li li a { padding:0px 0px 0px 8px; text-transform:none; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 4px;} #content .sitemap a:hover, #content .sitemap a:focus { text-decoration:underline;} #tile{ width:770px; height:450px; overflow:hidden;} #pairs{ width:770px; height:450px; overflow:hidden;} .GalleryMainImg { float:left; width:635px; height:344px; padding:17px 0 40px 0; background:url('/_images/bg/embedVideo.jpg') no-repeat 0px 0px; text-align:center; } .GalleryMainImg .image{ height:305px; position:relative;} .GalleryMainImg p.artist { padding:16px 0 0 0; font-weight:bold; font-size:13px; color:#012964;} .GalleryMainImg img.zoom { position:absolute; bottom:0; right:110px; width:44px; height:43px; z-index:9999;} .winning{ width:123px; height:87px; position:absolute;} #content .productInfoTop2 .GalleryThumbs{ float:left; width:630px; list-style:none; display:inline; margin:5px 0 0 2px;} #content .productInfoTop2 .GalleryThumbs li{ display:inline; width:82px; height:82px; background:#ebd9ab; float:left; margin:0 0 20px 16px; padding:0; border:2px solid #157bbd; font-size:0;} #content .productInfoTop img.upload{ float:left; margin:10px 0px 20px 0px; display:inline;} p.competitionGallery { padding:0;} #content ul.comps{ width:600px; float:left; display:inline; margin:0; padding:0;} #content ul.comps li{ background:none; margin:0 0 20px 0; padding:0; float:left;} #content ul.comps li span.image{ float:left; width:120px; margin:0 20px 0 0; height:120px; background:#333333; } #content ul.comps li img.enter{ float:right; clear:both;} /********************************************************************/ /* Pods */ /********************************************************************/ ul.pods { float:left; width:170px; margin:-55px 0 0 25px; display:inline;} ul.pods li { float:left; width:170px; padding:0 0 15px 0;} ul.pods li img, ul.pods li a { float:left;} /********************************************************************/ /* Golden Bone */ /********************************************************************/ .bone1, .bone2, .bone3, .bone4, .bone5 { width:45px; height:34px; position:absolute; top:100px; left:945px; z-index:9999;} .bone2 { width:31px; height:33px; top:102px; left:685px;} .bone3 { width:31px; height:29px; top:540px; left:209px;} .bone4 { width:36px; height:30px; top:0px; left:-4px;} .bone5 { width:31px; height:33px; top:102px; left:78px;} .bone1 a, .bone2 a, .bone3 a, .bone4 a, .bone5 a{ display:block;}