/********************************************************************/ /* 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:#666666; background:url('/_images/bg/bg.gif') repeat-x 0px 0px #fff;} p { padding-bottom:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:bold; text-decoration:none; color:#0059a1;} a:hover, a:focus {text-decoration:underline; color:#d9001e;} a:focus {-moz-outline: 1px dotted #000 !important;} .fl { float:left;} .fr { float:right;} .clear { clear:both;} .skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;} #content ul, #content ol { padding:0px 0px 15px 0px;} #content li { padding:1px 0px 8px 24px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 0px;} #content form li{ background:none; padding:0; list-style:none;} #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; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;} #content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;} #content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;} #content table td { border-top:1px solid #e1e1e1;} legend { display:none;} .fielderror { float:left; width:auto; padding:5px 10px 5px 30px; margin:0px 0px 20px 0px; border:1px solid #ff9f9f; color:#ed0000; background:url('/_images/bullets/error.gif') no-repeat 8px 4px #fff0f0;} .alert, .infoalert { float:left; width:auto; padding:5px 5px 5px 7px; margin:0px 0px 20px 0px; border:1px solid #469638; color:#469638; background:#edf6eb;} .infoalert { width:669px; border:1px solid #00457D; background:url(/_images/bg/infoalert.gif) top left no-repeat #0159a0; color:#fff; padding-left:34px;} 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;} form .error { padding:3px 10px 10px 28px; margin:0px 0px 0px 0px; font-weight:bold; background:url(/_images/bullets/error.gif) 4px 3px no-repeat; color:#CB0B0B;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { float:left; font-size:200%; width:520px; color:#0059a1; font-weight:bold; padding:0px 0px 0px 30px; text-transform:uppercase; letter-spacing:-1px;} h2 { font-size: 140%; color:#0059a1; font-weight:bold; padding:0px 0px 15px 0px;} h3 { font-size: 100%; color:#0059a1; font-weight:bold; padding:0px 0px 15px 0px;} /********************************************************************/ /* Template tags */ /********************************************************************/ #container { width:980px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px; background:url('/_images/bg/container.gif') repeat-y top right;} #containerFoot { float:left; width:980px; background:url('/_images/bg/containerFoot.gif') no-repeat bottom right;} #pageContent { float:right; width:770px; background:url('/_images/bg/pageContent.gif') no-repeat top right;} #content, #homecontent { float:right; display:inline; width:710px; padding:20px 20px 10px 20px; margin:10px 10px 20px 0px; min-height:400px; height: auto !important; height: 400px; background:url('/_images/bg/content.gif') no-repeat top left #fff;} #content.s404{} #content.s404 h2{ padding:20px 0px 15px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat top left; margin:15px 0px 0px 0px;} #content.s404 p.first{ padding:0; font-weight:bold;} #homecontent { width:730px; padding:0px 10px 0px 10px;} #footer, #footerlogos { float:left; width:980px; background:#fff; color:#8c8c8c;} #footer { padding:10px 0px 10px 0px;} #footerlogos { padding:0px 0px 20px 0px;} #footer li, #footerlogos li { float:left; display:inline; padding:0px 15px 0px 0px;} #footer .redant { float:right; padding:0px 0px 0px 15px;} #footer a { font-weight:normal; color:#8c8c8c;} #breadcrumb {float:left; width:710px; padding:10px 30px 5px 30px; margin:0px 0px 0px 0px; color:#0059a1;} #breadcrumb li { float:left; display:inline; padding:0px 9px 0px 0px;} #breadcrumb a, #breadcrumb span { padding:0px 0px 0px 10px; font-weight:normal; color:#0059a1; background:url("/_images/bullets/breadcrumb.gif") repeat-y top left;} #breadcrumb a.first { background:none; padding:0;} #content .pageOptions { float:left; width:710px; margin:15px 0px 0px 0px; padding:15px 0px 15px 0px; border-top:2px solid #e2e2e2;} #content .pageOptions li { display:inline; background:none;} #content .pageOptions .fl { padding:0px 15px 0px 0px;} #content .pageOptions .fr { padding:0px 0px 0px 15px;} /********************************************************************/ /* Pageing tags */ /********************************************************************/ #content .sortby { position:relative; float:left; display:inline; width:710px; margin:0px 0px 0px 0px; padding:30px 0px 20px 0px; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content .sortby form, #content .sortby fieldset { float:right; width:245px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #content .sortby label { float:left; width:95px; color:#666666; padding:5px 0px 0px 0px; font-weight:bold; text-transform:uppercase; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-style:normal; line-height:1em;} #content .sortby select { float:left; width:120px; 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 .sortby fieldset.noButton {width: 220px;} #content .viewall { float:right; display:inline; margin:0px 0px 0px 20px;} .resultsreturned { color:#0059a1; font-size:13px; padding:5px 0px 0px 0px;} #content ul.pagenumbers { float:left; width:280px; padding:0px 0px 15px 0px; margin:0px 0px 0px 0px;} #content .sortby ul.pagenumbers { padding:0px 0px 0px 0px;} #content ul.pagenumbers li { float:left; display:inline; padding:0px 0px 0px 3px; margin:0px 0px 0px 0px; background:none;} #content ul.pagenumbers a { color:#0059a1; display:block; padding:2px 6px 2px 6px; font-weight:normal; font-style:normal; border:1px solid #d3d3d3; background:url('/_images/bg/pageNumbers.gif') repeat-x bottom center;} #content ul.pagenumbers a:hover { text-decoration:none; border:1px solid #d40215;} #content ul.pagenumbers a.selected { background:#d40215; border:1px solid #c00012; color:#fff;} #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.first a { background:url('/_images/buttons/page-last.gif') no-repeat 0px 0px;} #content ul.pagenumbers li.last a { background:url('/_images/buttons/page-first.gif') no-repeat 0px 0px;} #content ul.pagenumbers li.next a { background:url('/_images/buttons/page-next.gif') no-repeat 0px 0px;} #content ul.pagenumbers li.prev a { background:url('/_images/buttons/page-prev.gif') no-repeat 0px 0px;} /* #content ul.pagenumbers { float:left; width:210px; padding:0px 0px 15px 0px; margin:0px 0px 0px 0px;} #content .sortby ul.pagenumbers { padding:0px 0px 0px 0px;} #content ul.pagenumbers li { float:left; display:inline; padding:0px 0px 0px 8px; margin:0px 0px 0px 0px; background:none;} #content ul.pagenumbers a { color:#0059a1; display:block; padding:0px 0px 0px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-style:normal;} #content ul.pagenumbers a:hover { text-decoration:none; color:#c00012;} #content ul.pagenumbers a.selected { text-decoration:underline;} #content ul.pagenumbers li.first a, ul.pagenumbers li.last a, ul.pagenumbers li.next a, ul.pagenumbers li.prev a { height:17px; width:17px; text-indent:-9999px; } #content ul.pagenumbers li.first a { background:url('/_images/buttons/page-last.gif') top left no-repeat;} #content ul.pagenumbers li.last a { background:url('/_images/buttons/page-first.gif') top left no-repeat;} #content ul.pagenumbers li.next a { background:url('/_images/buttons/page-next.gif') top left no-repeat;} #content ul.pagenumbers li.prev a { background:url('/_images/buttons/page-prev.gif') top left no-repeat;} #content ul.pagenumbers li.first a:hover { background:url('/_images/buttons/hover/page-last.gif') top left no-repeat;} #content ul.pagenumbers li.last a:hover { background:url('/_images/buttons/hover/page-first.gif') top left no-repeat;} #content ul.pagenumbers li.next a:hover { background:url('/_images/buttons/hover/page-next.gif') top left no-repeat;} #content ul.pagenumbers li.prev a:hover { background:url('/_images/buttons/hover/page-prev.gif') top left no-repeat;} */ /********************************************************************/ /* Masthead tags */ /********************************************************************/ #masthead { float:left; width:980px; height:115px; background:url('/_images/bg/masthead.gif') no-repeat top left;} #masthead .logo { float:left; margin:15px 0px 0px 25px; display:inline;} /* Original Nav With Drop Down #mastheadnav { float:right; width:696px; height:96px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #mastheadnav li { float:left; display:inline; overflow:hidden; padding:0px 0px 0px 0px;} #mastheadnav li a { color:#fff; width:116px; height:26px; padding:70px 0px 0px 0px; display:block; text-align:center; color:#0059a1; text-decoration:none; font-size:14px; letter-spacing:-1px;} #mastheadnav li ul { z-index:200; position:absolute; padding:0px 0px 14px 0px; margin:0px 0px 0px 0px; left:-999em; background:url('/_images/nav/bg.png') no-repeat bottom left !important; background:url('/_images/nav/bg.gif') no-repeat bottom left;} #mastheadnav li li { display:inherit; float:left; clear:left; width:232px; background:none; padding:0px 0px 0px 0px; border-top:1px solid #ebebeb;} #mastheadnav li li a { display:block; width:212px; height:auto; padding:4px 10px 4px 10px; text-align:left; font-size:11px; letter-spacing:0px; background:#e2e2e2;} #mastheadnav li .first { border-top:none;} #mastheadnav li li a:hover {background-color:#d6d6d6;} #mastheadnav li:hover ul, #mastheadnav li.sfhover ul { left:auto;} #mastheadnav li .category { position:absolute; width:116px; top:-96px; left:0px; border-top:none;} #mastheadnav li .category a { color:#fff; width:116px; height:26px; padding:70px 0px 0px 0px; display:block; text-align:center; color:#0059a1; text-decoration:none; font-size:14px; letter-spacing:-1px;} #mastheadnav .aircraft { background:url('/_images/nav/off/aircraft.gif') no-repeat top left;} #mastheadnav .road { background:url('/_images/nav/off/road.gif') no-repeat top left;} #mastheadnav .cars { background:url('/_images/nav/off/cars.gif') no-repeat top left;} #mastheadnav .buses { background:url('/_images/nav/off/buses.gif') no-repeat top left;} #mastheadnav .toys { background:url('/_images/nav/off/toys.gif') no-repeat top left;} #mastheadnav .film { background:url('/_images/nav/off/film.gif') no-repeat top left;} #mastheadnav .aircraft .category a { background:url('/_images/nav/on/aircraft.gif') no-repeat top left;} #mastheadnav .road .category a { background:url('/_images/nav/on/road.gif') no-repeat top left;} #mastheadnav .cars .category a { background:url('/_images/nav/on/cars.gif') no-repeat top left;} #mastheadnav .buses .category a { background:url('/_images/nav/on/buses.gif') no-repeat top left;} #mastheadnav .toys .category a { background:url('/_images/nav/on/toys.gif') no-repeat top left;} #mastheadnav .film .category a { background:url('/_images/nav/on/film.gif') no-repeat top left;} #mastheadnav .toys .first a, #mastheadnav .film .first a { background:url('/_images/nav/first.gif') no-repeat top right #e2e2e2;} #mastheadnav .toys .first a:hover, #mastheadnav .film .first a:hover { background:url('/_images/nav/first.gif') no-repeat top right #d6d6d6;} */ #mastheadnav { float:right; width:696px; height:96px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #mastheadnav li { float:left; display:inline; overflow:hidden; padding:0px 0px 0px 0px;} #mastheadnav li a { color:#fff; width:116px; height:26px; padding:70px 0px 0px 0px; display:block; text-align:center; color:#0059a1; text-indent:-9999px; text-decoration:none; font-size:14px; letter-spacing:-1px;} #mastheadnav .aircraft { background:url('/_images/nav/on/aircraft.gif') no-repeat top left;} #mastheadnav .road { background:url('/_images/nav/on/road.gif') no-repeat top left;} #mastheadnav .cars { background:url('/_images/nav/on/cars.gif') no-repeat top left;} #mastheadnav .buses { background:url('/_images/nav/on/buses.gif') no-repeat top left;} #mastheadnav .toys { background:url('/_images/nav/on/toys.gif') no-repeat top left;} #mastheadnav .film { background:url('/_images/nav/on/film.gif') no-repeat top left;} #mastheadnav .aircraft a { background:url('/_images/nav/off/aircraft.gif') no-repeat top left;} #mastheadnav .road a { background:url('/_images/nav/off/road.gif') no-repeat top left;} #mastheadnav .cars a { background:url('/_images/nav/off/cars.gif') no-repeat top left;} #mastheadnav .buses a { background:url('/_images/nav/off/buses.gif') no-repeat top left;} #mastheadnav .toys a { background:url('/_images/nav/off/toys.gif') no-repeat top left;} #mastheadnav .film a { background:url('/_images/nav/off/film.gif') no-repeat top left;} #mastheadnav .aircraft .selected { background:url('/_images/nav/on/aircraft.gif') no-repeat top left;} #mastheadnav .road .selected { background:url('/_images/nav/on/road.gif') no-repeat top left;} #mastheadnav .cars .selected { background:url('/_images/nav/on/cars.gif') no-repeat top left;} #mastheadnav .buses .selected { background:url('/_images/nav/on/buses.gif') no-repeat top left;} #mastheadnav .toys .selected { background:url('/_images/nav/on/toys.gif') no-repeat top left;} #mastheadnav .film .selected { background:url('/_images/nav/on/film.gif') no-repeat top left;} #masthead .memberlinks { float:left; clear:left; padding:11px 0px 0px 25px; width:250px; font-size:12px;} #masthead .memberlinks li { float:left; display:inline; padding:0px 20px 0px 21px; white-space:nowrap; background:url('/_images/bg/dotted-red-vert.gif') repeat-y top left;} #masthead .memberlinks.loggedin li { padding:0px 16px 0px 16px;} #masthead .memberlinks .first { padding:0px 20px 0px 0px; background:none;} #masthead .memberlinks.loggedin .first { padding:0px 16px 0px 0px;} #masthead .memberlinks a { float:left; font-weight:normal; color:#b40107;} /********************************************************************/ /* Left Col tags */ /********************************************************************/ #leftcol { float:left; width:200px; color:#fff;} #leftcol h2 { font-weight:bold; color:#fff; font-size:13px; letter-spacing:-1px;} #leftcol .sitesearch fieldset { float:left; width:178px; height:63px; padding:6px 7px 0px 15px; margin:0px 0px 10px 0px; background:url('/_images/bg/sitesearch.gif') no-repeat top left;} #leftcol .sitesearch label { float:left; width:175px; font-weight:bold; color:#fff; font-size:13px; letter-spacing:-1px; margin:0px 0px 13px 0px;} #leftcol .sitesearch .volatile { float:left; width:132px; color:#858585; border:1px solid #fff; padding:0px 0px 0px 3px; margin:6px 0px 0px 0px;} #leftcol .sitesearch .formbutton { float:right; display:inline;} #leftcol .pod { float:right; width:195px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; background:url('/_images/bg/pod-foot.gif') no-repeat bottom left #0058a0;} #leftcol .pod #minibasket { float:left; width:180px; padding:8px 7px 8px 8px; background:url('/_images/bg/pod-top.gif') no-repeat top left;} #leftcol #minibasket h2 { float:left; width:75px; padding:0px 0px 5px 0px;} #leftcol #minibasket ul.items { float:right; width:105px; padding:0px 0px 10px 0px; font-size:1em;} #leftcol #minibasket ul.items li { float:right; display:inline; color:#fff; padding:0px 0px 0px 7px;} #leftcol #minibasket ul.items .first { padding:0px 0px 0px 0px; background:none;} #leftcol #minibasket #viewMiniBasket { float:left; margin:0px 0px 8px 0px;} #leftcol #minibasket ul.minioptions { float:left; width:180px; padding:0px 0px 0px 0px;} #leftcol #minibasket ul.minioptions li { float:left; display:inline; padding:0px 0px 0px 5px;} #leftcol #minibasket ul.minioptions .first { padding:0px 0px 0px 0px;} #leftcol .removefrombasket { background:url(/_images/buttons/minibin.gif) top left no-repeat; float:left; width:11px; height:15px; text-indent:-9999px;} #leftcol a:hover.removefrombasket { background:url(/_images/buttons/minibinhover.gif) top left no-repeat;} #leftcol a { color:#fff; text-decoration:none;} #leftcol a:hover { color:#ffdd00;} #leftcol #minibasket form { float:left; width:180px; padding:0px 0px 5px 0px;} #leftcol #minibasket form h3 { color:#fff;} #leftcol #minibasket fieldset { width:180px; padding:10px 0px 10px 0px; background:url('/_images/bg/leftcol-divider.gif') repeat-x bottom left;} #leftcol #minibasket fieldset ul { float:left; width:180px; padding:0px 0px 0px 0px;} #leftcol #minibasket fieldset li { float:left; display:inline; padding:0px 0px 0px 0px;} #leftcol #minibasket fieldset .first { width:16px; padding:0px 0px 0px 0px;} #leftcol #minibasket fieldset label { float:left; width:60px; padding:2px 0px 0px 0px;} #leftcol #minibasket fieldset .textfield { float:left; width:25px; height:15px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; border:none; background:none;} #leftcol #minibasket fieldset .price { float:right; width:50px; text-align:right; padding:3px 0px 0px 0px;} #leftcol #minibasket .updatebasket { background:none; text-align:right; padding:0px 0px 3px 0px;} #leftcol #minibasket .updatebasket .updatebutton { float:right; margin:0px 0px 10px 0px;} #leftcol #minibasket .updatebasket .formbutton { float:right;} #leftcol #minibasket .updatebasket {display:inline; float:left; margin:5px 5px 0 0;} #leftcol #minibasket .fullbasket { display:inline; float:right; margin:5px 0px 0px 0px;} #leftcol #minibasket .updatebasket img, #leftcol #minibasket .fullbasket img { float:left; width:86px; height:22px; padding:0;} #leftcol .pod #miniBasketContent p { float:left; padding:4px 0px 11px 0px; margin:0px 0px 0px 0px; /*background:transparent url(/_images/general/bg-nav-item.gif) no-repeat center bottom;*/} #leftcol .pod #miniBasketContent p.band { padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; background:none; float: none;} #leftcol .pod #miniBasketContent p.viewpandp { padding:4px 0px 0px 18px; margin:0px 0px 0px 0px; background:url('/_images/buttons/minicorgi.gif') no-repeat 0px 5px;} #leftcol .pod #miniBasketContent p a { font-weight:normal;} #leftcol .pod #miniBasketContent p a:hover { text-decoration:underline;} #leftcol #nav { float:right; width:195px; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; background:url('/_images/bg/pod-foot.gif') no-repeat bottom left #0058a0;} #leftcol #nav li { float:left; width:189px; padding:0px 3px 0px 3px; background:url('/_images/bg/leftcol-divider.gif') repeat-x top left;} #leftcol #nav li ul { float:left; width:170px; padding:10px 0px 5px 19px; background:url('/_images/bg/leftcol-divider.gif') repeat-x top left;} #leftcol #nav li li { float:left; width:170px; padding:0px 0px 5px 0px; background:none;} #leftcol #nav .first { padding:7px 3px 0px 3px; background:url('/_images/bg/pod-top.gif') no-repeat top left;} #leftcol #nav li a { float:left; width:175px; padding:4px 7px 4px 7px; background:none;} #leftcol #nav li a.selected { color:#ffdd00;} #leftcol #nav li li a { width:163px; padding:0px 0px 0px 7px; font-weight:normal; background:url('/_images/bullets/leftcol-nav.gif') no-repeat 0px 5px;} #leftcol .newsletter fieldset { float:left; width:195px; padding:0px 0px 0px 0px; margin:0px 0px 8px 0px; background:url('/_images/bg/newsletter.gif') no-repeat bottom center;} #leftcol .newsletter h2 { float:left; width:175px; padding:7px 10px 0px 10px; height:28px; background:url('/_images/bg/newsletter-top.gif') no-repeat top left;} #leftcol .newsletter p { padding:0px 10px 10px 10px;} #leftcol .newsletter label { position:absolute; margin-left:-9999px;} #leftcol .newsletter .volatile { float:left; width:130px; color:#858585; border:1px solid #fff; padding:0px 0px 0px 0px; margin:6px 0px 0px 12px;} #leftcol .newsletter .formbutton { float:right; display:inline; margin:0px 8px 0px 0px;} #leftcol ul.podcolumn { float:left; width:200px;} #leftcol ul.podcolumn li { float:left; width:200px; margin:10px 0px 0px 0px;} #leftcol ul.podcolumn .first { margin:0px 0px 0px 0px;} #leftcol ul.podcolumn img { float:right;} /********************************************************************/ /* Homepage tags */ /********************************************************************/ #slideshow { z-index:0; float:left; position:relative; overflow:hidden; width:762px; height:188px; margin:0px 0px 0px 0px; padding:4px 4px 0px 4px; background:url('/_images/homepage/banners/bg-tabs.gif') no-repeat top left #0059a1;} #slideshow img { position:absolute; left:4px; top:12px; float:none;} #slideshow .toggle { position: absolute; right:10px; bottom: 6px; z-index: 1000; height:26px; width:26px; text-indent:-9999px; outline:none !important; } #slideshow .pause { background:url(/_images/buttons/media/pause.png) 0px 0px no-repeat !important; background:url(/_images/buttons/media/pause.gif) 0px 0px no-repeat; } #slideshow .play { background:url(/_images/buttons/media/play.png) 0px 0px no-repeat !important; background:url(/_images/buttons/media/play.gif) 0px 0px no-repeat; } #slideshow .bottomLeft, #slideshow .bottomRight { position:absolute; bottom:0px; width:3px; height:3px;} #slideshow .bottomLeft { left:4px; background:url('/_images/homepage/banners/banner-foot.gif') no-repeat bottom left;} #slideshow .bottomRight { right:4px; background:url('/_images/homepage/banners/banner-foot.gif') no-repeat bottom right;} #slideshow ul { position:absolute; width:762px; left:4px; top:4px; padding:0px 0px 0px 0px;} #slideshow li { float:left; display:inline; height:8px; padding:0px 0px 0px 0px; background:#aac4da; cursor:pointer; border-left:2px solid #0059a1;} #slideshow li.selected { background-color:#fff;} #slideshow .first { border:none; background:url('/_images/homepage/banners/left-off.gif') no-repeat top left;} #slideshow .last { background:url('/_images/homepage/banners/right-off.gif') no-repeat top right;} #slideshow .ten li { width:74px;} #slideshow .ten .first { width:78px;} #slideshow .nine li { width:83px;} #slideshow .nine .first { width:82px;} #slideshow .eight li { width:93px;} #slideshow .eight .first { width:97px;} #slideshow .seven li { width:107px;} #slideshow .seven .first { width:108px;} #slideshow .six li { width:125px;} #slideshow .six .first { width:127px;} #slideshow .five li { width:151px;} #slideshow .five .first { width:150px;} #slideshow .four li { width:189px;} #slideshow .four .first { width:189px;} #slideshow .three li { width:253px;} #slideshow .three .first { width:252px;} #slideshow .two li { width:380px;} #slideshow .two .first { width:380px;} #homepagecarousel { position:relative; float:right; width:762px; height:170px; padding:0px 4px 0px 4px; margin:0px 0px 0px 0px; background:url('/_images/home-carousel/bg.gif') no-repeat top left;} #homepagecarousel .options { float:left; width:730px; height:29px; padding:0px 16px 10px 16px;} #homepagecarousel .options li { display:inline; float:right; height:29px;} #homepagecarousel .options .first { float:left;} #homepagecarousel .options .first h2 { float:left; height:29px; padding:0px 0px 0px 0px; width:120px; background:url(/_images/home-carousel/new-arrivals.gif) top left no-repeat; text-indent:-9999px;} #homepagecarousel .options a { float:left; width:99px; padding:7px 2px 0px 4px; height:22px; font-size:12px; color:#fff; text-decoration:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; background:url('/_images/home-carousel/tab-off.gif') no-repeat top right;} #homepagecarousel .options a:hover { color:#ffdd00; } #homepagecarousel .options .selected { color:#0059a1; background:url('/_images/home-carousel/tab.gif') no-repeat top right;} #homepagecarousel .options a.selected:hover { color:#154c61; } #homepagecarousel .prev { position:absolute; left:15px; top:40px; width:37px; height:40px; cursor:pointer; display:none;} #homepagecarousel .next { position:absolute; right:15px; top:40px; width:37px; height:40px; cursor:pointer; display:none;} #homepagecarousel .homeaccordian { position:relative; overflow:hidden; float:left; width:762px; height:120px; padding:0px 0px 0px 0px;} #homepagecarousel .homeaccordian ul { position:relative; overflow:hidden; float:left; width:762px; height:120px; padding:0px 0px 0px 0px; background:#fff;} #homepagecarousel .homeaccordian ul li { float:left; display:inline; width:380px; height:120px; text-align:center; padding:0px 0px 0px 1px;} #homepagecarousel .homeaccordian ul a { display:block; width:180px; height:120px; padding:0px 5px 0px 5px; display:block;} #homepagecarousel .homeaccordian ul li span { display:none;} .homepods { float:left; width:730px; margin:0px 0px 0px 0px;} .homepods li { float:left; display:inline; width:235px; height:180px; padding:0px 0px 0px 12px;} .homepods .first { padding:0px 0px 0px 0px;} .homepods img, #homefeatures img { float:left;} #homefeatures { float:left; width:730px;} #homefeatures li { float:left; display:inline; width:175px; height:120px; margin:10px 0px 0px 10px;} #homefeatures .first { margin:10px 0px 0px 0px;} #homefeatures .latestnews { background:url('/_images/homepage/hot-features/bg.jpg') no-repeat top left;} #homefeatures h2 { float:left; padding:0px 0px 10px 0px;} #homefeatures p { float:left; width:155px; padding:0px 10px 0px 10px;} #homefeatures a { font-weight:normal; color:#000;} #homefeatures .latestnews span { float:left; width:155px; font-weight:bold;} /********************************************************************/ /* Contact tags */ /********************************************************************/ .contact fieldset { float:left; width:500px; padding:30px 105px 25px 105px; color:#0059a1; background:url('/_images/bg/bg-contact.gif') no-repeat left top;} .contact fieldset fieldset { float:left; width:500px; padding:10px 0px 10px 0px; background:none;} .contact label { float:left; width:210px; padding:3px 0px 6px 10px; font-weight:bold; background:url('/_images/bg/bg-contact-label.gif') no-repeat bottom left;} .contact .textfield, .contact .shorttextfield, .contact select, .contact textarea { float:left; width:270px; color:#888888; padding:2px 4px 2px 4px; margin:0px 0px 10px 0px; border:1px solid #e2e2e2;} .contact .shorttextfield { width:140px;} .contact select { width:280px; padding:0px 0px 0px 0px; line-height:18px;} .contact textarea { height:80px;} .contact .formbutton, .contact .findbutton { float:right;} .contact .foot { float:left; width:710px; height:9px; margin:0px 0px 20px 0px; background:url('/_images/bg/bg-contact-foot.gif') no-repeat left top;} .contact p, .contact h3 { padding:0px 0px 10px 10px;} .contact .date { float:left; width:500px; padding:0px 0px 7px 0px;} .contact .date p { float:left; width:200px; padding:3px 0px 6px 10px; font-weight:bold; background:url('/_images/bg/bg-contact-label.gif') no-repeat bottom left;} .contact .date label { position:absolute; margin-left:-9999px;} .contact .date select { width:60px; padding:0px 0px 0px 0px; margin:0px 0px 0px 10px; height:18px;} .contact .blogcomment { width:490px; height:120px; margin:0px 0px 20px 0px;} .contact .blogcommentlabel { width:490px; background:none;} #content .contact ul.selectoptions { float:left; width:500px; padding:10px 0px 15px 0px;} #content .contact ul.selectoptions.nopaddingbottom { padding:10px 0px 0px 0px;} #content .contact ul.selectoptions.nopaddingtop { padding:0px 0px 15px 0px;} #content .contact ul.selectoptions li { float:left; width:490px; padding:0px 0px 10px 10px; background:url('/_images/bg/bg-contact-selectoptions.gif') no-repeat bottom left;} #content .contact ul.selectoptions input { float:left;} #content .contact ul.selectoptions label { float:right; width:460px; padding:3px 0px 0px 0px; font-weight:bold; background:none;} #content .contact ul.selectoptions a { text-decoration:underline;} #content .contactOptions { float:left; width:710px; margin:0px 0px 30px 0px; background:url('/_images/bg/bg-contact.gif') no-repeat left top; color:#0059a1;} #content .contactOptions p { float:left; width:610px; padding:20px 50px 5px 50px;} #content .contactOptions dl { float:left; width:610px; padding:0px 50px 15px 50px; background:url('/_images/bg/bg-contact-foot.gif') no-repeat bottom left;} #content .contactOptions dt, #content .contactOptions dd { float:left; padding:8px 0px 8px 0px; border-top:1px solid #e2e2e2;} #content .contactOptions dt { clear:left; width:70px; padding:8px 0px 8px 25px; font-weight:bold;} #content .contactOptions dd { width:515px;} #content .contactOptions .first { border-top:none;} #content .contactOptions .phone { background:url('/_images/bullets/contact-phone.gif') no-repeat 0px 5px;} #content .contactOptions .mail { background:url('/_images/bullets/contact-mail.gif') no-repeat 0px 5px;} #content .contactOptions .email { background:url('/_images/bullets/contact-email.gif') no-repeat 0px 5px;} #content .contact #passwordRequest { float:left; width:710px; padding:10px 105px 25px 105px; background:url('/_images/bg/bg-contact.gif') no-repeat bottom left #f7f9f2;} #content .contact #passwordRequest fieldset { padding:10px 105px 25px 105px; background:none;} #content .contact .error { float:left; width:458px; padding:5px 10px 5px 30px; margin:0px 0px 20px 0px; border:1px solid #ff9f9f; color:#ed0000; background:url('/_images/bullets/error.gif') no-repeat 8px 4px #fff0f0;} #content .loginForm, #content .registerPod { float:left; width:350px; padding:0px 0px 0px 0px; background:url('/_images/bg/pod-350px.gif') no-repeat top left;} #content .loginForm .foot, #content .registerPod .foot { float:left; text-align:right; width:350px; height:5px; padding:0px 0px 0px 0px; background:url('/_images/bg/newsoptions-foot.gif') no-repeat bottom left;} #content .loginForm fieldset { float:left; width:320px; padding:15px 15px 15px 15px;} #content .loginForm label { float:left; width:130px; padding:3px 0px 0px 0px; font-weight:bold;} #content .loginForm .textfield { float:left; width:180px; color:#888888; padding:2px 4px 2px 4px; margin:0px 0px 10px 0px; border:1px solid #e2e2e2;} #content .loginForm .formbutton { float:right;} #content .loginForm .forgotten { background:url('/_images/bg/newsoptions-item.gif') no-repeat top center;} #content .loginForm h2 { font-size: 130%; padding:0px 0px 5px 0px;} #content .registerPod { float:right;} #content .registerPod h2 { font-size: 130%; padding:15px 15px 5px 15px;} #content .registerPod p { padding:0px 15px 15px 15px;} #content .registerPod .formbutton { float:right; display:inline; margin:0px 15px 15px 0px;} #clubCollectSignup, #clubGiftSignup, #clubBillingEmpty, #clubBillingReplacementDiv { float:left; width:400px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} /********************************************************************/ /* Module tags */ /********************************************************************/ #content ul.modulelist { float:left; width:710px; padding:10px 0px 20px 0px; margin:0px 0px 10px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat bottom left;} #content ul.modulelist li { float:left; width:710px; padding:18px 0px 0px 0px; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content ul.modulelist a { color:#0059a1;} #content ul.modulelist.news li { float:left; width:710px; padding:5px 0px 0px 0px; background:url('/_images/bg/modulelist.gif') no-repeat top left;} #content ul.news h2 { float:left; width:690px; padding:0px 10px 5px 10px; margin:0px 0px 10px 0px; color:#fff; background:url('/_images/bg/modulelist-title.gif') no-repeat bottom left;} #content ul.news h2 a { float:left; width:600px; color:#eefaff;} #content ul.news h2 a:hover{ color:#ffdd00;} #content ul.news h2 span { float:right;} #content ul.news h2 .published { float:left; text-align:right; display:block;} #content ul.news .thumbnail { position:relative; float:left; width:150px; height:150px; padding:0px 5px 0px 0px; margin:0px 0px 10px 0px;} #content ul.news .top { position:absolute; top:0px; left:0px; width:150px; height:150px; background:url('/_images/general/thumbmask-150px.png') no-repeat top left !important; background:none; cursor:pointer;} #content ul.news .thumbnail img { float:left;} #content ul.news .entry-summary { position:relative; float:left; width:395px; padding:10px 140px 0px 20px; min-height:140px; height: auto !important; height: 140px; background:url('/_images/bg/modulelist-summary.gif') no-repeat top left;} #content ul.news .entry-summary .button { position:absolute; bottom:20px; left:440px;} #content ul.newsletters a { float:left; width:600px;} #content ul.newsletters span { float:right; text-align:right; padding:3px 0px 0px 0px; font-weight:bold;} #content ul.categories a { display:block; padding:2px 0px 2px 25px; text-decoration:none; background:url("/_images/bullets/bullet.gif") no-repeat 0px 2px;} #content ul.faqs a { display:block; padding:5px 0px 4px 25px; text-decoration:none; background:url("/_images/bullets/faqs.gif") no-repeat 0px 2px;} #content ul.faqs a { display:block; padding:5px 0px 4px 25px; text-decoration:none; background:url("/_images/bullets/faqs.gif") no-repeat 0px 2px;} #content ul.modulelist.pdfDocs a { display:block; padding:2px 0px 2px 30px; background:url("/_images/bullets/pdf-doc.gif") no-repeat 0px 0px;} /********************************************************************/ /* News & Events tags */ /********************************************************************/ .articledate { float:right; color:#0059a1; padding:6px 10px 0px 0px; font-size:140%; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:normal; font-weight:bold;} #content .newsoptions { position:relative; width:320px; padding:10px 15px 40px 15px; min-height:200px; height: auto !important; height: 200px; background:url('/_images/bg/pod-350px.gif') no-repeat top left; margin:10px 0 0 0;} #content .newsoptions h2 { padding:0px 0px 0px 0px;} #content .newsoptions h3 { padding:0px 0px 10px 0px; color:#666666; font-family:Arial, Verdana, sans-serif; font-style:normal; font-size:100%; text-transform:none;} #content .newsoptions h3.newsletterTitle { padding-bottom:5px;} #content .newsoptions .archive li { float:left; width:320px; padding:7px 0px 5px 0px; color:#666666; font-family:Arial, Verdana, sans-serif; font-style:normal; font-size:100%; text-transform:none; font-weight:bold; background:url('/_images/bg/newsoptions-item.gif') no-repeat top left;} #content .newsoptions .archive li a { float:left; width:231px; padding:2px 0px 2px 24px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 0px;} #content .newsoptions .archive li span { float:right; padding:2px 0px 0px 0px;} #content .newsoptions .minimouse {position:absolute; top:80px; left:15px;} #content .newsoptions fieldset { float:left; width:150px; padding:7px 0px 0px 170px; background:url('/_images/bg/newsoptions-item.gif') no-repeat top left;} #content .newsoptions fieldset ul { padding:0px 0px 10px 0px;} #content .newsoptions fieldset li { padding:2px 0px 2px 20px; background:url('/_images/bullets/tick.gif') no-repeat 0px 2px;} #content .newsoptions .textfield { float:left; width:148px; height:18px; padding:2px 0px 0px 2px; background:url('/_images/bg/newsoptions-field.gif') no-repeat left top;} #content .newsoptions .textfield input { float:left; width:142px; height:12px; color:#515151; border:1px solid #fff; font-size:11px; font-style:normal;} #content .newsoptions label { float:left; padding:0px 0px 5px 0px; color:#666666; font-family:Arial, Verdana, sans-serif; font-style:normal; font-weight:bold; font-size:100%; text-transform:none;} #content .newsoptions .foot, #content .newsoptions .foot { position:absolute; bottom:0px; left:0px; float:none; text-align:right; width:320px; padding:0px 15px 15px 15px; background:url('/_images/bg/newsoptions-foot.gif') no-repeat bottom left;} .articleimage { position:relative; float:right; width:300px; padding:0px 0px 0px 40px; margin:0px 0px 10px 0px; background:url('/_images/general/bg-article-image.gif') no-repeat left top;} .articleimage img { float:left; width:300px;} .articleimage .top { position:absolute; top:0px; left:0px; width:340px; height:4px; background:url('/_images/general/bg-article-image-top.png') no-repeat left top;} .articleimage .foot { position:absolute; bottom:0px; left:0px; width:340px; height:80px; background:url('/_images/general/bg-article-image-foot.png') no-repeat bottom left !important; background:url('/_images/general/bg-article-image-foot.gif') no-repeat bottom left;} #content #imagegallery { position:relative; overflow:hidden; float:left; width:702px; height:163px; padding:7px 4px 0px 4px; margin:10px 0px 20px 0px; background:url('/_images/general/bg-image-carousel.gif') no-repeat top left;} #content #imagegallery h2 { color:#fff; font-size:11px; text-transform:uppercase; padding:0px 0px 13px 16px;} #content #imagegallery ul { position:relative; overflow:hidden; float:left; width:702px; height:130px;} #content #imagegallery li { float:left; display:inline; overflow:hidden; width:130px; height:130px; padding:0px 5px 0px 5px; text-align:center; background:#fff;} #content #imagegallery .prev { position:absolute; left:0px; top:75px; width:41px; height:41px; cursor:pointer;} #content #imagegallery .next { position:absolute; right:0px; top:75px; width:41px; height:41px; cursor:pointer;} #content ul.articleoptions { float:left; width:710px; padding:20px 0px 15px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat top left; margin:15px 0px 0px 0px;} #content ul.articleoptionsnopaging { background: none; margin-top: 0px; } #content ul.articleoptions li { float:right; display:inline; padding:0px 0px 0px 10px; background:none;} #content ul.articleoptions .left { float:left; padding:0px 10px 0px 0px;} #content .newsarticleimage{ float:right; padding:0 5px 15px 15px; } #content .genericgallery { clear:both; position:relative; overflow:hidden; width:345px; height:195px; margin:20px 0px 10px 180px; background:url('/_images/new-product-page/gallery.gif') repeat-x top;} #content .imgGallery { clear:both; position:relative; overflow:hidden; width:510px; height:145px; margin:20px 0px 20px 92px; background:url('/_images/imgGallery/gallery.gif') repeat-x center top; } #content #genericcarousel ul { width: 346px; height: 95px; padding: 0px; margin: 0px; background: none; } #content #genericcarousel li { float: left; padding: 0px; margin: 0px; background: none; } #content #genericcarousel .buttons { width: 20px; height: 95px; background-repeat: no-repeat; } #content #genericcarousel .prevbutton { background-image: url('/_images/new-product-page/gallery-prev-grey.gif'); } #content #genericcarousel .nextbutton { background-image: url('/_images/new-product-page/gallery-next-grey.gif'); } #content #genericcarousel .buttons img { position: relative; } #content #genericcarousel .items { width: 300px; height: 91px; background: transparent; padding: 2px 0px 2px 5px; overflow: hidden; position: relative; } #content #genericcarousel .items li { margin-right: 20px; } #content #imgGallery ul { padding: 0px; margin: 0px; background: none; } #content #imgGallery li { float: left; padding: 0px; margin: 0px; background: none; } #content #imgGallery .items img { width:200px; position:relative; top:2px;} #content #imgGallery .buttons { width: 40px; height: 145px; background-repeat: no-repeat;} #content #imgGallery .prevbutton { background-image: url('/_images/imgGallery/gallery-prev-grey.gif'); } #content #imgGallery .nextbutton { background-image: url('/_images/imgGallery/gallery-next-grey.gif'); } #content #imgGallery .buttons img { position: relative; cursor:pointer;} #content #imgGallery .items { width: 310px; height: 137px; background: transparent; padding: 2px 5px 2px 5px; overflow: hidden; position: relative; } #content #imgGallery .items li { margin-right: 5px; display:inline; margin-left:5px; } /************************************************************** MultiBox v1.3 **************************************************************/ .MultiBoxContainer { position: absolute; border:none; background:url('/_images/bg/multiboxbg.gif') bottom left repeat-x #FFFFFF; display: none; z-index: 6; text-align: left; border:10px solid #ffffff; } .MultiBoxLoading { background: url('/_images/multibox/loader.gif') no-repeat center; } .MultiBoxContent { position: relative; width: 100%; height: 100%; overflow: hidden; } .MultiBoxClose { position: absolute; top: -20px; right: -20px; background: url('/_images/multibox/close.png') no-repeat !important; background:url('/_images/multibox/close.gif') no-repeat; width: 24px; height: 24px; cursor: pointer; z-index:9999; } .MultiBoxControlsContainer { overflow: hidden; height: 0px; position: relative; } .MultiBoxControls { width: 100%; height: auto; position: relative; background-color: #000000; } .MultiBoxPrevious { position: absolute; background: url('/_images/multibox/left.png') no-repeat; width: 24px; height: 24px; left: 0px; margin-top: 5px; cursor: pointer; } .MultiBoxNext { position: absolute; background: url('/_images/multibox/right.png') no-repeat; width: 24px; height: 24px; right: 0px; margin-top: 5px; cursor: pointer; } .MultiBoxNextDisabled { cursor: default; background: url('/_images/multibox/rightDisabled.png') no-repeat; } .MultiBoxPreviousDisabled { cursor: default; background: url('/_images/multibox/leftDisabled.png') no-repeat; } .MultiBoxTitle { position: relative; margin: 10px 0 0 35px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; font-weight: bold; text-align: left; } .MultiBoxNumber { position: relative; width: 50px; margin: 10px 35px 0 0; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: right; } .MultiBoxDescription { clear: left; position: relative; margin: 0 35px 0 35px; padding-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: left; } #thankyou .MultiboxClose { position:inherit; top:auto; right:auto; background:none; width:auto; height:auto; } /********************************************************************/ /* Slimbox */ /********************************************************************/ #lbOverlay { position: absolute; top:0; left: 0; width: 100%; background-color: #e8e8e8; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; padding:0; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url('/_images/lightbox/loading.gif') no-repeat center; } #lbCanvas { border: 9px solid #fff; } #lbCanvas iframe, #lbCanvas img { margin:0; padding:0; } /*#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 10px; width: 70px; background:url('/images/lightbox/sb_anchor_spacer.gif'); }*/ #lbPrevLink { left: 0;} #lbPrevLink { background: transparent url('/_images/lightbox/carousel-prev.png') no-repeat 0% 52% !important; background: transparent url('/_images/lightbox/carousel-prev.gif') no-repeat 0% 52%; } #lbNextLink { right: 0;} #lbNextLink { background: transparent url('/_images/lightbox/carousel-next.png') no-repeat 100% 52% !important; background: transparent url('/_images/lightbox/carousel-next.gif') no-repeat 100% 52%; } #lbBottom { font-weight:bold; text-transform:uppercase; font-size:11px; font-family:'Arial Black', Gadget, sans-serif; color:#0059a1; text-align: left; margin:0 0 0 10px; padding:0; } #lbCloseLink { display: block; float: right; width: 77px; height: 20px; background: transparent url('/_images/lightbox/closelabel.gif') no-repeat center; margin:0; padding:0; } #lbCaption, #lbNumber { float:left; position:relative; top:4px; } #lbCaption { font-weight: bold;} /********************************************************************/ /* Messagewindow.css */ /********************************************************************/ .messageWindow { background:#0058a0; border: 3px solid #004b88; padding: 30px; color:#fff; text-align:center; font-weight:bold; text-transform:uppercase; } /********************************************************************/ /* Shop */ /********************************************************************/ #content ul.productcategories { float:left; width:710px; padding:0px 0px 15px 0px;} #content ul.productcategories li { float:left; display:inline; width:235px; padding:15px 0px 0px 0px; margin:0px 0px 10px 1px; text-align:center; background:url('/_images/bg/product-categories.gif') no-repeat left top;} #content ul.productcategories .first { margin:0px 0px 0px 0px;} #content ul.productcategories a { float:left; width:180px; height:130px; display:block; padding:0px 0px 0px 28px; text-align:center; text-decoration:none;} #content ul.productcategories .title { float:left; width:185px; height:22px; padding:8px 15px 0px 35px; color:#fff; text-align:left; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-style:normal; background:url('/_images/bg/product-categories-span.gif') no-repeat left top;} #content ul.productcategories a:hover.title { color:#ffdd00;} /********************************************************************/ /* List of product tags */ /********************************************************************/ #content ul.listofproducts li .details h2, #content ul.listofproducts li .details h3 { width:auto; font-size:14px; padding:0px 0px 5px 0px; text-transform:uppercase; } #content ul.listofproducts { float:left; width:710px;} #content ul.singleProduct {margin-top: 20px;} /*#content ul.listofproducts.category{ margin:20px 0px 0px 0px; padding:0px 0px 15px 0px;}*/ #content ul.listofproducts li { float:left; width:710px; height:165px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; color:#0059a1; background:url('/_images/new-product-page/bg-listofproducts.gif') no-repeat top left;} #content ul.listofproducts .highRank { background:url('/_images/new-product-page/bg-listofproducts-high.gif') no-repeat top left;} #content ul.listofproducts .lowRank { background:url('/_images/new-product-page/bg-listofproducts-low.gif') no-repeat top left;} #content ul.listofproducts li .thumbnail { float:left; width:145px; height:145px; padding:10px 0px 0px 15px; text-align:center;} #content ul.listofproducts li .details { position:relative; float:right; width:400px; padding:10px 120px 0px 0px;} #content ul.listofproducts li p { padding:0px 0px 5px 0px;} #content ul.listofproducts li a { color:#0059a1;} #content ul.listofproducts li a:hover{ color:#d9001e;} #content ul.listofproducts li .code { position:absolute; width:100px; top:140px; left:400px; font-size:12px; padding:0px 0px 15px 0px; color:#fff; text-align:right; text-transform:uppercase; font-weight:bold;} #content ul.listofproducts li .price { font-size:20px; text-transform:uppercase; font-weight:bold;} #content ul.listofproducts li .save { padding:0px 0px 0px 0px; text-transform:uppercase; font-weight:bold;} #content ul.listofproducts li .save span { padding:0px 0px 0px 5px; color:#d9001e;} #content ul.listofproducts li .icons { position:absolute; top:100px; left:0px; width:420px;} #content ul.listofproducts li .icons li { float:left; display:inline; width:98px; height:17px; padding:0px 0px 0px 0px; margin:0px 5px 0px 0px; background:none;} #content ul.listofproducts li .info { position:absolute; top:10px; right:10px; width:100px; padding:0px 0px 0px 0px;} #content ul.listofproducts li .info li { float:none; width:100px; height:auto; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; background:none; text-align:center; font-weight:bold;} #content ul.listofproducts li .info .logo { height:50px;} #content ul.listofproducts li .info .logo img{ float:left;} #content ul.listofproducts li fieldset, #content ul.listofproducts li .nostock { position:absolute; top:137px; left:0px; width:510px;} #content ul.listofproducts li .outofstocknote { position:absolute; top:137px; left:0px;} #content ul.listofproducts li label { float:left; color:#fff; padding:3px 10px 0px 0px;} #content ul.listofproducts li select { float:left; width:40px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:1px solid #fff; background:#fff;} #content ul.listofproducts li .addtobasket { float:right; margin:0px 0px 0px 10px;} #content ul.listofproducts li fieldset img { float:right; margin:0px 0px 0px 10px;} #content ul.listofproducts li .nostock img { float:right; margin:0px 0px 0px 10px;} #content ul.listofproducts li .nostock .outofStockNotice { float:right; position:relative; top:auto; left:auto; } .wishlistremover{ float:left;} .wishlistbasket{ float:right;} #content ul.listofproducts li .wishlistbasket fieldset { float:right; width:370px; margin:0 0 0 120px;} #content ul.listofproducts li .wishlistbasket fieldset .addtobasket { float:left; } #content ul.listofproducts li .removeitem { position:relative; top:17px; left:250px;} #content ul.listofproducts .stock a{ padding:0px 0px 0px 18px; background:url('/_images/bullets/email.gif') no-repeat 0px 2px;} #content ul.wishlist{ margin:20px 0 0 0;} #content ul.listofproducts li .preorder { float:left; margin:0 0 0 10px;} #content ul.lastchance{ margin:20px 0 0 0;} #content .maininfo .mainproductimage{ display:none;} #content .maininfo .stocknotification img, #content .maininfo .stocknotification a { display:inline;} #content ul.listofclubs li { float:left; width:710px; height:165px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; color:#fff; background:url('/_images/new-product-page/bg-listofclubs.gif') no-repeat top left;} #content ul.listofclubs li .thumbnail { float:left; width:145px; height:145px; padding:10px 0px 0px 15px; text-align:center;} #content ul.listofclubs li .details { position:relative; float:right; width:400px; padding:20px 120px 0px 0px;} #content ul.listofclubs li .details h3 { width:auto; font-size:16px; padding:5px 0px 10px 30px; text-transform:uppercase; color:#fff; background:url('/_images/new-product-page/bg-listofcategories-dog.gif') no-repeat 0px 2px;} #content ul.listofclubs li p { padding:0px 0px 5px 0px;} #content ul.listofclubs li a { color:#fff;} #content ul.listofclubs li a:hover{ color:#ffdd00;} #content ul.listofclubs li .details img { position:absolute; top:125px; left:0px;} #content ul.listofclubs li .details .clubLogin { position:absolute; top:125px; left:107px;} #content ul.listofcategories { float:left; width:710px;} #content ul.listofcategories li { display:inline; float:left; width:345px; height:165px; padding:0px 0px 0px 0px; margin:0px 0px 15px 20px; color:#fff; background:url('/_images/new-product-page/bg-listofcategories.gif') no-repeat top left;} #content ul.listofcategories .first { margin:0px 0px 15px 0px;} #content ul.listofcategories li .thumbnail { float:left; width:145px; height:145px; padding:10px 0px 0px 15px; text-align:center;} #content ul.listofcategories li .details { position:relative; float:right; width:140px; padding:10px 15px 0px 0px;} #content ul.listofcategories li .details h3 { width:auto; font-size:12px; padding:5px 0px 10px 0px; text-transform:uppercase; color:#fff;} #content ul.listofcategories li p { padding:0px 0px 5px 0px;} #content ul.listofcategories li a { color:#fff;} #content ul.listofcategories li a:hover{ color:#ffdd00;} #content ul.listofcategories li .details img { position:absolute; top:130px; left:0px;} /********************************************************************/ /* Product Page tags */ /********************************************************************/ h1.producttitle { width:590px; padding:0px 0px 5px 30px;} h2.productcode { clear:left; float:left; width:590px; font-size:120%; text-transform:uppercase; padding:0px 0px 0px 30px;} h2.productcode img { float:left; margin:-2px 10px 0px 0px;} .productlogo { float:right; width:130px; padding:0px 15px 0px 0px;} #content .maininfo .postage h2 { color:#fff; font-size:100%; text-transform:uppercase; padding:0px 0px 10px 0px;} #content #productinfo ul.productaccordian h2 { font-size:100%; text-transform:uppercase; padding:0px 0px 5px 0px;} h2.related { padding:4px 0px 10px 5px;} #content .relatedlist li div h3 { color:#10323f; font-size:100%; text-transform:none; padding:0px 0px 0px 0px;} #content ul.listofproducts li h2, #content ul.listofproducts li h3 { width:425px; font-size:14px; padding:0px 0px 5px 0px;} #content .maininfo { position:relative; float:left; width:690px; height:205px; padding:10px 10px 10px 10px; margin:0px 0px 10px 0px; color:#fff; background:url('/_images/new-product-page/bg-main-info.jpg') no-repeat top left;} #content .maininfo a.mainimage { float:left; width:323px; height:205px; text-align:center;} #content .maininfo #productImages { position:relative;} #content .maininfo #productImages, #content .maininfo #productImages li { float:left; width:323px; height:205px; text-align:center; padding:0px 0px 0px 0px;} #content .maininfo #productImages li { position:absolute; top:0px; left:0px; display:none; background:none;} #content .maininfo #productImages .selected { display:block;} #content .maininfo #productImages .zoom { position:absolute; bottom:0px; right:0px;} /* #content .maininfo .new { margin-top: 1px; float: right; display: inline; }*/ #pageContent h1 .new { float:right; margin:-1px 0px 0px 0px; } #content .maininfo fieldset { float:left; width:175px; text-align:right; padding:5px 0px 0px 20px;} #content .maininfo fieldset .price { float:right; width:127px; height:29px; padding:8px 20px 0px 20px; margin:0px 0px 15px 0px; color:#fff; font-size:18px; font-weight:bold; background:url('/_images/new-product-page/price-single.gif') no-repeat top left;} #content .maininfo fieldset .price span { padding:5px 0px 0px 0px; float:left; text-transform:uppercase; font-size:11px;} #content .maininfo fieldset .pricemultiple { float:right; width:147px; height:55px; padding:5px 10px 0px 10px; margin:0px 0px 15px 0px; color:#fff; text-transform:uppercase; font-weight:bold; background:url('/_images/new-product-page/price-multiple.gif') no-repeat top left;} #content .maininfo fieldset .pricemultiple p { float:left; width:147px; padding:0px 0px 11px 0px; font-size:18px;} #content .maininfo fieldset .pricemultiple p span { padding:4px 0px 0px 0px; float:left; font-size:12px;} #content .maininfo fieldset .pricemultiple .was, #content .maininfo fieldset .pricemultiple .save { font-size:0.9em;} #content .maininfo fieldset .pricemultiple .was { float:left; color:#0059a1;} #content .maininfo fieldset .pricemultiple .save { float:right; text-align:right; color:#d9001e; white-space:nowrap;} #content .maininfo fieldset label { float:left; width:115px; padding:3px 10px 0px 0px; font-weight:bold; text-transform:uppercase;} #content .maininfo fieldset select { float:left; width:40px; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; border:1px solid #fff; background:#fff;} #content .maininfo fieldset .addtobasket { float:right; margin:0px 0px 20px 0px;} #content .maininfo fieldset ul.options li { float:left; width:170px; padding:0px 0px 5px 0px; background:none;} #content .maininfo fieldset ul.options a.wishlist { padding:3px 0px 3px 16px; background:url('/_images/new-product-page/add-to-wishlist.gif') no-repeat 0px 3px; color:#fff;} #content .maininfo fieldset ul.options a:hover.wishlist { padding:3px 0px 3px 16px; background:url('/_images/new-product-page/add-to-wishlist-over.gif') no-repeat 0px 3px; color:#ffdd00;} #content .maininfo fieldset ul.options a.sendfriend { padding:2px 0px 2px 18px; background:url('/_images/new-product-page/send-to-a-friend.gif') no-repeat 0px 5px; color:#fff;} #content .maininfo fieldset ul.options a:hover.sendfriend { padding:2px 0px 2px 18px; background:url('/_images/new-product-page/send-to-a-friend-over.gif') no-repeat 0px 5px; color:#ffdd00;} #content .maininfo fieldset ul.options a { color:#f3f3f3; font-weight:normal;} #content .maininfo fieldset ul.options a:hover { color:#ffa400;} #content .maininfo .postage { float:right; width:135px; height:196px; padding:5px 0px 0px 20px; margin:5px 0px 0px 0px; background:url('/_images/new-product-page/postage.gif') repeat-y left;} #content .maininfo .postage a { color:#fff; font-weight:normal; text-decoration:underline;} #content .maininfo .postage a:hover{ color:#ffdd00;} #content #productinfo, #content #productinfo ul.tabs { float:left; width:345px; padding:0px 0px 0px 0px; background:url('/_images/new-product-page/tab-bg.gif') no-repeat top left;} #content #productinfo, #content #productinfo ul.tabtwo { float:left; width:345px; padding:0px 0px 0px 0px; background:url('/_images/new-product-page/tab-bg-2.gif') no-repeat top left;} #content #productinfo, #content #productinfo ul.tabone { float:left; width:345px; padding:0px 0px 0px 0px; background:url('/_images/new-product-page/tab-bg-1.gif') no-repeat top left;} #content #productinfo { height:360px; margin:105px 0px 10px 0px; background:url('/_images/new-product-page/bg-productinfo.gif') no-repeat bottom left;} #pageContent #content .productleft .noGallery { margin:0 0 10px 0; } #content #productinfo ul.tabs li { float:left; display:inline; background:none; padding:0px 0px 0px 0px;} #content #productinfo ul.tabs a { display:block; width:105px; height:32px; color:#0059a1; text-transform:uppercase; text-decoration:none; padding:12px 5px 0px 5px; text-align:center;} #content #productinfo ul.tabs .left a { background:url('/_images/new-product-page/tab-left-off.gif') no-repeat top left;} #content #productinfo ul.tabs .centre a { background:url('/_images/new-product-page/tab-centre-off.gif') no-repeat top left;} #content #productinfo ul.tabs .right a { background:url('/_images/new-product-page/tab-right-off.gif') no-repeat top left;} #content #productinfo ul.tabs .left a:hover, #content #productinfo ul.tabs .left a.selected { color:#fff; background:url('/_images/new-product-page/tab-left-on.gif') no-repeat top left;} #content #productinfo ul.tabs .centre a:hover, #content #productinfo ul.tabs .centre a.selected { color:#fff; background:url('/_images/new-product-page/tab-centre-on.gif') no-repeat top left;} #content #productinfo ul.tabs .right a:hover, #content #productinfo ul.tabs .right a.selected { color:#fff; background:url('/_images/new-product-page/tab-right-on.gif') no-repeat top left;} #content #productinfo ul.productaccordian { float:left; width:305px; height:285px; overflow:hidden; padding:10px 20px 0px 20px; position: relative;} #content #productinfo ul.productaccordian li { float:left; width:305px; padding:0px 0px 0px 0px; background:#fff;} #content #productinfo ul.productaccordian li.section { overflow:auto; width:320px; font-size:12px;} #content #productinfo ul.productaccordian li div { float:left; width:295px; padding:0px 10px 0px 0px; height:285px; overflow:auto;} #content #productinfo ul.productaccordian ul.icons { float:left; width:305px; padding:30px 0px 0px 0px; margin:0px 0px 0px 0px; background:url('/_images/new-product-page/bg-iconlist.gif') no-repeat top left;} #content #productinfo ul.productaccordian ul.icons li { float:left; display:inline; width:34px; height:34px; background:none; padding:0px 10px 10px 0px;} #content #productinfo ul.productaccordian ul.icons li span { display:none;} #content #productinfo ul.productaccordian .car, #content #productinfo ul.productaccordian .gear { float:left; width:95%; padding:0px 0px 0px 0px; text-align:center; margin:0px 0px 10px 0px;} #content #productinfo ul.productaccordian .gear {height:70px;} #content #productinfo ul.productaccordian .pdfdownload { float:left; padding:2px 0px 10px 20px; background:url('/_images/bullets/pdf.gif') no-repeat top left;} #content #productinfo ul.productaccordian .pdfdownload a { color:#10323f; font-weight:normal; text-decoration:underline;} #content #productinfo ul.productaccordian .pdfdownload a:hover { color:#ffdd00; font-weight:normal; text-decoration:underline;} #content #productinfo ul.productaccordian dl { float:left; width:305px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;} #content #productinfo ul.productaccordian dl dt { font-weight:bold; float:left; width:140px; padding:5px 0px 5px 10px; color:#0059a1; clear:left;} #content #productinfo ul.productaccordian dl dd { float:left; width:145px; padding:5px 0px 5px 10px;} #content #productinfo ul.productaccordian .grey { background:#ededed;} #content #productinfo ul.productaccordian ul { width:270px; padding:0px 0px 7px 0px;} #content #productinfo ul.productaccordian ul li { float:none; width:270px; padding:0px 0px 8px 24px; background:url(/_images/bullets/bullet.gif) 0px 0px no-repeat;} #content #productinfo ul.productaccordian p { padding:0px 10px 15px 0px;} #content #productinfo ul.productaccordian .limitedEdition { float:left; width:305px; color:#fff; font-size:14px; font-weight:bold; text-align:center; padding:8px 0px 6px 0px; margin:0px 0px 20px 0px; background:url('/_images/new-product-page/bg-limited-edition.gif') no-repeat top left;} #content .productleft ul.pageoptions { float:left; width:345px; padding:0px 0px 10px 0px;} #content .productleft ul.pageoptions li { display:inline; padding:0px 0px 0px 0px; background:none;} #content .productright .productAttributes { float:left; width:345px; padding:0px 0px 1px 0px;} #content .productright .productAttributes li { display:inline; float:left; width:75px; padding:0px 0px 10px 14px; background:none;} #content .productright .productAttributes .first { padding:0px 0px 10px 0px;} #content .productright .productAttributes img { float:left;} #content .secondarycarousel { position:absolute; top:235px; right:345px; width:385px; height:95px;} #content .secondaryimages { position:relative; overflow:hidden; float:left; width:385px; height:95px; margin:0px 0px 10px 0px; background:url('/_images/new-product-page/gallery.gif') repeat-x top;} #content .secondaryimages .next, #content .secondaryimages .prev { cursor:pointer; position:absolute; top:0px; right:0px; width:20px; height:95px;} #content .secondaryimages .prev { left:0px; right:auto;} #content .secondaryimages ul.productcarousel { position:relative; overflow:hidden; float:left; width:305px; height:90px; padding:2px 20px 2px 20px;} #content .secondaryimages ul.productcarousel li { float:left; width:130px; height:90px; padding:0px 5px 0px 5px; background:none;} #content .secondaryimages ul.productcarousel li img { float:left;} #content #productcarousel ul { width: 386px; height: 95px; padding: 0px; margin: 0px; background: none; } #content #productcarousel li { float: left; padding: 0px; margin: 0px; background: none; } #content #productcarousel .buttons { width: 40px; height: 95px; background-repeat: no-repeat; } #content #productcarousel .prevbutton { background-image: url('/_images/new-product-page/gallery-prev-grey.gif'); } #content #productcarousel .nextbutton { background-image: url('/_images/new-product-page/gallery-next-grey.gif'); } #content #productcarousel .buttons img { position: relative; width: 40px; height: 95px;} #content #productcarousel .items { width: 300px; height: 91px; background: transparent; padding: 2px 0px 2px 5px; overflow: hidden; position: relative; } #content #productcarousel .items li { margin-right: 20px;} #content .genericgallery { position:relative; overflow:hidden; width:345px; height:195px; margin:20px 0px 10px 180px; background:url('/_images/new-product-page/gallery.gif') repeat-x top; clear:both;} #content .productleft { float:left; width:345px; padding:0px 0px 10px 0px;} #content .productright { float:right; width:345px; padding:0px 0px 10px 0px;} #content .productright .offer { float:left; width:345px; padding:0px 0px 10px 0px; color:#10323f;} #content .productright .offer img { float:left; padding:0px 10px 0px 0px;} #content .productright .offer p { padding:0px 0px 0px 0px;} #content .productright .offer a { font-weight:normal; text-decoration:underline;} #content .productright .offer a:hover { font-weight:normal; text-decoration:underline;} #content #relatedproductsbox{ width:342px; height:408px; background:url(../_images/new-product-page/bg-related-products-box.gif) no-repeat top left;} #content ul.relatedlist { float:left; width:340px; padding:0px 0px 0px 0px; height:358px; overflow:auto;} #content ul.relatedlist li { float:left; width:300px; height:144px; padding:10px 9px 0px 10px; margin:0px 0px 10px 2px; background:url('/_images/new-product-page/bg-related-products.gif') no-repeat top left;} #content ul.relatedlist li .photo { float:left; width:100px; height:100px; display:block; text-align:center; margin:10px 0px 0px 0px;} #content ul.relatedlist li div { float:right; width:185px; text-align:right; color:#0059a1; font-weight:bold;} #content ul.relatedlist li div a { color:#0059a1;} #content ul.relatedlist li div a:hover { color:#d9001e;} #content ul.relatedlist li div h3 { text-align:left;} #content ul.relatedlist li div p { padding:0px 0px 3px 0px;} #content ul.relatedlist li div .price { font-size:15px;} #content ul.relatedlist li div .save { text-transform:uppercase; } #content ul.relatedlist li div .save span { padding:0px 0px 0px 5px; color:#d9001e;} #content ul.relatedlist li .addtobasket, #content ul.relatedlist li .outofStockNotice { float:right; margin:5px 0px 0px 0px;} .tool-tip { color: #fff; width: 200px; z-index: 13000; } .tool-title { font-weight: bold; font-size: 12px; margin: 0; padding: 8px 8px 4px; background: url('/_images/home-carousel/tooltip.png') top left !important; background: url('/_images/home-carousel/tooltip.gif') top left; } .tool-text { font-size: 11px; padding: 4px 8px 8px; background: url('/_images/home-carousel/tooltip.png') bottom right !important; background: url('/_images/home-carousel/tooltip.gif') bottom right; } .producticons { float:left; width:710px; padding:0px 0px 0px 30px; color:#0059a1; font-weight:bold; font-size:12px;} .producticons li { display:inline; float:left; padding:0px 10px 0px 0px;} .producticons li img { float:left;} /********************************************************************/ /* Guided Search tags */ /********************************************************************/ #content #guidedsearch { float:left; width:710px; padding:0px 0px 0px 0px;} #content #guidedsearch fieldset { float:left; width:710px; padding:18px 0px 0px 0px; margin:0px 0px 0px 0px; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content #guidedsearch ul { float:left; width:600px; padding:0px 0px 0px 0px;} #content #guidedsearch li { float:left; width:150px; padding:0px 0px 5px 0px; background:none;} #content #guidedsearch label { float:left; width:150px; padding:0px 0px 5px 0px; color:#666666; font-weight:normal;} #content #guidedsearch select { float:left; width:150px; color:#888888; margin:0px 0px 10px 0px; border:1px solid #e2e2e2;} #content #guidedsearch ul.selectoptions { float:right; width:600px; padding:0px 0px 0px 0px;} #content #guidedsearch ul.selectoptions li { display:inline; float:left; width:150px; padding:0px 0px 0px 0px;} #content #guidedsearch ul.selectoptions .first { clear:left;} #content #guidedsearch ul.selectoptions.scales li { width:75px;} #content #guidedsearch ul.selectoptions input { float:left;} #content #guidedsearch ul.selectoptions label { float:right; width:125px; padding:3px 0px 0px 0px;} #content #guidedsearch ul.selectoptions.scales label { width:50px;} #content #guidedsearch ul.selectoptions span{ display:none;} #content #guidedsearch ul.selectoptions label a{ margin:0; background:none; padding:0; font-weight:normal; color:#666666;} #content #guidedsearch ul.selectoptions label a:hover{ text-decoration:none; color:#666666; } #content #guidedsearch h3 { float:left; width:100px; padding:3px 0px 0px 0px;} #content #guidedsearch h3 img { float:left;} #content #guidedsearch .priceLimits { float:right; width:600px; padding:3px 0px 10px 0px;} #content #guidedsearch label { float:left; width:110px; padding:2px 0px 0px 0px; color:#666666; font-weight:normal;} #content #guidedsearch select { float:left; width:100px; color:#888888; margin:0px 20px 0px 0px; border:1px solid #e2e2e2; height:18px;} #content #guidedsearch #resetPriceRange { float:right;} /* #content #guidedsearch { float:left; width:710px; padding:20px 0px 0px 0px; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content #guidedsearch fieldset { float:right; width:170px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;} #content #guidedsearch fieldset.first { padding:0px 0px 0px 0px;} #content #guidedsearch ul { float:left; width:170px; padding:0px 0px 0px 0px;} #content #guidedsearch li { float:left; width:170px; padding:0px 0px 5px 0px; background:none;} #content #guidedsearch label { float:left; width:170px; padding:0px 0px 5px 0px; color:#666666; font-weight:normal;} #content #guidedsearch select { float:left; width:130px; color:#888888; margin:0px 0px 10px 0px; border:1px solid #e2e2e2;} #content #guidedsearch ul.selectoptions { float:left; width:170px; padding:0px 0px 5px 0px;} #content #guidedsearch ul.selectoptions li { float:left; width:170px; padding:0px 0px 6px 0px; background:url('/_images/bg/guided-search.gif') no-repeat bottom left;} #content #guidedsearch ul.selectoptions input { float:left;} #content #guidedsearch ul.selectoptions label { float:right; width:145px; padding:3px 0px 0px 0px;} #content #guidedsearch ul.selectoptions span{ display:none;} #content #guidedsearch ul.selectoptions label a{ margin:0; background:none; padding:0; font-weight:normal; color:#666666;} #content #guidedsearch ul.selectoptions label a:hover{ text-decoration:none; color:#666666; } #content #guidedsearch .doubleColumn { width:340px;} #content #guidedsearch .doubleColumn ul.selectoptions { width:340px;} .returnedresults { font-weight:bold; color:#ffdd00; padding:4px 0px 10px 10px; width:700px; height:19px; background:url('/_images/general/bg-returnedresults.gif') no-repeat top left; margin:0;} #content .returnedresults ul{ list-style:none;} #content .returnedresults ul li{ display:inline; float:left; background:none; padding:0 0 0 5px;} #content .returnedresults ul li.numberofresults{ float:right; padding:0 18px 0 0;} #content #guidedsearch h3 { padding:0px 0px 5px 0px;} */ /********************************************************************/ /* Basket */ /********************************************************************/ #content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;} #content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;} #content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;} #content table td { border-top:1px solid #e1e1e1;} #content .fullBasket { float:left; width:100%; margin-bottom:30px;} #content .orders th { color:#FFFFFF;} #content .shoppingBasket, #content .orders { margin:0px 0px 20px 0px; background:url('/_images/basket/basket-bg.gif') no-repeat 0px 2px; width:710px;border-top:none; border-bottom:none; border-left:none;} #content .shoppingBasket th, #content .shoppingBasket td { text-align:center; border-right:none; border-top:none; border-bottom:1px solid #e1e1e1;} #content .shoppingBasket th { color:#FFFFFF; background:none;} #content .shoppingBasket tr.product td, #content .shoppingBasket tr.totals td { background:url('/_images/basket/td-bkg.gif') #FFFFFF bottom left; vertical-align:middle;} #content .shoppingBasket tr.totals td {} #content .shoppingBasket tr.product td.total, #content .shoppingBasket tr.totals td.total { background:url('/_images/basket/td-bkg.gif') #FFFFFF bottom right; border-left:1px solid #E2E2E2;} #content .shoppingBasket tr.grandtotal td { /*background:url(/_images/basket/grandtotal-bkg.gif) #FFFFFF bottom left;*/ background:#0059a1; color:#FFFFFF;} #content .shoppingBasket tr.grandtotal td strong, #content .shoppingBasket tr.totals td.total strong{ color:#FFFFFF; font-size:1.1em;} #content .shoppingBasket tr.grandtotal td.total { /*background:url(/_images/basket/grandtotal-bkg.gif) #FFFFFF bottom right; */ background:#003058; border-left:1px solid #E2E2E2;} #content .shoppingBasket tr.updateqty td { background:url('/_images/basket/td-bkg.gif') #FFFFFF bottom left; vertical-align:middle; border-bottom:none;} #content .shoppingBasket tr.updateqty td.nobkg { background:#FFFFFF;} #content .shoppingBasket tr.updateqty td.update { border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;} #content .shoppingBasket td { padding:6px 5px 6px 5px;} #content .shoppingBasket .remove { width:20px;} #content .shoppingBasket th.remove { text-indent:-9999px;} #content .shoppingBasket a.remove { width:20px; height:15px; background:url('/_images/basket/remove.gif') top center no-repeat; display:block; text-indent:-9999px;} #content .shoppingBasket a:hover.remove { background:url('/_images/basket/remove-hover.gif') top center no-repeat} #content .shoppingBasket .producttitle { padding-left:10px;} #content .shoppingBasket .producttitle { width:450px; text-align:left;} #content .shoppingBasket .producttitle span { font-weight:bold; padding-right:15px; color:#666666;} #content .shoppingBasket .producttitle a { font-weight:normal; color:#0059a1;} #content .shoppingBasket .producttitle a:hover { color:#d9001e; } #content .shoppingBasket .qty { width:60px;} #content .shoppingBasket .price { width:130px;} #content .shoppingBasket .loyalty { width:80px;} #content .shoppingBasket .total { width:70px;} #content .shoppingBasket td strong { color:#0059a1;} #content .shoppingBasket tr.blank td { background:#FFFFFF; border:none; height:10px; font-size:0.5em; padding:0px 0px 0px 0px;} #content .shoppingBasket tr.blank td.blank-border { background:#FFFFFF; border-bottom:1px solid #E2E2E2; } #content .shoppingBasket tr.totals td { text-align:right; } #content .shoppingBasket tr.totals td.total { text-align:center; } #content .shoppingBasket tr.totals td.breakdownValues { background:#FFFFFF url(/_images/basket/td-bkg.gif) repeat left bottom; padding:6px 5px; border-bottom:1px solid #E1E1E1; font-size:11px;} #content .shoppingBasket tr.grandtotal td.breakdownValues { background:#0059a1; color:#FFFFFF; font-size:11px; padding:6px 5px; } #content table.shoppingBasket td.blank { background:#FFFFFF; border:none;} #content .shoppingBasket td label { position:absolute; left:-9999px;} #content .shoppingBasket td .textfield { width:35px; text-align:center; border:1px solid #DBDBDD; color:#004c6a; padding:1px 0px 1px 0px;} .basketPods { width:230px; height:73px; background:url('/_images/basket/pods.gif') top left no-repeat; float:left; position:relative; margin-top:10px;} .basketPods h2 { position:absolute; top:15px; left:25px; font-size:120%;} .basketPods div, .basketPods fieldset { position:absolute; top:40px; left:25px; width:180px; text-align:left;} #content .basketPods div strong { color:#666666;} #content .basketPods div strong.gold { color:#ffa400;} #content .basketPods div strong.silver { color:#818181;} #content .basketPods div strong.standard { color:#666666;} .basketPods p { padding:3px 0px 0px 0px; float:left;} .basketPods a { float:right; color:#004c6a;} .basketPods a:hover { color:#ffdd00;} .voucherPod { margin-left:15px; display:inline;} .basketPods div { top:39px;} .loyaltypointsPod span { display:block;} .loyaltypointsPod a { margin-top:6px;} p.pandp { float:left; width:97%; text-align:right; margin-top:12px; padding:0px 0px 10px 0px;} p.pandp a { padding:0px 25px 0px 22px; font-weight:normal; color:#0059a1; background:url('/_images/bullets/bullet.gif') left center no-repeat;} #content .basketPods fieldset .textfield { width:85px; text-align:left; padding:1px 2px 1px 2px; float:left;} #content .basketPods fieldset .formbutton { float:right; margin:-1px 0px 0px 0px;} #content h2.lastchance { margin:0px 0px 0px 0px; padding:20px 0px 5px 0px; background:url('/_images/bg/horiz-divider.gif') top left no-repeat; float:left; width:100%;} #content ul.lastchance { margin:0px 0px 10px 0px; } /********************************************************************/ /* Basket Breadcrumb */ /********************************************************************/ #content ol#basket-process { width:710px; padding:0px 0px 0px 0px; list-style:none;/* margin:0px 0px 25px 0px;*/ float:left;} #container #content ol.withClub { width:710px; padding:0px 0px 25px 0px;} #content ol#basket-process li { line-height:29px; padding:0px 0px 0px 9px; margin:0px 5px 0px 0px; float:left; display:inline; list-style:none; width:105px; text-align:center; background:url('/_images/basket/process-bg.gif') top left no-repeat; color:#646464;} #content ol#basket-process li.last { width:106px; margin:0px 0px 0px 0px;} #content ol#basket-process li span { float:right; width:9px; height:29px; background:url('/_images/basket/process-end.gif') top right no-repeat;} #content ol#basket-process li.selected { background:url('/_images/basket/selected-bg.gif') top left no-repeat; color:#FFFFFF; font-weight:bold; color:#f4e51c;} #content ol#basket-process li.selected span { background:url('/_images/basket/selected-end.gif') top right no-repeat;} #content ol#basket-process li a { color:#646464; font-weight:normal;} #content ol#basket-process li a:hover { color:#0059a1;} .lostpassword { float:left; padding:0px 0px 15px 10px; font-weight:normal;} .register { float:left; padding:0px 0px 0px 10px;} /********************************************************************/ /* Billing Address */ /********************************************************************/ #content form.singleLine { float:left; width:710px; margin:0px 0px 20px 0px;} #content form.singleLine fieldset { padding:16px 185px 10px 25px;} #content form.singleLine .foot { background:url('/_images/general/bg-singleLine-footer.gif') bottom left no-repeat;} #content form.singleLine input { float:left;} #content form.singleLine label { background:none; font-weight:normal; padding-bottom:0px; width:350px;} #content .addressbook h2, #content .addressbook h3 { padding:15px 15px 0px 15px; font-style:normal; font-size:1.2em;} .addressbook h3 span { padding:0px 0px 0px 5px; color:#666666; font-weight:normal;} .singleLine span { float:left; width:auto; margin:2px 0px 0px 5px; color:#999999;} .billingaddress, #content .addressbook li { float:left; width:206px; background:url('/_images/general/address-bg.gif') top left no-repeat; min-height:219px; height:auto !important; height:219px; position:relative; margin:0px 0px 20px 0px;} #content .addressbooksmall li { float:left; width:206px; background:none; margin:0px 0px 20px 0px;} .addressbooksmall h2 { padding:15px 15px 0px 15px; font-style:normal; font-size:1.2em; color:#155A77;} .addressbooksmall h3 span { padding:0px 0px 0px 5px; color:#666666; font-weight:normal;} #content .billingaddress h3,#content .addressbooksmall li h3 { padding:15px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:1em; margin:0px 15px 9px 15px; } #content .billingaddress h3, #content .addressbooksmall li h3 a { text-transform:uppercase; background:url('/_images/buttons/mag.gif') no-repeat 0px 2px; padding:4px 0 2px 24px; } #content .addressbooksmall li h3 a:hover { } #content .addressbooksmall li h3 a.collapse{ background:url('/_images/bullets/arrow-up.gif') no-repeat 0px 2px; padding:0 0 0 19px;} #content .addressbooksmall li h3 a.expand{ background:url('/_images/bullets/arrow-down.gif') no-repeat 0px 2px; padding:0 0 0 19px;} .billingaddress dl, .addressbooksmall dl { padding:0px 15px 10px 15px;} .billingaddress dl dt, .addressbooksmall dl dt { position:absolute; left:-9999px;} .billingaddress dl dd, .addressbooksmall dl dd { padding:0px 0px 0px 0px;} .billingaddress dl dd.name, .addressbooksmall dl dd.name { font-weight:bold; padding:0px 0px 5px 0px;} .billingaddress .addressControls, .addressbooksmall .addressControls { float:left; width:175px; margin:0px 15px 0px 15px; position:absolute; bottom:20px; left:0px;} #content .addressbooksmall li.last { margin-bottom:0px;} #content .addressbooksmall .edit{ margin:20px 0 60px 0;} #content .billingaddress h3, #content .addressbook li h3 { padding:15px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:1em; margin:0px 15px 9px 15px; background:url('/_images/general/addressbook-div.gif') bottom center no-repeat;} .billingaddress dl, .addressbook dl { padding:0px 15px 10px 15px;} .billingaddress dl dt, .addressbook dl dt { position:absolute; left:-9999px;} .billingaddress dl dd, .addressbook dl dd { padding:0px 0px 0px 0px;} .billingaddress dl dd.name, .addressbook dl dd.name { font-weight:bold; padding:0px 0px 5px 0px;} .billingaddress .addressControls, .addressbook .addressControls { float:left; width:175px; margin:0px 15px 0px 15px; position:absolute; bottom:40px; left:0px;} .billingaddress .addressControls { bottom:20px;} /********************************************************************/ /* Address Book/Delivery Book */ /********************************************************************/ #content .addressbook { float:left; width:710px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #content .addressbook li { display:inline; padding:0px 20px 20px 0px; margin:0px 0px 0px 0px;} #content ul.summary { padding-top:30px; padding-bottom:20px; background:url('/_images/general/bg-modulelist.gif') top left no-repeat;} #content ul.summary li { margin-bottom:0px;} #content ul.summary2 { padding:0 0 0 0; float:right; margin:0 0 0 0;} #content ul.summary2 li { margin-bottom:0px;} #content ul.summary2 h3 { padding-top:3px; margin-bottom:0px;} #content form.clubDetails .foot { margin:0px 0px 20px 0px; } #content form.clubDetails { float:left; width:710px; /*padding-top:35px;*/} #content form.clubDetails .footSingle { background:url('/_images/general/bg-singleLine-footer.gif') top left no-repeat;} #content form.clubDetails fieldset.singleLine { padding:16px 185px 10px 25px; } #content form.clubDetails fieldset.singleLine input { float:left;} #content form.clubDetails fieldset.singleLine label { background:none; font-weight:normal; padding-bottom:0px; width:350px;} .clubDetails label.number { position:absolute; left:-9999px;} .clubDetails input.number { width:130px; margin:0px 0px 0px 0px;} form p.singleLine { padding:0px 0px 0px 0px; width:300px; float:left; margin:4px 0px 0px 0px;} h2.billingsummary { padding:0px 0px 0px 0px; float:left; width:225px;} h2.basketsummary { padding:0px 0px 15px 0px;} .addressdelete{ margin:0 0 0 5px;} #content .selectAddress { float:left; padding:8px 0 8px 0; clear:both; width:500px;} #content .selectAddress h3 { padding:0 0 0 10px;} #content .selectAddress .selectoptions li { position:relative;} #content .selectAddress .selectoptions li input { position:absolute; left:10px; top:0px;} /********************************************************************/ /* My Account */ /********************************************************************/ .accountIntroContainer { float:left; width:710px; padding:0px 0px 0px 0px;} .accountIntro { float:left; width:470px; padding:3px 0px 0px 0px;} .accountIntroContainer .loyaltypoints { float:right; width:200px; height:86px; padding:18px 0px 0px 30px; background:url('/_images/basket/pods2.gif') top left no-repeat;} .accountIntroContainer .password { width:200px; height:86px; padding:18px 0px 0px 30px; background:url('/_images/basket/pods2.gif') top left no-repeat;} .accountIntroContainer .loyaltypoints h2 { padding:0px 0px 10px 0px;} #content ul.myaccountPods { padding:10px 0px 40px 0px; float:left; width:710px; /*background:url(/_images/general/bg-modulelist.gif) bottom left no-repeat;*/ margin:0px 0px 10px 0px; } #content ul.myaccountPods li { padding:0px 0px 0px 0px; margin:0px 14px 0px 0px; background:url('/_images/general/accountPod.gif') top left no-repeat #ededed; float:left; width:227px; display:inline; min-height:160px; height:auto !important; height:160px; position:relative; } #content ul.myaccountPods li.last { margin:0px 0px 0px 0px;} #content ul.myaccountPods li .foot { position:absolute; bottom:0px; left:0px; height:10px; width:227px; background:url('/_images/general/accountPodfoot.gif') top left no-repeat; font-size:0px; line-height:0px; } #content ul.myaccountPods li h2 { padding:20px 0px 15px 15px; float:left;} #content ul.myaccountPods li p { padding:0px 0px 35px 15px; float:left; width:190px;} #content ul.myaccountPods li a img { position:absolute; bottom:12px; right:12px; z-index:2;} #content ul.myaccountPods li h2 a img { position:static;} #content .orders td, #content .orders th { text-align:center; background:none; border:none;} #content .orders td { border-bottom:1px solid #E2E2E2;} #content .orders a { font-weight:normal; color:#0059a1;} #content .orders .date { width:470px; text-align:left; padding-left:10px; } #content .orders .status { width:110px;} #content .orders .total { width:80px;} #content .orders .view { width:50px;} #content .orders .clubs { width:290px; text-align:center; padding-left:10px;} #content .orders td.clubs { color:#004c6a;} #content .orders .cost { width:150px; text-align:center;} #content .orders .basket { width:100px; text-align:center;} #content .orders .renew { width:170px; border-left:none;} #content .orders td.renew { text-align:center;} #content .orders td.renewborder{ background:#FFFFFF url('/_images/basket/td-bkg.gif') right bottom no-repeat;} #content .renew .textfield{border:1px solid #DBDBDD;color:#004C6A;padding:2px; float:left; margin:2px 5px 0 7px; width: 120px;} #content .renew .formbutton{ clear:none; float:left;} #content .orders td { background:#FFFFFF url('/_images/basket/td-bkg.gif') left bottom no-repeat; vertical-align:middle; padding-top:6px; padding-bottom:6px; } #content .orders td.view, #content .orders td.basket { background:#FFFFFF url('/_images/basket/td-bkg.gif') right bottom no-repeat; border-left:1px solid #E2E2E2; } p .vieworders { float:right; margin:-7px 0px 0px 0px;} .backtoaccount { float:left; padding:20px 0px 0px 0px;} .addaddress { float:left; padding:10px 0px 17px 0px;} h2.orderdate { padding:0px 0px 5px 0px;} p.status { font-weight:bold; padding:0px 0px 10px 0px;} #content ul.wishlist { padding:5px 0px 20px 0px;} .clubIntro { float:left; width:710px; /*background:url(/_images/general/bg-modulelist.gif) bottom center no-repeat; */padding:0px 0px 20px 0px; margin:0px 0px 0px 0px;} .clubIntrologo{ float:right; margin:22px 0 40px 10px;} .clubIntro img { float:right;} .clubIntro img.buynow { float:none;} .clubbenefitscontainer { background:transparent url('/_images/general/bg-contact.gif') no-repeat left top; color:#004c6a; float:left; width:710px; } .clubbenefitscontainer .foot {background:transparent url('/_images/general/bg-contact-foot.gif') no-repeat left top; float:left; height:9px; margin:0; width:710px; position:relative;} .clubbenefitscontainer .foot img { position:absolute; right:15px; top:-200px;} .clubbenefits { padding:25px 25px 15px 25px;} #content .clubbenefits ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #content .clubbenefits ul li { padding:0px 0px 8px 20px; color:#666666; /*width:360px;*/ } .clubnews { padding:10px 0px 0px 0px; /*background:url(/_images/general/bg-modulelist.gif) top center no-repeat;*/ float:left; width:710px; margin:20px 0px 0px 0px;} .buymembership { padding:10px 0px 15px 0px; /*background:url(/_images/general/bg-modulelist.gif) top center no-repeat;*/ float:left; /*width:710px;*/ margin:0px 0px 0px 0px; } #content .buymembership table { margin:0px 0px 0px 0px;} .hide { display:none;} .addaddressdelivery { float:right; margin:-6px 0px 0px 0px; padding:0px 50px 0px 0px;} #content .buymembership { margin:0px 0px 15px 0px;} #content .buymembership label { position:absolute; margin-left:-9999px;} #content .buymembership .textfield, #content .buymembership select { width:110px; color:#666666; padding:2px 4px 2px 4px; margin:0px 5px 0px 0px; border:1px solid #e2e2e2;} #content .buymembership .textfield { float:left;} #content .buymembership select { width:260px; padding:0px 0px 0px 0px; line-height:18px; margin:0px 0px 0px 0px;} #content .buymembership select.type { width:70px; padding:0px 0px 0px 0px; line-height:18px; margin:0px 0px 0px 0px;} #content .buymembership .formbutton { float:right; margin:0px 0px 0px 0px;} #content .buymembership .cost { width:80px;} #content .buymembership .clubs { width:150px;} #content .buymembership .renew { width:150px;} #content .buymembership .basket { width:80px;} #content .clubinfo { border:none; background:url('/_images/basket/basket-bg.gif') no-repeat 0px 2px; margin:0px 0px 25px 0px;} #content .clubinfo .ac { text-align:center;} #content .clubinfo th+th, #content .clubinfo td+td { text-align:center;} #content .clubinfo th { font-size:13px; background:#fff; padding:10px 5px 10px 5px;} #content .clubinfo th span { font-size:11px; font-weight:normal;} #content .clubinfo td { border-right:none; vertical-align:middle; padding:7px 5px 7px 5px; background:#FFFFFF url('/_images/basket/td-bkg.gif') right bottom no-repeat;} #content .clubinfo th.border { color:#0059a1; border-top:1px solid #E2E2E2; background:#e9f4fd;} #content .clubinfo td.border { color:#0059a1; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; background:#e9f4fd;} #content .clubinfo td.foot { border-bottom:1px solid #E2E2E2;} #content .clubinfo td.footCorner { background:#fff; border-right:1px solid #E2E2E2;} /********************************************************************/ /* Category tags */ /********************************************************************/ #content ul.landingpagepods { float:left; width:710px; padding:0px 0px 15px 0px; margin:0 0 20px 0;} #content ul.landingpagepods li { float:left; height:180px; width:227px; /*background:url('/_images/general/bg-landingpage-pods.gif') no-repeat top left;*/ display:inline; padding:0px 0px 10px 10px; background:none;} #content ul.landingpagepods img { float:left; padding:0px 0px 0px 0px;} #content ul.landingpagepods span { float:left; clear:left;} #content ul.landingpagepods .first { padding:0px 0px 0px 3px;} #content ul.landingpagepods .title{ color:#fff; text-transform:uppercase; text-decoration:none; padding:1px 0px 0px 8px; cursor:pointer;} #content ul.faqlist { float:left; width:710px; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat bottom left;} #content ul.faqlist h2 { font-size:100%; padding:5px 0px 5px 0px;} #content ul.faqlist h2 a { text-decoration:none; display:block;} #content ul.faqlist li { float:left; width:710px; padding:18px 0px 0px 0px; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content ul.faqlist li p{ margin:8px 0 0 0;} #content ul.faqlist li li { float:none; width:auto; padding:0px 0px 5px 15px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 2px;} #content ul.faqlist li ol li { float:none; width:auto; padding:0px 0px 5px 1px; background:none;} #content ul.faqlist .first { padding:0px 0px 0px 0px; background:none;} #content ul.faqlist div { float:left; padding:0px 0px 0px 0px; background:#fff;} #content .embededimage{ float:right; padding:0 5px 15px 15px;} #content ul.faqlist a.expand, #content ul.faqlist a.collapse { font-weight:bold; padding:5px 0px 3px 25px; background:url("/_images/bullets/expand.gif") no-repeat 0px 2px;} #content ul.faqlist a.collapse { background:url("/_images/bullets/collapse.gif") no-repeat 0px 2px;} #content ul.faqlist a:hover { text-decoration:none;} #content ul.faqlist.catalogues li ul, #content ul.faqlist.catelogueDownloads li ul { float:left; width:710px; padding:10px 0px 0px 0px; /*background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;*/} #content ul.faqlist.catalogues li li { display:inline; float:left; width:100px; padding:0px 20px 10px 20px; background:none;} #content ul.faqlist.catalogues li img { float:left;} #content ul.faqlist.catelogueDownloads li li { float:none; width:auto; padding:2px 0px 10px 25px; color:#0059a1; /*background:url('/_images/bullets/bullet.gif') no-repeat 0px 2px;*/} #content ul.faqlist.catelogueDownloads li li.pdf{ background:url('/_images/icons/pdf.gif') no-repeat 0px 0px;} #content ul.faqlist.catelogueDownloads li li.word{ background:url('/_images/icons/worddoc.gif') no-repeat 0px 0px;} #content ul.faqlist.catelogueDownloads li li.excel{ background:url('/_images/icons/exceldoc.gif') no-repeat 0px 0px;} #content ul.faqlist.catelogueDownloads li li.jpg{ background:url('/_images/icons/jpg.gif') no-repeat 0px 0px;} #content ul.faqlist.catelogueDownloads li li span { padding:0px 0px 0px 10px;} #content .wallpapers { float:left; width:710px; padding:0px 0px 15px 0px;} #content .wallpapers li { display:inline; float:left; width:305px; height:118px; padding:17px 20px 0px 20px; margin:0px 0px 15px 20px; background:url('/_images/bg/wallpaper.gif') no-repeat top left;} #content .wallpapers .first { margin:0px 0px 15px 0px;} #content .wallpapers img { float:left; width:130px;} #content .wallpapers div { float:right; width:160px;} #content .wallpapers h2, #content .wallpapers h3 { font-size:100%; padding:0px 0px 8px 0px;} #content .wallpapers li li { display:inherit; width:140px; height:auto; padding:1px 0px 5px 20px; margin:0px 0px 0px 0px; background:url('/_images/bullets/dimensions.gif') no-repeat 0px 0px;} #content .competitionquestion { float:left; width:480px; padding:35px 115px 15px 115px; color:#0059a1; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content .competitionquestion li { padding:0px 0px 5px 0px; background:none; font-weight:bold;} #content .competitionquestion li span { font-size: 140%; padding:0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-style:normal;} #content .recentcomps{ float:right; margin:-30px 0 0 0;} .competitionImage { float:left; padding:0px 20px 10px 0px;} .faqImage { float:right; padding:0px 0px 10px 20px;} .competitionWinner { float:left; width:497px; padding:25px 200px 0 15px; margin:0px 0px 20px 0px; border-bottom:1px solid #00457D; background:url(/_images/bg/winnerbg.gif) top left no-repeat #0159a0; color:#fff; } .competitionWinner h2 { color:#fff;} .competitionWinner a { color:#fff; font-weight:normal; text-decoration:underline;} .competitionWinner a:hover, .competitionWinner a:focus { color:#FFDD00;} #content .modulelist.clubareas li { padding:30px 0px 15px 0px;} #content .modulelist.clubareas h2 { padding:0px 0px 10px 0px;} #content .modulelist.clubareas a { float:right;} #content .modulelist.clubareas div { float:left; width:430px;} #content .modulelist.clubareas div li { display:inline; width:auto; background:none; padding:0px 15px 0px 0px;} .sectionintro { float:left; width:330px; padding:0px 0px 15px 0px; min-height:270px; height: auto !important; height: 270px;} #content ul.sitemap { float:left; width:710px; padding:0px 0px 20px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat bottom left;} #content ul.sitemap li { float:left; width:710px; padding:18px 0px 0px 0px; background:url('/_images/bg/bg-modulelist.gif') no-repeat top left;} #content ul.sitemap li li { float:left; width:670px; padding:0px 0px 4px 40px; background:none;} #content ul.sitemap li li li { float:left; width:630px; padding:0px 0px 0px 0px; background:none;} #content ul.sitemap li a { float:left; padding:2px 0px 2px 22px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 3px;} #content ul.sitemap li li a { padding:0px 0px 0px 0px; background:none;} #content ul.sitemap li li ul { float:left; width:630px; padding:5px 0px 0px 40px;} #content ul.sitemap li li li a { font-weight:normal;} /********************************************************************/ /* Bespoke tags */ /********************************************************************/ #bespoke{ width:702px; height:984px; background:url(../_images/bg/bespoke.jpg) no-repeat top left; float:left; margin:0 0 0 4px; display:inline;} #bespokeflash{ float:left; width:660px; height:540px; display:inline; padding:0 0 0 18px;} #bespokecontent{ float:right; width:340px; height:20px; margin:115px 6px 0 0; clear:none; display:inline;} #bespokecontent p{ font-weight:bold; color:#fff; line-height:1.5em; font-size:1.1em;} #bespokecontent .caption{ float:right; display:inline; margin:0 6px 0 0;} #bespokecontent .contact{ float:left; width:340px; height:auto; background:url(../_images/bg/bespokecontact.gif) no-repeat top left; padding:15px 0 0 0; margin:25px 0 0 0;} #bespokecontent .contact p.phone{ background:url(../_images/bg/phone-icon.gif) no-repeat top left; padding:0 0 10px 23px; background-position:0 2px; margin:0 0 0 8px;} #bespokecontent .contact .button{ float:left; margin:15px 0 0 0;} .registerbutton{ float:right;} .overlays{ width:980px; position:relative; margin:0 auto 0 auto ; z-index:9999;} #basketcallout{ display: none;width:260px; height:99px; background:url(../_images/bg/callout-bg.png) no-repeat top left !important; background:url(../_images/bg/basket-callout2.gif) no-repeat top left; position:absolute; top:170px; z-index:9999; left:205px; padding:20px 20px 20px 32px;} #basketcallout p{ font-size:18px; color:#e20025; font-weight:bold; text-align:center; margin:0 0 15px 0; float:left;} #basketcalloutbuttons{ padding:0 0 0 2px;} #content .contact .postcodelookupresults ul.selectoptions { height: 200px; overflow: auto; width: 490px; border: 1px solid #ccc; clear: both; margin-bottom: 15px; margin-left: 10px; background: white; } #content .contact .postcodelookupresults ul.selectoptions li { width: 440px; } #content .contact .postcodelookupresults ul.selectoptions label { width: 410px; } /********************************************************************/ /* Corgi Premiums */ /********************************************************************/ #premiums{ width:701px; height:auto; float:left; display:inline;} #container .premiumNav{ width:701px; height:191px; position:relative;} #container .premiumNav ul { position:absolute; bottom:9px; left:0px; width:701px;} #container .premiumNav ul li { float:left; display:inline; background:none; padding:0;} #container .premiumNav ul li a { float:left; height:30px; text-indent:-9999px; background-image:url(/_images/premiums/premium-nav.gif); background-repeat:no-repeat; background-position:0px 0px; outline:none !important;} #container .premiumNav ul li.premiumNavGallery a { background-position:0px 0px; width:78px;} #container .premiumNav ul li.premiumNavGallery a:hover, #container .premiumNav ul li.premiumNavGallery a:focus, #container .premiumNav ul li.premiumNavGallery a.selected { background-position:0px -32px;} #container .premiumNav ul li.premiumNavReleases a { background-position:-78px 0px; width:111px;} #container .premiumNav ul li.premiumNavReleases a:hover, #container .premiumNav ul li.premiumNavReleases a:focus, #container .premiumNav ul li.premiumNavReleases a.selected { background-position:-78px -32px;} #container .premiumNav ul li.premiumNavStudies a { background-position:-189px 0px; width:112px;} #container .premiumNav ul li.premiumNavStudies a:hover, #container .premiumNav ul li.premiumNavStudies a:focus, #container .premiumNav ul li.premiumNavStudies a.selected { background-position:-189px -32px;} #container .premiumNav ul li.premiumNavDevelopment a { background-position:-301px 0px; width:164px;} #container .premiumNav ul li.premiumNavDevelopment a:hover, #container .premiumNav ul li.premiumNavDevelopment a:focus, #container .premiumNav ul li.premiumNavDevelopment a.selected { background-position:-301px -32px;} #container .premiumNav ul li.premiumNavHistory a { background-position:-465px 0px; width:130px;} #container .premiumNav ul li.premiumNavHistory a:hover, #container .premiumNav ul li.premiumNavHistory a:focus, #container .premiumNav ul li.premiumNavHistory a.selected { background-position:-465px -32px;} #container .premiumNav ul li.premiumNavContact a { background-position:-595px 0px; width:106px} #container .premiumNav ul li.premiumNavContact a:hover, #container .premiumNav ul li.premiumNavContact a:focus, #container .premiumNav ul li.premiumNavContact a.selected { background-position:-595px -32px;} #premiums #footer{ width:701px; height:95px;} #premiums #premiumcontent{ width:661px; height:auto; padding:10px 20px 10px 20px;} #premiums #premiumcontent ul.images{ float:right; list-style:none; width:270px; padding:0 0 0 50px;} #premiums #premiumcontent ul.images li{ background:none; width:270px; border:none; text-align:center;} #premiums #premiumcontent h2{ color:#00306a; } #premiums #premiumcontent h3{ color:#00306a; font-size:14px; } #premiums #premiumcontent ul{ width:660px; float:left; display:inline; list-style:none;} #premiums #premiumcontent ul li{ width:660px; float:left; background:none; padding:15px 0 15px 0; margin:0 0 10px 0; display:inline; border-top:1px solid #d7dde1; } #premiums #premiumcontent ul li div.content{ float:left; width:360px; display:inline;} #premiums #premiumcontent ul li div.image{ float:right; width:270px; display:inline; position:relative;} #premiums #premiumcontent ul li div.image img{width:270px;} #premiums #premiumcontent ul li div.image img.zoom{ width:32px; height:32px; position:absolute; bottom:0; right:0;} #premiums #premiumcontent ul li div.imageleft img.zoom{ width:32px; height:32px; position:absolute; bottom:0; right:0;} #premiums #premiumcontent ul li div.contentright{ float:right; width:360px; display:inline;} #premiums #premiumcontent ul li div.imageleft{ float:left; width:270px; display:inline; position:relative;} #premiums #premiumcontent ul li dl{ float:left; width:360px; display:inline; margin:0 0 10px 0;} #premiums #premiumcontent ul li dl dt{ float:left; width:100px; color:#00306a; font-weight:bold; padding:0 0 5px 0; clear:left;} #premiums #premiumcontent ul li dl dd{ float:left; width:260px; padding:0 0 5px 0;} #premiumscarousel{ width:701px; height:430px; float:left; display:inline;} #content .clubTypes { float:left; width:710px; padding:25px 0px 15px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat top left;} #content .clubTypes li { position:relative; float:left; display:inline; width:200px; height:200px; padding:0px 18px 0px 18px; background:none;} #content .clubTypes li p { padding:0px 0px 10px 0px;} #content .clubTypes li .more { position:absolute; left:18px; bottom:0px;} .clubMagazines, .signedBy { float:left; width:710px; padding:0px 0px 25px 0px; margin:0px 0px 30px 0px; background:url('/_images/bg/horiz-divider.gif') no-repeat bottom left;} .photoInsert { clear:both; float:right; margin:0px 0px 10px 15px;} .signedBy { font-size: 16px; color:#0059a1; font-weight:bold;} .signedBy span { font-size: 12px;} #content ul.clubBenefitList {/*width:500px; */padding:0px 0px 20px 0px;} #content ul.clubBenefitList li { /*width:450px;*/ padding:18px 20px 0px 30px; background:url('/_images/bg/clubBenefitList.gif') no-repeat top left;} #content .sampleDownloads { float:left; width:710px; padding:0px 0px 0px 0px;} #content .sampleDownloads li { float:left; display:inline; padding:0px 14px 0px 14px; background:none; }