/* markup.css resets all browsers 'base' css to this one */ body {padding:0; margin:0; font-size:.71em; background:#F9F9F9 url(/imgs/bg_body2.gif) repeat-y 50% 100%; text-align:center; line-height:1.2em;} body, input, select, textarea {font-family:Arial, Helvetica, sans-serif; color:#000;} form {display:inline;} body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td dl,dt,dd,ul,ol,li,select,hr {margin:0;padding:0;} table,input, select, textarea {vertical-align:middle;} caption {text-align:left; font-weight:bold; color:#1E238A; font-size:110%;} hr {height:1px; clear:both; width:inherit; border:none; border-top:1px solid #000;} acronym, abbr {border:0; border-bottom:1px dotted #660033; cursor:help;} q:before, blockquote:before, q:after, blockquote:after {content:'';} /************************************************************************************************************************************* nav.css controls the navigational items that are on every page. *************************************************************************************************************************************/ /* Header & Main Wrapper */ #accessibiltylinks {position:absolute; top:-999em;} #navwrappper {width:160ex; min-width:983px; margin:0 auto; padding:0; text-align:left; position:relative; background:#fff;} #navheader {position:relative; height:88px; background:#fff; overflow:hidden;} #logo {border:medium none;left:11px;position:relative;top:12px; width:292px; text-align:center;} #title {position:absolute; right:15px; top:32px; z-index:20;} #phone {border:medium none;position:absolute;right:146px;top:38px;z-index:20;} #visit {border:medium none;position:absolute;right:5px;top:38px;z-index:20;} /* Nav Spans */ #navtop li span, #navright li span, .sitemap li span, #navmain li span {display:none; visibility:hidden;} /* navtop */ #navtop {padding:0; float:right; height:24px; overflow:hidden;} #navtop ul {margin:0 10px 0 0; width:615px; padding:0 10px 0 0; display:block; float:right; background:#fff url(/imgs/bg_navtop2.gif) repeat-x bottom right;} #navtop li {list-style-type:none; display:block; float:left; height:18px; padding:4px 6px 2px; background:#fff url(/imgs/bg_navtop2.gif) repeat-x bottom center;} #navtop li.first {padding:4px 4px 2px 10px; background:#fff url(/imgs/bg_navtop2.gif) repeat-x bottom left;} #navtop a {padding:0 7px; text-decoration:none; color:#302089; font-weight:bold;} #navtop a:hover, #navtop a:active, #navtop a:focus {color:#5659A7; text-decoration:underline;} /* navsearch */ #navsearch {background:url("/imgs/bg_navsearch.png") no-repeat scroll 0 0 transparent;left:320px;padding:4px 0;position:absolute;top:40px;width:354px;} #navsearch label {height:26px; line-height:26px; font-size:14px; padding:0 8px 0 12px; display:block; float:left; font-style:normal; font-weight:bold; color:#fff;} #navsearch .searchbox {height:18px; line-height:18px; padding:3px 2px 0; border:1px solid #fff; font-size:1.1em; width:200px; background:url(/imgs/bg_navsearch_sprite.gif) 0 0 no-repeat;} #navsearch input {height:26px; margin-left:5px;} /* navmain */ #navmain {background:url(/imgs/bg_navtop_sprite.gif) 0 -130px repeat-x; height:35px; clear:both; margin-bottom:14px;} #navmain img {border:none; margin:0;} #navmain ul {width:985px; padding:8px 0 0 0; height:28px; overflow:hidden; position:relative; z-index:100; border:0; background:url(/imgs/bg_navmain_tab.png) 784px 8px no-repeat;} #navmain li {list-style-type:none; display:block; float:left; background:url(/imgs/bg_navmain_tab.png) top right no-repeat; text-align:center; height:28px; padding:0 10px 0 0; margin:0;} #navmain li a {font-weight:bold; float:left; margin:0; padding:0 2px 2px 10px; line-height:26px; background:url(/imgs/bg_navmain_tab.png) top left no-repeat; font-size:12px; text-decoration:none; color:#fff; display:block; cursor:pointer;} #navmain a:hover, #navmain a:active, #navmain a:focus {text-decoration:underline; outline:none;} #navmain li.navmainlast {background:none; padding:0;} #navmain .navmainlast a {padding:0 0 2px 14px;} /* navleft */ #navleft {float:left; width:22%; color:#171B6F; margin:0 0 21px 15px;} #navleft h2 {color:#302089; background:#e0e0ec url(/imgs/bg_h2.gif) repeat-x; border:1px solid #cfcfe6; border-bottom:1px solid #c1c1e6; padding:5px; font-size:1.1em;} #navleft h2 em {font-style:normal;} #navleft ul {padding:0 0 10px 0; list-style:none;} #navleft ol {margin:0 0 12px 3ex;} #navleft p {margin:0 0 2ex 0;} #navleft a {text-decoration:none; color:#171B6F; display:block;} #navleft .basket a {display:inline;} #navleft .basket {border:1px solid #e1e1e1; border-top:0; padding:5px; margin-bottom:15px;} #navleft .basket ul {padding:0;} #navleft .yourbasket {color:#fff; background:#422883 url(/imgs/bg_h2_purple.gif) repeat-x top left; border:1px solid #533a92; border-bottom:1px solid #8269bb; padding:5px; font-size:1.1em;} #navleft .orderby em {font-size:1.1em; font-style:normal; color:#EF5B1D; line-height:1.5em;} #navleft .orderby b {color:#000;} #navleft a:hover, #navleft a:active, #navleft a:focus {color:#78A5D1; text-decoration:underline;} #navleft img {border:0;} #navleft .sm {font-size:100%; color:#E3E3ED; padding:0;} #navleft .productbanner {margin :0 10% 0 15%;} #navleft .box {border:1px solid #e1e1e1; border-top:0; padding:3px 3px 3px 5px; margin-bottom:10px;} #navleft .basketaccessory {padding:8px 0 4px 0; border-bottom:1px solid #f1f1f1;} #navleft .arrowWh li {padding:0 0 0 19px; background:url(/imgs/icn_arrowSPRITE.gif) 0 -287px no-repeat;} #navleft .grey {background:#8c8eb8;} #navleft .grey a {color:#fff; font-weight:bold; padding:1ex 0; background:url(/imgs/icn_arrowGr.gif) 100% 1.5ex no-repeat;} #navleft .grey a:hover, #navleft .grey a:active, #navleft .grey a:focus {color:#FFF; text-decoration:underline;} /* curves (css for all curves on edges of boxes, done this way so they'll expand with text size) */ .curves {border:1px solid #E3E3ED; padding:0 5px 11px 6px; margin:3px 0 17px 0;} .curvetop {display:block; height:5px; margin:-1px -6px 5px -7px; background:url(/imgs/crn_wh_sprite.gif) 0 0 no-repeat;} .curvetop img {display:block; height:5px; width:5px; float:right; background:url(/imgs/crn_wh_sprite.gif) 100% 0 no-repeat;} .curvebtm {display:block; height:5px; margin:7px -6px -12px -7px; background:url(/imgs/crn_wh_sprite.gif) 0 100% no-repeat;} .curvebtm img {display:block; height:5px; width:5px; float:right; background:url(/imgs/crn_wh_sprite.gif) 100% 100% no-repeat;} .grey .curvetop {background:url(/imgs/crn_gr_sprite.gif) 0 0 no-repeat;} .grey .curvetop img {background:url(/imgs/crn_gr_sprite.gif) 100% 0 no-repeat;} .grey .curvebtm {background:url(/imgs/crn_gr_sprite.gif) 0 100% no-repeat;} .grey .curvebtm img {background:url(/imgs/crn_gr_sprite.gif) 100% 100% no-repeat;} #main a.blue {color:#1E238A; text-decoration:none;} #main a.blue:hover, #main a.blue:active, #main a.blue:focus {color:#000; text-decoration:underline;} /* navbc (breadcrumb) */ #main #navbc {font-size:1.06em; margin:0 0 1em 0; color:#EF5B1D; position:relative; background:#E6E6EF url(/imgs/breadcrumb-sprite.gif) 0 0 no-repeat;} #main #navbc p {padding:3px 6px 0 6px; margin:0; background:url(/imgs/breadcrumb-sprite.gif) 100% 0 no-repeat; color:#EF5B1D; font-weight:bold;} #navbc a:hover, #navbc a:active, #navbc a:focus {text-decoration:none;} #navbc .curvebtm {margin:0; background:#E6E6EF url(/imgs/breadcrumb-sprite.gif) 0 100% no-repeat;} #navbc .curvebtm img {background:url(/imgs/breadcrumb-sprite.gif) 100% 100% no-repeat;} /******** new front page left nav - added by Oli ********************/ #navhome ul {font-size:100%; line-height:20px; list-style-position:outside;} #navhome li {padding-left:5px; border:1px solid #e1e1e1; border-top:0; font-size:1.09em; line-height:1.85em;} #navhome li em {font-style:normal; color:#171B6F;} #navhome li li {padding-left:10px; font-size:1em; line-height:1.8em; border:0; color:#444;} #navhome li li a {text-decoration:none; color:#444; display:inline;} #navhome a {text-decoration: none; color:#000;} #navhome a:hover, #navhome a:focus {color:#ef5b1d; text-decoration:underline;} #atoz h2 {font-size:115%; padding:4px 10px 6px 10px; margin-bottom:12px; font-style:normal; background:url(/imgs/bg_h2navleft.gif) no-repeat;} .atoz em {background:url(/imgs/txt_h2_sprite.gif) no-repeat 177px -105px} /* main (center column - main bulk of content. Base styles only, see global.css for general & page specific styles) */ #main {min-height:20em; padding:0 20px 30px 20px; float:left; width:58%;} #main.wide {width:710px;} #main hr {border-top:1px solid #C7C8E1; margin:0;} #main hr.clear {border-top:1px solid #fff;} #main q, #main blockquote {margin:.75em 2em 1.5em 2em; font-family:Georgia, "Times New Roman", Times, serif; color:#5B5244;} #main ul,#main ol,#main dl {margin:.75em 2em 1.5em 2em; line-height:1.5em;} #main ul ul, #main ol ul, #main dl ul {margin:0 2em .1em 0;} #main dt {margin:1.5em 0 0 0; font-size:1em; font-weight:bold;} #main h1 {font-size:2em; line-height:1.1em; font-weight:normal; margin:5px 0;} #main h2 {font-size:1.25em;} #main h3, #main h4 {font-size:1em;} #main h5, #main h6 {font-size:.9em;} #main p {margin:0 0 1.5em 0; line-height:1.5em;} #main a {color:#EF5B1D; text-decoration:underline;} #main a img {border:0;} #main a:hover, #main a:active, #main a:focus {color:#5659A7; text-decoration:none;} /* navright *************************************************************************************************************************************/ #navright {float:left; text-align:right; width:137px; padding:1px 0 21px 0;} #navright ul {list-style:none;} #navright li {margin:0 0 8px 0;} #navright img {border:none;} #navright em {color:#E44C23; font-style:normal;} #navright hr {border-top-color:#BCBDD5; margin:10px 0;} #navright a {color:#EF5B1D; text-decoration:underline;} #navright a:hover, #navright a:active, #navright a:focus {color:#5659A7; text-decoration:none;} /* Email signup */ .subscribe_tbox {color:#000; margin-top:55px; width:120px; margin-right:7px;} .subscribe_ibtn {margin-top:2px; margin-right:43px;} .response {margin-top:90px; color:#000; margin-right:5px;} /* footer *************************************************************************************************************************************/ #navfooter {clear:both; text-align:center; margin:0 15px; padding:15px 0 5px 15px; border-top:1px solid #eee; color:#888;} #navfooter p {padding:15px 0 0 0; clear:both;} #navfooter ul {width:155px; float:left; color:#DADBE8;} #navfooter li {float:left; padding:0; margin:0 0 5px 0; clear:left; text-indent:8px; list-style-type:none; background:url(/webcontent/images/ebay/icn_arrowORsmall.gif) no-repeat 2px 4px; list-style-position:inside; color:#666;} #navfooter .footertitle {font-weight:bold; font-size:1.1em; color:#666; text-indent:0; background:#fff; float:left; cursor:default;} #security {float:right; width:310px; position:relative;} #isis {float:left; margin:8px 0 4px 0; clear:left; border:none;} #verisign {position:absolute; right:0; border:none;} #ipadd {color:#fff;} #navfooter a {text-decoration:none; color:#666;} #navfooter a:hover, #navfooter a:active, #navfooter a:focus {color:#333; text-decoration:underline;} #paging {float:left; margin:5px 5px 15px 5px; clear:both;} .paginglink {padding-right:9px; font-size:12px;} .paginglinkDisabled {padding-right:9px; font-size:12px; text-decoration:none;} /* Extented by shan */ .curves2 {border:1px solid #E3E3ED; padding:0 5px 11px 11px; margin:3px 0 10px 0;} .ncurves {width:175px; height:90px; margin:0 14px 15px 0; float:left; background:url(/imgs/cat.png) 0 0; text-decoration:none;position:relative;} .ncurves img {position:absolute; bottom:5px; right:5px; border:none; outline:none;} #main .ncurves a {position:absolute; width:175px; height:90px; text-decoration:none; outline:none;} #main .ncurves a:hover {position:absolute; width:175px; height:90px; background:url(/imgs/cat.png) 0 100%;} #main .ncurves h2 {color:#432985; font-weight:bold; margin:4px 5px 0 6px; font-size:1.2em; line-height:1.2em; text-decoration:none;} .ncurves em {color:#888; font-size:1.09em; font-style:normal; font-weight:bold; text-decoration:none; position:absolute; bottom:6px; left:6px;} #main h2.rangeh {width:175px; height:35px; overflow:hidden; float:left; text-align:center; background:url(/imgs/range.png) 0 0 no-repeat; text-decoration:none; margin:0 5px 10px 5px;} #main .rangeh a {text-decoration:none; display:block; padding:4px; width:167px; height:27px; line-height:27px; color:#432985;} #main .rangeh a:hover {background:url(/imgs/range.png) 0 100% no-repeat; text-decoration:none; padding:4px; width:167px; height:27px; display:block; line-height:27px; color:#432985;} #main h2.on {color:#000; line-height:35px;} #main h3.hbest {background:#E0E0EC url(/imgs/bg_h2.gif) repeat-x scroll 0 0; border-color:#CFCFE6 #CFCFE6 #C1C1E6;border-style:solid;border-width:1px;color:#302089;font-size:1.1em;padding:5px; margin:15px 0 0 0;} #main h1.basecat {width:445px; float:left;} #main .viewall {float:right; border:none; margin:5px 0 0 0;} /* Basket */ .basketcontact {font-size:100%;color:navy; margin-top:2px; position:relative; background:#E6E6EF url(/imgs/crn_bk_sprite.gif) 0 0 no-repeat;} .basketcontact h3 {padding:3px 6px 0 10px; margin:2px 0 0 0; background:url(/imgs/crn_bk_sprite.gif) 100% 0 no-repeat; } .basketcontact .curvebtm {margin:0; background:#E6E6EF url(/imgs/crn_bk_sprite.gif) no-repeat 0% 100%;} .basketcontact .curvebtm img {background:url(/imgs/crn_bk_sprite.gif) no-repeat 100% 100%;} /* FilterChooser */ .filterchooser {clear:both; width:545px; color:navy; background: url(/imgs/bg_filter.gif) #e6e6ef no-repeat; padding:5px 0 0 10px; margin-bottom:20px; height:155px;} .option {clear:both; padding:0 0 5px 0;} .step {padding-right:20px; float:left; clear:left; width:35px; color:#000;} .filterchooser a:hover {background:; text-decoration:none;} .filterchooser a.tooltip span {display:none; padding:3px; margin-left:5px; width:150px;} .filterchooser a.tooltip:hover span{display:inline; position:absolute; background:#fff; border:1px solid #000; color:#666; z-index:100%;} .filterchooser img {border:none; vertical-align:middle;} #main ul {margin:0 0 6px 0; list-style:none;} #main h4 {font-size:100%; padding:4px 10px 6px 10px; background:url(/imgs/bg_h4_wide.gif) no-repeat;} #main h4 em {display:block; font-style:normal; margin:-4px -10px -3px -10px; padding:4px 10px 3px 10px;} #main .top5 em {background:url(/imgs/txt_h2_sprite.gif) no-repeat 177px -21px;} #main .newr em {background:url(/imgs/txt_h2_sprite.gif) no-repeat 177px -42px} #main .preorder em {background:url(/imgs/txt_h2_sprite.gif) no-repeat 177px -63px} #main .reviews em {background:url(/imgs/txt_h2_sprite.gif) no-repeat 177px -84px} #main .arrowBl li {padding:0 0 0 19px; background:url(/imgs/icn_arrowSPRITE.gif) top left no-repeat; background-color:#fff} #main .arrowOr li {padding:0 0 0 19px; background:url(/imgs/icn_arrowSPRITE.gif) 0 -52px no-repeat;} #main .arrowWh li {padding:0 0 0 19px; background:url(/imgs/icn_arrowSPRITE.gif) 0 -287px no-repeat;} #main .arrowBl li ul li {padding:0 0 0 8px; background:url(/imgs/icn_arrowORsmall.gif) 0 .6ex no-repeat;} /** Brand Logo Rollover - Oli **/ .brand {clear:left; height:auto; width:100%; border-bottom:1px solid #E3E3ED; padding-bottom:10px; margin-bottom:10px; float:left;} .brand img {padding: 1px 0 0 2px;} .brand a {background:url(/imgs/brand.png) no-repeat 0 0; height:45px; width:132px; margin:7px 4px 0 3px; float:left; outline:none;} .brand a:hover {background:url(/imgs/brand.png) no-repeat 0 100%;} /************************************************************************************************************************************* global.css controls the more general items & things that are specific to certain pages *************************************************************************************************************************************/ .att {color:#c00;} .border {border:1px solid #222;} .clear {clear:both;} hr.clear {border-top:1px solid #fff;} .lg {font-size:1.09em; line-height:1.3em;} .sm {font-size:80%; font-weight:normal;} .underline {text-decoration:underline;} span.indent, p.indent, div.indent {margin:0 40px;} .hidden {display:none; visibility:hidden;} .alignright {text-align:right;} .alignleft {text-align:left;} .aligncenter {text-align:center;} .floatright {float:right;} .floatleft {float:left;} /*Extended Shan */ #main img.alignright, #main span.alignright img, #main table.alignright {margin:1ex 0 1ex 1ex; float:right;} #main img.alignleft, #main span.alignleft img, #main table.alignleft {margin:1ex 1ex 1ex 0; float:left;} #main p.aligncenter img, #main p.aligncenter {margin:1ex auto;} /* Home Page */ #home {margin:0 -6px 0 6px; clear:right;} #home .pad {margin:0 0 20px 20px;} /* Search Page */ #search {position:relative; margin:10px 0 0 0;} #search ul {list-style:none; margin:5px 0; padding:0;} #search li {margin:0 0 5px 0; padding:5px 0 10px 0; clear:both; border-bottom:1px solid #C9C9DF; min-height:75px; font-size:1.1em; line-height:1.5em; color:#111;} #search li p {margin:.5ex 0 4ex 0;} #search li img {margin:5px 0 0 0; border:none; display:inline; float:none;} #search li h2 {line-height:1.8em; font-size:1.05em;} #search li h2 img {float:right; border:1px solid #E3E3ED; margin:5px 0 10px 5px; padding:5px;} #search li em {font-size:120%; color:#EF5B1D; font-style:normal;} /* New product page + tabs - Alex */ #producttop {background:#fff url(/imgs/bg_newproduct.png) repeat-y 0 0; border-bottom:1px solid #eee; margin-bottom:10px;} #productlhs {width:195px; float:left; text-align:center; padding:10px 0 30px 0;} #productsummary {height:85px; margin-bottom:15px;} #productrhs {width:490px; float:right; padding:0 0 0 20px; position:relative;} #product #title_stock {float:right; line-height:1.5em; clear:right;} #product a#stock {text-decoration:none; color:#000; font-weight:bold; line-height:1.4em;} #product a:hover#stock {text-decoration:underline;} #product #stock img {border:0; position:relative; top:0.4em; padding:0 2px 0 0;} #product #price {font-size:1.8em; color:#Ef5B1D; font-weight:bold; padding:25px 0 10px 0;} #product #price a img {border:0; vertical-align: middle;} #product .topimage {background:#fff; padding:5px; margin:0; float:left; color:#111;} #product #codes {clear:both; margin:10px 0; font-size:1em; color:#444;} #product #codes b {font-weight:normal; font-size:1.1em; color:#111;} #product #icons ul {margin-bottom:50px; float:left;} #product #icons li {float:left; padding:3px; margin:1px 1px 10px 1px; list-style:none; text-align:center; font-size:1em; border:1px solid #f0f0f0;} #product #icons li a img {border:0;} #product .backtotop {text-align:right; padding:5px 0;} /* buying options - same as accessories differentiate with #kits_bundles and #recommended_accessories */ #product .ptitle a {font-size:1.4em; color:#171B6F; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; letter-spacing:-.002em; word-spacing:-.06em; text-decoration:none;} #product .ptitle a:hover {color:#5659a7; text-decoration:underline;} #product .producttitle {font-size:1.9em; color:#0a0a38; border-bottom:1px solid #eee; margin:0; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; font-weight:normal; letter-spacing:-.005em; word-spacing:-.06em; padding:5px 200px 10px 0;} #product .pshort {font-size:1.1em; line-height:1.6em; color:#111; padding:15px 0; margin:0;} #product .stock {float:right; text-align:right; clear:right; line-height:1.5em; margin:2px 0 4px 0;} #product .stock img {padding:2px 3px 0 0; margin:2px 3px 3px 0; border:0; position:relative; top:.55em;} #product .stock a {padding:0; margin:0 3px 0 0; text-decoration:none; color:#000; font-weight:bold;} #product .stock a:hover {text-decoration:underline;} #product .cashback {background:url(/imgs/cashback.gif) no-repeat 100% 0; margin-top:10px; padding-right:8px; color:#fff; font-size:14px; text-align:center; float:right; height:30px; line-height:30px; max-width:300px;} #product .cashback a {color:#fff; text-decoration:none; font-weight:normal;} #product .cashback a:hover {text-decoration:underline; color:#fff;} #product .crv {background:url(/imgs/cashback.gif) no-repeat 0 0; line-height:30px; width:10px; height:30px; float:right; margin-top:10px;} #cashbackwrapper {position:absolute; right:0; top:-50px;} #product .price {float:left; text-align:left; color:#Ef5B1D; font-size:1.5em; padding-top:5px; margin-top:5px;}/* position:relative; top:-45px; */ #product .accessoryprice {float:left; text-align:left; color:#Ef5B1D; font-size:1.5em;padding-top:5px; margin-left:5px; margin-top:5px;} #product .price a img {border:0; margin-top:10px; vertical-align: text-top;} #product .saving {float:right; clear:both; padding:5px; font-size:1.8em;} #product .kitsimage {float:left; margin:5px 10px 5px 0; border:0;} #product .codes {float:left; color:#444;} #product .socialbookmark {float:right; text-align:right;} #product .socialbookmark img {border:0;} #product .emailfriend img, .addfav img {vertical-align:top;border:0; padding-right:4px;} #product a.emailfriend, #product a.addfav {display:block; clear:both; text-decoration:none; color:#444; font-size:1.25em; line-height:1.2em; text-align:right; float:left; margin-right:10px; padding-right:10px; border-right:1px solid #ccc;} #product a.addfav {margin-top:4px;} #product .emailtofriend {border:1px solid #ddd; padding:15px; margin:15px auto; background:#f1f1f1; float:left;} #product .emailtofriend label {width:120px; display:block; float:left; font-weight:bold; clear:left; margin-bottom:10px;} #product .emailtofriend input {clear:right; float:left; width:250px; margin-bottom:10px;} #product .emailtofriend textarea {clear:right; float:left; width:250px; margin-bottom:10px;} #product .emailtofriend img {clear:left; float:left;} #product .emailtofriend hr {width:auto; margin:0 0 10px 0;} #product .productfeedback {margin:10px 0 0 0; border-top:1px dotted #ddd;padding:10px 0 0 0; font-size:1.1em; line-height:1.6em; color:#111;} #product a.yes {color:#1f5721;} #product a.no {color:#d61e2c; clear:right;} #product .productfeedback ul {list-style-type:none; margin:10px 0; background:#f5f5f5; border:1px solid #ddd; padding:10px;} #product .productfeedback b {display:block; margin-bottom:5px;} #product .productfeedback li {margin:0 0 5px 0; color:#111; padding:0;} #product .productfeedback li.header {font-weight:bold;} #product .productfeedback u {text-decoration:none; border-bottom:1px dotted #d61e2c;} #product .productfeedback span {float:left; margin:0 25px 0 0; display:block;} #product .rsummary {float:right;} #product .bundle, #product .accessory {border:1px solid #E3E3ED; border-top:0;padding:10px 10px 5px 10px; background:#fff;} #product .bundle p {text-align:justify; font-size:1.1em; line-height:1.6em; color:#111; word-spacing:-.075em; clear:both;} #kits_bundles, #recommended_accessories {border-top:1px solid #E3E3ED;} #prod_nav {clear:both; padding:0; margin:0;} #prod_nav a {color:#fff; padding:0 0 0 8px; text-decoration:none; vertical-align:middle; line-height:30px; margin:0; outline: none; display:block; border:none; background:url(/imgs/bg_prodnav_tabsprite.png) no-repeat 0 0;} #prod_nav a:hover {text-decoration:underline; color:#fff; display:block;} #prod_nav ul {display:block; text-align:center; margin:0;} #prod_nav li {padding:0 8px 0 0; height:30px; float:left; list-style-type:none; display:block; background:url(/imgs/bg_prodnav_tabsprite.png) no-repeat 100% 0;} #prod_nav li.selected {background:url(/imgs/bg_prodnav_tabsprite.png) no-repeat 100% 100%;} #prod_nav li.selected a {padding:0 0 0 8px; color:#fff; background:url(/imgs/bg_prodnav_tabsprite.png) no-repeat 0 100%;} /* image tab styles */ #images #mainimage {width:708px; padding:10px 0; text-align:center; border:1px solid #e0e0e0; border-top:0;} #product #images #mainimage_large {width:708px; padding:10px 0; text-align:center; border:1px solid #e0e0e0;} #images #smallimages {text-align:center; background:#f3f3f3; border:1px solid #e0e0e0; padding:5px;} #images #smallimages img {padding:2px; background:#fff; margin:0 5px 0 0; border:1px solid #e0e0e0;} /* review tab styles */ #product #bvreviews {border:1px solid #e0e0e0; width:650px; font-size:1.09em; line-height:1.5em;} #product #BVCustomerRatings {float:left; clear:left; margin:2px 0 5px 0; color:#444;} /* details tab styles */ #product #details {border:1px solid #e0e0e0; width:650px; font-size:1.09em; line-height:1.5em; padding:30px;} #product #details h4 {font-size:110%} #product ul {list-style-type:circle; list-style-position:inside;} /* spec table as ul */ #specifications {border:1px solid #e0e0e0; width:650px; padding:30px;} #specifications table {width:90%; border-collapse:collapse; border-spacing:0;} #specifications td {border-top: 1px solid #E3E3ED;} #specifications tr:hover {background:#f9f7fd;} #specifications .attribkey {width:40%; color:#EF5B1D; font-weight:bold; line-height:1.8em; font-size:1.09em;} #specifications .attribvalue {font-weight:bold; font-size:1.1em; line-height:1.6em;} /* borrows from nav.css so needs to be added to ie6.css */ #included_accssories {border:none; background:#e0e0ec; padding:0 0 10px 0; margin:10px 0; background:url(/imgs/bg_includedaccessories.png) 50% 100% no-repeat;} #included_accssories p {background:url(/imgs/bg_includedaccessories.png) 50% 0 no-repeat; margin:0; padding:10px 10px 0 10px; font-size:1.05em; line-height:1.6em; color:#111;} #included_accssories strong {color:#302089; display:block; font-size:1.2em; letter-spacing:-.01em;} /* Stock levels page - Alex */ #stocklevels {background-color:#FFF; width:200px; padding-left:5px;} #stocklevels p {padding:25px 0; text-align:left;} /* category */ #navsortby {float:right; color:#999; display:block; position:relative; z-index:1;} /* Paging Extened by Shan */ #main .paging ul {list-style:none; margin:0; padding:0;} #cashback {color:#000; border:1px solid #666; background:#eee; padding:3px;} #cashback a {text-decoration:none; color:#fff;} #cashback a:hover {text-decoration:underline; color:#fff;} /* Feedback page */ #feedback .title {font-size:1.9em; color:#0a0a38; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; font-weight:normal; letter-spacing:-.006em; word-spacing:-.06em; padding:0 0 4px;} #feedback .content {text-align:justify; font-size:1.1em; line-height:1.3em; color:#111; word-spacing:-.075em; border-top:1px ; border-bottom:1px ; padding:5px 0; margin:5px 0; clear:both;} #feedback .contentbold {text-align:justify; font-size:1.1em; line-height:1.3em; color:#171b6f; font-weight:bold; word-spacing:-.075em; border-top:1px ; border-bottom:1px ; padding:5px 0; margin:5px 0; clear:both;} #feedback .subtitle {font-size:1.3em; color:#0a0a38; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; font-weight:normal; letter-spacing:-.006em; word-spacing:-.06em; padding:0 0 4px;} /************************************************************************************************************************************* print.css is only ever used when a user tries to print a page. *************************************************************************************************************************************/ @media print {.dummy {} #navtop, #navleft, #navright, #navmain, #navfooter, #accessibiltylinks, #navbc, .noprint {visibility:hidden; display:none;} #logo, .logo {visibility:visible; position:absolute; left:-20px; top:0; width:288px; height:72px;} #title, .title {visibility:visible; position:absolute; left:400px; top:0; width:216px; height:82px;} * {color:#000; background:#fff; background-image:none;} #main {position:absolute; left:0; top:100px; width:16cm; padding:0; border:none; margin:0;} } #popup {border-right: #000 1px solid;border-top: #000 1px solid;left: 100px;border-left: #000 1px solid;width: 100px;border-bottom: #000 1px solid;position: absolute;top:100px;height:100px;background-color:#fffacd;z-index: 10000;} /*popups */ #SalesPopup, #BasketPopup, #EmailPopupIFrame {z-index:9999;position: fixed;top:0;left:0;background-color:#fff;border:none;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;display:inline!important;} * html #SalesPopup,#BasketPopup, #EmailPopupIFrame {position:absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');} #MPModalFiller, #EmailFriendFiller {display:inherit;z-index: 10000;left: 0;width: 100%;position: absolute;position:fixed; top: 0;height: 500%;background-color: #999;filter:alpha(opacity=70);opacity:0.7;padding: 0;margin: 0;} #MPModalPopup {z-index: 10001;border-right: #000 1px solid;border-top: #000 1px solid;border-left: #000 1px solid;border-bottom: #000 1px solid;position: absolute;width: 230px;background-color: #fffacd;} #MPYes, #MPNo {width: 50px;font-size: 10pt;font-weight: bold;font-family: Arial;color: #fff;background-color: #8888aa;margin: 6px;text-align: center;border-color: #444477;border: solid 1px;} #FPFloatingPopup {z-index: 10001;position:absolute; width:235px; height:90px; background:url(/imgs/bg_addtobasket.gif) no-repeat;} #FPText {font-weight:300; font-size:16px; text-align:center; margin:10px 0; color:#fff;} #FPText .added {font-size:30px;color:#EF5B1D; font-weight:bold; line-height:1.1em; margin-top:20px; display:block;} #FP1Yes {width:50px; font-size:10pt; font-weight:bold; font-family:Arial;color:#fff; background-color:#8888aa; margin:6px; text-align:center; border:solid 1px #444477;} /* email friend popup */ #EmailFriendPopup { z-index: 10001;border-right: #000 1px solid;border-top: #000 1px solid;border-left: #000 1px solid;border-bottom: #000 1px solid;position: absolute;width: auto;background:#f1f1f1;} /* Basket Header */ .stage {float:right;display:block;margin-right:20px;list-style-type: none;} .stage li {float: left;width: 100px;height: 30px;font-size: 14px;line-height: 28px;color: #999;text-align: center;} .stage a {color: #fff;text-decoration: none;} .stage a:hover {color: #fff;text-decoration: underline;} li.firstdone {color: #fff;background: url(/imgs/bg_progress.gif) no-repeat 0 -60px;} li.done {color: #fff;background: url(/imgs/bg_progress.gif) no-repeat 0 -30px;} li.active {color: #fff;background: url(/imgs/bg_progress.gif) no-repeat 0 0;} .basketdesc {text-align:center; height:150px; vertical-align:middle; font-size:1.4em; line-height:1.5em; color:#402682;} /* Product Page Bargain Basement */ #bargains {font-size:9pt; font-weight:normal;} .bbrowheader {vertical-align:middle; background-color:#BCBDD5;} .bbrowstyle1 {background-color:#E1E1E1;} .bbrowstyle2 {background-color:#fff;} .bbdescription {font-size:8pt; font-weight:normal;} .bbheader {font-size:9pt; font-style:normal; font-weight: bold; color: #000;} .bbtitle {font-size:8pt; font-weight:normal;} .bborigprice {font-size:8pt; font-weight:normal; text-align:center;} .bbsplprice {font-size:8pt; font-style:normal; font-weight: bold; color:#FF0033; text-align:center;} .bbbasket {padding-right:5px; float:right; padding-left:10px;} .bbbasket img {border:0;} .bbcondition {font-size:8pt; font-weight:normal; color:#ef5b1d;} .bbincacc {background-color:gray; color:#fff;} #bargains a {text-decoration:none; color:navy; text-align:center; line-height:16px;} #bargains a:hover, #bargains a:active, #bargains a:focus {color:#ef5b1d; text-decoration:underline;} #bargains .bbtitle a {text-decoration:underline; color:navy; text-align:center; line-height:16px;} #bargains .bbtitle a:hover, #bargains .bbtitle a:active, #bargains .bbtitle a:focus {color:#ef5b1d; text-decoration:underline;} /* Perfect Partner*/ #ppartner {border-top: 1px dotted #ddd; padding:10px 0; height:75px;} #ppartner img {float:left; border:none;} .ppartnerplus {margin:0 5px; float: left; font-size:2.5em; line-height:75px;} .ppartnerinfo {margin:0 0 0 10px; width:300px; float:left;} #ppartner h3 {font-size:1.3em; float:left; color:#333; display:block; clear:both; width:100%; text-indent:1px;} .ppartnerrec {margin:7px 0; float:left; display:block; font-style:normal; font-size:1.1em; line-height:1.2em;} .ppartnerprice {float:left; font-size:1.4em; color:#EF5B1D; display:block; clear:left;} a#ppartneradd {margin:0 10px; float:left; font-size:1.2em; color:#171B6F;} a#ppartnerlink {color:#111; text-decoration:none; border-bottom:1px dotted #C1C1E6;} /* Post to Add-to-Basket */ .confirmation {padding:0 0 35px 0;} #productadded {color:#1aaa35; font-size:1.6em; margin:12px 0;} #productadded img {vertical-align:text-top;} #paddedimg {float:left; margin:0 15px 0 0;} #basketaccessory {float:left; clear:both; margin:25px 0;} #accessorylist {border-left:1px solid #e1e1e1; list-style:none; clear:both; float:left; width:700px;} #accessorylist li {width:202px; float:left; padding:20px 15px 10px 15px; margin:0; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; position:relative;} #accessorylist li img {float:left; margin:0 5px 0 0;} #accessorylist a.acclink {line-height:1.3em; font-size:1.05em; height:3.85em; display:block; overflow:hidden; margin:0 0 5px 0; color:#333;} #accessorylist .mostpopular a.acclink {font-weight:bold; color:#111;} #accessorylist a.accmore {color:#999; font-size:0.9em; text-decoration:none; display:block; text-align:center; line-height:1.2em; height:1.2em; overflow:hidden;} #accessorylist a.accmore:hover {text-decoration:underline;color:#666;} #accessorylist .accprice {color:#EF5B1D; font-size:1.1em; margin:0 0 5px 0;} #accessorylist .atb {display:block; float:none; clear:both; padding:10px 0 0 0; margin:0 auto 10px auto;} li#popularhighlight {width:680px; background:#f05d1f url(/imgs/bg_popularaccessory.png) repeat-x 0% 0%; border:none; padding:5px 5px 5px 15px; color:#fff; position:relative;} #popularhighlight img {position:absolute; bottom:-15px; left:37px;} h2#orangeh {clear:both;color:#EF5B1D;display:block;font-size:1.55em;font-weight:normal;padding:0 0 4px; float:left; margin:0 0 10px 0; border:none;} h2#orangehtwo {border-bottom:1px dotted #D2D2D2;clear:both;color:#EF5B1D;display:block;font-size:1.55em;font-weight:normal;margin:0 0 12px 0;padding:0 0 4px;} a img {border:none;} #continueshopping {margin:25px 0;} #continueshopping .ncurves {width:165px; margin:0 10px 12px 0; background:url(/imgs/cat-165.png) no-repeat 0 0;} #continueshopping .ncurves a {width:165px;} #continueshopping .ncurves a:hover {width:165px; background:url(/imgs/cat-165.png) no-repeat 0 100%;}