/************************************************************************************************************************************* markup.css resets all browsers 'base' css to this one Ensures the starting layout for all browsers is as similar as possible. You should never need to amend this one *************************************************************************************************************************************/ /*body {padding:0; margin:0; font-size:.71em; background:#F4F4F4 url(../imgs/bg_sprite.gif) 0 -152px repeat-x; text-align:center; line-height:1.2em;}*/ 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 {border:0; border-bottom:1px dotted #660033; cursor:help;} 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. Generally styles are in order on this page from top to bottom, left to right as seen on the screen *************************************************************************************************************************************/ /*Header & Main Wrapper *************************************************************************************************************************************/ #accessibiltylinks {position:absolute; top:-999em;} #navwrappper, #designedby {width:983px; min-width:983px; position:relative;}/*width:160ex; replaced with 983px - FF3 issues */ /*#navwrappper {margin:0 auto; padding:0; text-align:left; position:relative; background:#fff url(../imgs/txt_h2_sprite.gif) 0 -150px repeat-x;}*/ #navwrappper {width:160ex; min-width:983px; margin:0 auto; padding:0; text-align:left; position:relative; background:#fff;} /*#navheader {position:relative; height:88px; background:url(../imgs/bg_sprite.gif) left -19px repeat-x; overflow:hidden;}*/ #navheader .bg {width:421px; height:82px; position:absolute; left:344px; top:34px; } #navheader {position:relative; height:88px; background:#fff; overflow:hidden;} #logo {border:none; position:absolute; left:0; top:13px; padding:0 0 0 10px;} *html #logo {border:none; position:relative; left:0; top:-15px; bottom:25px; padding:0 0 0 10px;} #phone {position:absolute; right:0; top:30px; z-index:20;padding: 8px 6px 0 0;} /* Nav Spans (to pass accessibility testing there must be a char in code between links, this hides them visually) *************************************************************************************************************************************/ /*#navtop li span, .sitemap li span, #navmain li span {display:none; visibility:hidden;} */ #navtop li span, #navright li span, .sitemap li span, #navmain li span {display:none; visibility:hidden;} /*#navtop li span.underline, #navleft li span.underline, #navfooter li span.underline, .sitemap li span.underline {display:inline; visibility:visible;}*/ /* navtop *************************************************************************************************************************************/ /*#navtop {padding:11px 0 0 0;} #navtop {padding:0; float:right; height:24px; overflow:hidden;} #navtop ul {margin:0; padding:0; display:block; float:right; min-height:23px; background:url(../imgs/bg_navtop_sprite.gif) 100% -93px repeat-x;} #navtop li {list-style-type:none; display:block; float:left; min-height:23px; padding:4px 0.8ex; background:url(../imgs/bg_navtop_sprite.gif) 100% -60px no-repeat;} #navtop li.first {padding:0; background-position: 100% -60px;} #navtop li em {font-style:normal; padding:4px 0 0 4ex; min-height:19px; display:block; float:left; background:url(../imgs/bg_navtop_sprite.gif) 0% -30px no-repeat;}/* cursor:pointer; */ /*#navtop li.last {padding:4px 34px 0 0; background:url(../imgs/bg_navtop_sprite.gif) 100% 0% no-repeat;} #navtop a {padding:0 2ex 0 1ex; text-decoration:none; color:#fff; font-weight:bold;} #navtop a:hover, #navtop a:active, #navtop a:focus, #navtop a:hover em, #navtop a:active em, #navtop a:focus em {color:#fff; text-decoration:underline;} */ #navtop {padding:0; float:right; height:24px; overflow:hidden;} *html #navtop {padding:0; float:right; height:30px; overflow:hidden;} #navtop ul {margin:0 10px 0 0; width:585px; 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 8px 2px; background:#fff url(/imgs/bg_navtop2.gif) repeat-x bottom center;} #navtop li.first {padding:4px 4px 2px 15px; 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 {width:35.3%; position:absolute; left:350px; top:65px; background:url(../imgs/bg_navsearch_sprite.gif) 100% -75px} */ /* #navsearch label {width:79px; height:23px; display:block; float:left; background:url(../imgs/bg_navsearch_sprite.gif) 0px -75px;} /* */ /*#navsearch label em {position:relative; top:5px; left:32px; font-style:normal; font-weight:bold; color:#fff;}*/ #navsearch .boxes {height:18px; line-height:18px; padding:3px 2px 0 2px; border:1px solid #fff; font-size:1.1em; width:200px; background:url(../imgs/bg_navsearch_sprite.gif) 0 0 no-repeat; } /* #navsearch input {margin:4px 0 0 0;}*/ /*#navmain #navsearch img {position:absolute; right:-1px; top:0; filter:alpha(opacity=100); -moz-opacity:1;}*/ /*#navsearch a:hover img, #navsearch a:active img, #navsearch a:focus img {position:relative; top:0;}*/ #navsearch {width:36%; position:absolute; left:350px; top:40px; padding:4px 0; background:url(../imgs/bg_navsearch.png) 0 0 no-repeat; background-repeat:no-repeat; } #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 2px; border:1px solid #fff; font-size:1.1em; width:200px; background:url(../imgs/bg_navsearch_sprite.gif) 0 0 no-repeat;} #navsearch input {margin-left:5px;} #navsearch a:hover img, #navsearch a:active img, #navsearch a:focus img {position:relative; top:0;} /* navmain *************************************************************************************************************************************/ /*#navmain {background:url(../imgs/bg_navtop_sprite.gif) 0% -130px repeat-x; height:33px; clear:both; margin-bottom:18px;} #navmain img {border:none; margin:0 -1px 0 0;} #navmain ul {width:985px;margin:0 0 0 0%; padding:8px 0 0 0px; min-height:35px; position:relative; z-index:100; border:0px solid;} #navmain li {list-style-type:none; display:block; float:left; min-height:35px; line-height:100%; background:url(../imgs/bg_navmain_tab.gif) top center no-repeat; text-align:center;} #navmain li a {font-weight:bold; padding:0; text-decoration:none; color:#fff; display:block; width:100%; cursor:hand; height:30px;} #navmain a:hover, #navmain a:active, #navmain a:focus {text-decoration:underline;} #navmain li p {padding-top:2px;} #navmain li.pad1 {width:140px;} #navmain li.pad2 {width:108px; background:url(../imgs/bg_navmain_tab2.gif) 100% 0 no-repeat;} #navmain #topmenu {width:979px; text-align:center; margin:0 auto;} */ #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 2px; 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; width:134px; display:block; float:left; background:url(/imgs/bg_navmain_tab.png) top right no-repeat; text-align:center; height:28px; padding:0 6px 0 0; margin:0;} #navmain li a {font-weight:bold; /*float:left;*/ margin:0; padding:0 2px 2px 8px; line-height:inherit; background:url(/imgs/bg_navmain_tab.png) top left no-repeat; font-size:11px; 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; font-weight:normal; color:#171B6F; display:block;} #navleft .basket a {display:inline;} #navleft .basket {border:1px solid #e1e1e1; border-top:0px; padding:5px; margin-bottom:15px;} #navleft .basket ul {padding:0px;} #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:0px; padding:3px 3px 3px 5px; margin-bottom:10px;} #navleft .basketaccessory {padding:8px 0 4px 0; border-bottom:1px solid #f1f1f1;} #navleft .arrowBl li {padding:0 0 0 19px; background:url(../imgs/icn_arrowSPRITE.gif) top left no-repeat; background-color:#FFFFFF} #navleft .arrowOr li {padding:0 0 0 19px; background:url(../imgs/icn_arrowSPRITE.gif) 0% -52px no-repeat;} #navleft .arrowWh li {padding:0 0 0 19px; background:url(../imgs/icn_arrowSPRITE.gif) 0% -287px no-repeat;} #navleft .arrowBl li ul li {padding:0 0 0 8px; background:url(../imgs/icn_arrowORsmall.gif) 0 0.6ex no-repeat;} #navleft .arrowBl em {color:#4A4FAE; font-style:normal;} #navleft .arrowOr em {color:#E44C23; font-style:normal;} #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;} #navleft .white2g {background:#ffffff;} #navleft .grey2 {background:#d7d7d7;} #navleft h2 em {display:block; font-style:normal; margin:-4px -10px -3px -10px; padding:4px 10px 3px 10px;} /** .basket em {background:url(../imgs/txt_h2_sprite.gif) no-repeat 177px 0px;} .top5 em {background:url(../imgs/txt_h2_sprite.gif) no-repeat 177px -21px;} .newr em {background:url(../imgs/txt_h2_sprite.gif) no-repeat 177px -42px} .preorder em {background:url(../imgs/txt_h2_sprite.gif) no-repeat 177px -63px} .reviews em {background:url(../imgs/txt_h2_sprite.gif) no-repeat 177px -84px} .aboutus em {background:url(../imgs/txt_h2_aboutus.gif) 98% no-repeat;} **/ #help em {display:block; font-style:normal; margin:-4px -10px 6px -10px; padding:4px 10px 6px 10px;background:url(../imgs/txt_h2_help.gif) 90% no-repeat;} #navleft #help {font-size:100%; padding:4px 10px 10px 10px; background:url(../imgs/bg_h2navleft_wht.gif) no-repeat;} #navleft #category {font-size:100%; padding:4px 10px 10px 10px; background:url(../imgs/bg_h2navleft_org.gif) no-repeat; color:#fff;} #navleft #navbc {font-size:110%; margin:0 0 0em 0; color:#fff; position:relative; background:#EF5B1D url(../imgs/crn_or_sprite.gif) 0 0 no-repeat;} #navleft #navbc p {padding:3px 6px 0 6px; margin:2px 0 0 0; background:url(../imgs/crn_or_sprite.gif) 100% 0 no-repeat;} #navleft #navbc a {text-decoration:none; color:#fff; font-weight:normal;} #navleft #navbc a:hover, #navleft #navbc a:active, #navleft #navbc a:focus {color:#fff; text-decoration:underline;} #navleft #navbc span {color:#fff; font-weight:normal;} #navleft #navbc .curvebtm {margin:0 0 0 0; background:#EF5B1D url(../imgs/crn_or_sprite.gif) 0 100% no-repeat;} #navleft #navbc .curvebtm img {background:url(../imgs/crn_or_sprite.gif) 100% 100% no-repeat;} /* 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;} /*white on grey2 padding*/ .curves .white2g {border:1px solid #E3E3ED; padding:0 5px 11px 6px; margin:3px 0 7px 0;} .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 grey box on RHS */ .grey2 .curvetop {background:url(../imgs/crn_gr_tl.gif) no-repeat;} .grey2 .curvetop img {background:url(../imgs/crn_gr2_tr.gif);} .grey2 .curvebtm {background:url(../imgs/crn_gr2_bl.gif) no-repeat;} .grey2 .curvebtm img {background:url(../imgs/crn_gr2_br.gif);} /* white inside corners on grey2 background*/ .white2g .curvetop {background:url(../imgs/crn_wh2g_tl.gif) no-repeat;} .white2g .curvetop img {background:url(../imgs/crn_wh2g_tr.gif);} .white2g .curvebtm {background:url(../imgs/crn_wh2g_bl.gif) no-repeat;} .white2g .curvebtm img {background:url(../imgs/crn_wh2g_br.gif);} div.orange {border:none; background:#EF5B1D; color:#fff;} .orange .curvetop {margin:-1px -5px 5px -11px; background:url(../imgs/crn_or_tl.gif) no-repeat;} .orange .curvetop img {background:url(../imgs/crn_or_tr.gif);} .orange .curvebtm {margin:7px -5px -11px -11px; background:url(../imgs/crn_or_bl.gif) no-repeat;} .orange .curvebtm img {background:url(../imgs/crn_or_br.gif);} div.blue {border:none; background:#E3E3ED;} .blue .curvetop {margin:-1px -5px 5px -11px; background:url(../imgs/crn_bl_tl.gif) no-repeat;} .blue .curvetop img {background:url(../imgs/crn_bl_tr.gif);} .blue .curvebtm {margin:7px -5px -11px -11px; background:url(../imgs/crn_bl_bl.gif) no-repeat;} .blue .curvebtm img {background:url(../imgs/crn_bl_br.gif);} #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/crn_bk_tl.gif) no-repeat;} #main #navbc p {padding:3px 6px 0 6px; margin:0; background:url(../imgs/crn_bk_tr.gif) 100% 0 no-repeat;} #main #navbc span {color:#EF5B1D; font-weight:bold;} #main #navbc a:hover, #main #navbc a:active, #main #navbc a:focus {text-decoration:none;} #main #navbc .curvebtm {margin:0 0 0 0; background:#E6E6EF url(../imgs/crn_bk_bl.gif) no-repeat;} #main #navbc .curvebtm img {background:url(../imgs/crn_bk_br.gif);} /******** 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:0px; 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:0px; 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:0px 20px 30px 20px; float:left; width:58%;} #main * {} #main hr {border-top:1px solid #C7C8E1; margin:0;} #main hr.clear {border-top:1px solid #fff;} #main q, #main blockquote {margin:0.75em 2em 1.5em 2em; font-family:Georgia, "Times New Roman", Times, serif; color:#5B5244;} #main ul,#main ol,#main dl {margin:0.75em 2em 1.5em 2em; line-height:1.5em;} #main ul ul, #main ol ul, #main dl ul {margin:0 2em 0.1em 0;} #main dt {margin:1.5em 0 0 0; font-size:1em; font-weight:bold;} #main h1 {font-size:1.5em; margin-left:-1px;} #main h2 {font-size:1.25em; margin-left:-1px;} #main h3, #main h4 {font-size:1em; margin-left:-1px;} #main h5, #main h6 {font-size:0.9em; margin-left:-1px;} #main p {margin:0 0 1.5em 0; line-height:1.5em; } #main a {color:#EF5B1D; text-decoration:underline;} #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 h2 {font-size:100%; color:#171B6F; text-align:left; margin:0 0 15px 0; padding:4px 10px 4px 10px; background:url(../imgs/bg_h2_right.gif) no-repeat; position:relative; left:-2px;} #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, #mainavrightn a:focus {color:#5659A7; text-decoration:none;} .lpchat {margin-bottom:15px; position:relative;} .lpchat a:hover {background:; text-decoration:none;} .lpchat a.lpinfo span {display:none;padding:0;} .lpchat a.lpinfo:hover span{display:inline; position:absolute; left:-394px; top:-15px;} /* footer *************************************************************************************************************************************/ #navfooter {clear:both; text-align:center; color:#9EA8AF; position:relative; } #geotrust {position:absolute; right:0px; top:20px; } #navfooter p {margin:2ex 0; padding:1ex; border-top:1px solid #DADBE8; border-bottom:1px solid #DADBE8;} #navfooter ul {margin:auto; padding:15 0 20px 0; width:82%; color:#DADBE8;} #navfooter li {list-style-type:none; display:inline;} #navfooter a {text-decoration:underline; color:#86929B;} #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 { margin-right:14px; margin-bottom:15px; width:175px; height:110px; float:left; background:url(../imgs/cat.jpg) no-repeat; text-decoration:none; cursor:pointer; } .ncurves img {float:right; margin-top: -9px; padding-right:3px; } .ncurves h2 {width:167px; height:50px; color:#4B0082; font-style:normal; font-weight:bold; float:left; padding-left: 6px; padding-top:6px; font-size:medium; line-height:15px; text-decoration:none; } .ncurves em {color:#E44C23; font-style:normal; font-weight:bold; float:left; padding-top:30px; padding-left:10px; text-decoration:none; width:100px; height:21px; } .ncurves_range { margin-right:8px; margin-bottom:15px; width:175px; height:35px; float:left; background:url(../imgs/range.gif) no-repeat; text-decoration:none; cursor:pointer; } .ncurves_range h2 {width:160px; height:50px; color:#4B0082; font-style:normal; font-weight:bold; float:left; padding-left: 4px; padding-top:4px; font-size:medium; line-height:15px; text-decoration:none; text-align:center;} .nbest {font-size:110%;color:#EF5B1D; position:relative; background:#E6E6EF url(../imgs/crn_bk_tl.gif) no-repeat; clear:left;} .nbest h2 {padding:3px 6px 0 10px; margin:2px 0 0 0; background:url(../imgs/crn_bk_tr.gif) 100% 0 no-repeat; } .nbest .curvebtm {margin:0 0 0 0; background:#E6E6EF url(../imgs/crn_bk_bl.gif) no-repeat;} .nbest .curvebtm img {background:url(../imgs/crn_bk_br.gif);} /* Basket */ .baskethead {font-size:100%;color:#fff; position:relative; background:#EF5B1D url(../imgs/crn_or_tl.gif) no-repeat;} .baskethead h2 {padding:3px 6px 0 10px; margin:2px 0 0 0; background:url(../imgs/crn_or_tr.gif) 100% 0 no-repeat; } .baskethead .curvebtm {margin:0 0 0 0; background:#EF5B1D url(../imgs/crn_or_bl.gif) no-repeat;} .baskethead .curvebtm img {background:url(../imgs/crn_or_br.gif);} .basketcontact {font-size:100%;color:navy; margin-top:2px; position:relative; background:#E6E6EF url(../imgs/crn_bk_tl.gif) no-repeat;} .basketcontact h3 {padding:3px 6px 0 10px; margin:2px 0 0 0; background:url(../imgs/crn_bk_tr.gif) 100% 0 no-repeat; } .basketcontact .curvebtm {margin:0 0 0 0; background:#E6E6EF url(../imgs/crn_bk_bl.gif) no-repeat;} .basketcontact .curvebtm img {background:url(../imgs/crn_bk_br.gif);} /* Filter */ #filterhead {font-size:100%;color:#fff; margin-top:-20px; margin-left:5px; margin-right:5px; position:relative; background:#EF5B1D url(../imgs/crn_or_tl.gif) no-repeat;} #filterhead h2 {padding:3px 6px 0 10px; margin:2px 0 0 0; background:url(../imgs/crn_or_tr.gif) 100% 0 no-repeat; } #filterhead .curvebtm {margin:0 0 0 0; background:#EF5B1D url(../imgs/crn_or_bl.gif) no-repeat;} #filterhead .curvebtm img {background:url(../imgs/crn_or_br.gif);} /* 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;} .filterchooser h2 {background:url(../imgs/bg_h2navleft_org_long.gif) no-repeat; color:#fff; padding:5px 0 5px 5px; line-height:12px; width:440px; float:left; clear:left;} .option {clear:both; padding:0 0 5px 0;} .step {padding-right:20px; float:left; clear:left; width:35px; color:black;} .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:#ffffff; border:1px solid #cccccc; 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:#FFFFFF} #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 0.6ex no-repeat;} /** Brand Logo Rollover - Oli **/ .brand {clear:right; 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('../webcontent/brand_images/normal.gif') no-repeat 0 0; height:45px; width:132px; margin:5px 5px 0 0; float:left;} .brand a:hover {background:url('../webcontent/brand_images/active.gif') no-repeat 0 0;} /************************************************************************************************************************************* 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 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 1ex auto;} /* Home Page *************************************************************************************************************************************/ #home {margin:0 -6px 0 6px; clear:right;} #home .pad {margin:0 0 20px 20px; } /* Search Page *************************************************************************************************************************************/ #main #search {position:relative; margin:10px 0 0 0;} #main #search ul {list-style:none; margin:5px 0; padding:0;} #main #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;} #main #search li p {margin:0.5ex 0 4ex 0;} #main #search li img {margin:5px 0 0 0; border:none; display:inline; float:none;} #main #search li h2 {line-height:1.8em; font-size:1.05em;} #main #search li h2 img {float:right; border:1px solid #E3E3ED; margin:5px 0 10px 5px; padding:5px;} #main #search li em {font-size:120%; color:#EF5B1D; font-style:normal;} /*pagenav *************************************************************************************************************************************/ #pagenav {margin:2em 0 0 0; padding:0; display:block; border-bottom:1px solid #9B9DC5; } #pagenav p {margin:0 0; padding:8px 0 3px 16px; color:#fff; display:inline; background:url(../imgs/bg_pagenav_p.gif) no-repeat;} #pagenav ul {color:#BCBDD5; margin:0 0; padding:0 50px 0 0; display:inline;} #main #search #pagenav li, #pagenav li {padding:8px 5px 3px 5px; margin:0 -3px 0 0; display:inline; border:none; background:url(../imgs/bg_pagenav_mid.gif) repeat-x;} #main #search #pagenav li.first, #pagenav li.first {padding:8px 5px 3px 20px; background:url(../imgs/bg_pagenav_l.gif) no-repeat;} #main #search #pagenav li.last, #pagenav li.last {padding:8px 20px 3px 5px; background:url(../imgs/bg_pagenav_r.gif) 100% 0 no-repeat;} #main #search #pagenav li.on, #pagenav li.on {background:url(../imgs/bg_pagenav_on.gif) repeat-x;} /* Product page *************************************************************************************************************************************/ div.narrow {width:100%; float:left; position:relative; top:-3px; height:400px;} #products .curves img {border:none; vertical-align:middle;} #products .curves img.lg {margin-bottom:10px;} #products .narrow em {font-size:240%; color:#EF5B1D; } #products .pad {margin:0 0 10px 10px;} #products p.alignright {margin:2px 15px;} #products table {width:100%;} #products th {display:none; visibility:hidden;} #products td {padding:2px 10px 2px 0;} #products td em {color:#EF5B1D; font-style:normal; font-weight:bold;} #products td .underline {color:#FF0000; font-weight:bold;} #products .narrow .curvebtm{position:relative; top:12px;} #products ul {list-style:none; float:right; margin: 1em 0; padding:0;} #products li {margin:0 5px 5px 0; padding:5px 5px; clear:both; min-height:60px; border:1px solid #C9C9DF; } #products .mediaselector {margin:0 5px 5px 0; padding:5px 5px; clear:both; min-height:60px; border:1px solid #C9C9DF; cursor:pointer; vertical-align:middle; } /*New product page + tabs - Alex *************************************************************************************************************************************/ #product #title_stock {float:right; line-height:1.5em; clear:right;} #product #stock {margin:0 0 8px 0; float:right;} #product #stock img {padding:2px 3px 0 0; margin:2px 3px 3px 0; border:0px; position:relative; top:.55em;} #product #stock a {padding:0 3 0 0; margin:0 3px 0 0; text-decoration:none; color:#000; font-weight:bold;} #product #stock a:hover {text-decoration:underline;} #product #price {float:left; font-size:1.35em; margin:8px 5px 5px 0;} #product #price h2 {margin:8px 0 10px 5px; color:#Ef5B1D; font-size:1.375em; letter-spacing:-0.01em;} #product #price a img {border:0px; vertical-align: middle;} #product .topimage {float:left; margin:5px 10px 5px 0;} /*#product #codes {clear:left; float:left; margin-bottom:10px; color:#444;}*/ #product #codes {float:none; position:relative; clear:left; color:#444; margin-bottom:10px;} #testeo {position:absolute; right:0; top:0; width:134px; } #product #icons ul {display:block; margin-bottom:50px; clear:both;} #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:0px;} #product .backtotop {text-align:right;} /* 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:-0.002em; word-spacing:-0.06em; text-decoration:none;} #product .ptitle a:hover {color:#5659a7; text-decoration:underline;} #product .producttitle {font-size:1.9em; color:#0a0a38; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; font-weight:normal; letter-spacing:-0.006em; word-spacing:-0.06em; padding:0 0 4px;} #product .pshort {text-align:justify; font-size:1.1em; line-height:1.6em; color:#111; word-spacing:-0.075em; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; padding:5px 0; margin:5px 0; clear:both;} #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 -2px 0; border:0px; position:inherit; top:.55em;} #product .stock a {padding:0 3 0 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;} #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:0px; 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:0px;} #product .codes {float:left; color:#444;} #product .socialbookmark {float:right; text-align:right;} #product .socialbookmark img {border:0px;} #product .emailfriend img, .addfav img {vertical-align:top;border:0px; padding-right:4px;} #product a.emailfriend, #product a.addfav {clear:both; color:#444; display:block; float:left; text-align:left; font-size:1.25em; line-height:1.2em; text-decoration:none;} /*#product a.addfav {margin-top:4px;}*/ #product .emailtofriend {clear:both; color:#444; display:block; float:left; text-align:left; font-size:1.25em; line-height:1.2em; text-decoration:none;} #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:0px;} #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:0px;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:-0.075em; clear:both;} #kits_bundles, #recommended_accessories {border-top:1px solid #E3E3ED;} #product #prod_nav a {color:#fff; padding:0 0 0 8px; text-decoration:none; vertical-align:middle; line-height:30px; margin:0px; outline: none; -moz-outline-style: none; display:block; border:none; background:url(../imgs/bg_prodnav_tab.gif) no-repeat 0% 100%; } #product #prod_nav a:hover {text-decoration:underline; color:#fff; display:block;} #product #prod_nav {clear:both; padding:0px; margin:0px;} #product #prod_nav ul {display:block; text-align:center; margin:0px;} #product #prod_nav li {padding:0 8px 0 0; height:30px; float:left; list-style-type:none; display:block; background:url(../imgs/bg_prodnav_tab.gif) no-repeat 100% 50%; } #product #prod_nav li.selected {background:url(../imgs/bg_prodnav_tabopen.gif) no-repeat 100% 100%;} #product #prod_nav li.selected a {padding:0 0 0 8px; background:url(../imgs/bg_prodnav_tabopen.gif) no-repeat 0% 100%;} /*image tab styles*/ #product #images #mainimage {width:568px; padding:10px 0; text-align:center; border:1px solid #e0e0e0; border-top:0px;} #product #images #mainimage_large {width:568px; padding:10px 0; text-align:center; border:1px solid #e0e0e0;} #product #images #smallimages {text-align:center; background:#f3f3f3; border:1px solid #e0e0e0; padding:5px; cursor:pointer;} #images #smallimages img {padding:2px; background:#fff; margin:0 5px 0 0; border:1px solid #e0e0e0;} /*review tab styles*/ #product #bvreviews {padding-top:10px;} #product #BVCustomerRatings {float:left; margin-top:2px; clear:none; display:inline;} /*details tab styles*/ #product #details {width:100%; font-size:1.09em; line-height:1.5em; margin-top:10px;} #product #details h4 {font-size:110%} #product ul {list-style-type:circle; list-style-position:inside;} /* spec table as ul */ #specifications table {width:90%; border-collapse:collapse; border-spacing:0px;} #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;} /*borrows from nav.css so needs to be added to ie6.css */ #included_accssories {border:none; background:#86929B; color:#fff;} #included_accssories .curves {border:1px solid #E3E3ED; padding:0 5px 11px 6px; margin:3px 0 17px 0;} #included_accssories .curvetop {display:block; height:5px; margin:-1px -6px 5px -7px; background:url(../imgs/crn_gr_tl.gif) no-repeat;} #included_accssories .curvetop img {display:block; height:5px; width:5px; float:right; background:url(../imgs/crn_gr_tr.gif);} #included_accssories .curvebtm {display:block; height:5px; margin:7px -6px -12px -7px; background:url(../imgs/crn_gr_bl.gif) no-repeat;} #included_accssories .curvebtm img {display:block; height:5px; width:5px; float:right; background:url(../imgs/crn_gr_br.gif);} /* 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;} #main #category {position:relative;} #main #category ul {list-style:none; margin:1em 0 1em 0; padding:0; color:#1E238A; font-size:110%; line-height:1.1em; /* position:relative; left:-20px;*/} #main #category li {float:right; width:29%; text-align:center; margin:0 1ex 1ex 0; padding:1ex; border:1px solid #C7C8E1; min-height:20ex; background:url(../imgs/bg_category.jpg) no-repeat; } #main #category li img {border:none;} #main #category li strong {display:block;} #main #category li a {text-decoration:none;} #main #category li.lg {width:62%; height:66.2ex; font-size:100%;} #main #category li.lg img {margin:20px auto 75px auto;} #main #category li.lg strong{font-size:120%; margin-bottom:10px;} /*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;} /************************************************************************************************************************************* print.css is only ever used when a user tries to print a page. It is last in the chain & therefore overwites any previous css. *************************************************************************************************************************************/ @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:344px; height:90px;} #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: black 1px solid; border-top: black 1px solid; left: 100px; border-left: black 1px solid; width: 100px; border-bottom: black 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: 0px;width: 100%;position: absolute;position:fixed; top: 0px;height: 500%;background-color: #999999;filter:alpha(opacity=70);opacity:0.7;padding: 0px;margin: 0px; } #MPModalPopup { z-index: 10001;border-right: black 1px solid;border-top: black 1px solid;border-left: black 1px solid;border-bottom: black 1px solid;position: absolute;width: 230px;background-color: #fffacd; } #MPYes, #MPNo { width: 50px;font-size: 10pt;font-weight: bold;font-family: Arial;color: #ffffff;background-color: #8888aa;margin: 6px;text-align: center;border-color: #444477;border: solid 1px; } #FPFloatingPopup {z-index: 10001;position:absolute; width:282px; height:120px; background:url(../imgs/bg_addtobasket.gif) no-repeat; } #FPText {font-weight:300; font-size:16px; text-align:center; margin:10px 0; color:#fff;} #FPText h1 {font-size:30px;color:#EF5B1D; font-weight:bold; line-height:1.1em; margin-top:20px;} #FP1Yes { width: 50px;font-size: 10pt;font-weight: bold;font-family: Arial;color: #ffffff;background-color: #8888aa;margin: 6px;text-align: center;border-color: #444477;border: solid 1px; } /* email friend popup */ #EmailFriendPopup { z-index: 10001;border-right: black 1px solid;border-top: black 1px solid;border-left: black 1px solid;border-bottom: black 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 0px -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:75px; vertical-align:middle; font-size:1.4em; line-height:1.5em; color:#402682;} /* Product Page Bargain Basemnet */ #bargains { font-size:9pt; font-weight:normal;} .bbrowheader { vertical-align:middle; background-color:#BCBDD5;} .bbrowstyle1 { background-color:#E1E1E1; } .bbrowstyle2 { background-color:#FFFFFF; } .bbdescription { font-size: 8pt; font-weight: normal; } .bbheader { font-size: 9pt; font-style: normal; font-weight: bold; color: #000000; } .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-bottom: 1px dotted rgb(221, 221, 221); padding:5px 0; height: 75px; margin-bottom: 5px;} #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:375px; 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;width:100px;} a#ppartneradd {margin: 0pt 10px; float: left; font-size: 1.2em; color:#171B6F;} a#ppartnerlink {color:#111; text-decoration:none; border-bottom:1px dotted #C1C1E6;}