/*************************************************/ /* Krusell Store CSS - Store Powered by eXpansys.com */ /*************************************************/ /*zero margins */ body,h1,h2,h3,h4,h5,h6,li,dl,dt,dd,form,img {margin:0;padding:0} /*kill borders & outlines */ img,table {border:0} a {outline:0} /*set basic styles on body/html */ body,html {width:100%;background:#fff;font-size:small;font-family:verdana,arial,sans-serif} input,select {font-family:verdana,arial,sans-serif} hr {display:none} #header ul,#left ul,#right ul {margin:0;padding:0;list-style:none} /* - - DEFAULT STYLES & COLUMN SETUP - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ body {position:relative;width:960px;margin:12px auto} #left,#right {position:absolute;top:110px} #content,#footer {margin:14px 186px;width:577px} #left {left:0;width:178px} #right {right:6px;width:180px} /* - - end DEFAULT STYLES & COLUMN SETUP - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* - - HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #header {position:relative;height:96px;width:100%} #logo {width:232px;height:69px;background:url(../images/sprites/header.png) no-repeat 0 0;z-index:2} #logo a {display:block;width:232px;height:69px;text-decoration:none;text-decoration:none;color:#e2150c} #logo a:hover {text-decoration:underline;color:#ef746f} #logo strong {position:absolute;font-weight:normal;padding:18px 6px;z-index:-1} #search {position:absolute;top:6px;left:255px;width:400px} #search .field {display:block;width:225px;height:28px;padding:0;background:#ffe5e2 url(../images/sprites/header.png) no-repeat 0 -172px} #search .field input {width:209px;margin:3px 8px;font-size:123.1%;border:0;background:0;color:#ef5647} #search .button {position:absolute;height:37px;top:-3px;left:230px;background:#ee3d29 url(../images/sprites/header.png) no-repeat 0 -215px} #search .button input {height:37px;font-size:100%;line-height:32px;background:0;border:0;padding:1px 15px 6px;margin:0;font-weight:bold;color:#fff;text-transform:uppercase;cursor:pointer;background:url(../images/sprites/header.png) no-repeat 100% -252px} #search .button input:hover {color:#ffddd6} #nav_primary {position:absolute;top:46px;left:250px;width:709px;height:47px;overflow:hidden;background:#e2150c url(../images/sprites/header.png) no-repeat 0 -79px} #nav_primary ul {display:table;margin:5px auto 0} #nav_primary li {display:table-cell;font-size:100%;background:url(../images/sprites/header.png) no-repeat 100% -135px} #nav_primary li.last {background:0} #nav_primary li a {display:block;padding:9px 14px 9px 12px;font-weight:bold;text-transform:uppercase;color:#fff;text-decoration:none} #nav_primary li a:hover {text-decoration:underline} /*region tweaks - some regions will need primary nav tweaking depending on phrase length - use the region specific ID on to target */ #region_fr #nav_primary li a,#region_lu #nav_primary li a,#region_re #nav_primary li a {padding:10px 9px 9px 7px;font-size:90%} #region_it #nav_primary li a {padding:10px 6px 9px 4px;font-size:85%} #region_nl #nav_primary li a,#region_be #nav_primary li a {padding:9px 10px 9px 8px} #region_es #nav_primary li a,#region_mx #nav_primary li a {padding:10px 10px 9px 8px;font-size:90%;text-transform:none} #region_se #nav_primary li a {padding:9px 18px 9px 14px} #region_ch #nav_primary li a {padding:9px 13px 9px 11px} #region_pt #nav_primary li a,#region_br #nav_primary li a {padding:9px 11px 9px 9px} #region_cn #nav_primary li a,#region_jp #nav_primary li a,#region_kr #nav_primary li a {padding:7px 16px 7px 14px;font-size:131%} /*enlarge some eastern scripts*/ #region_pl #nav_primary li a {padding:10px 7px 9px 5px;font-size:85%;text-transform:none} #region_hu #nav_primary li a {padding:10px 7px 9px 5px;font-size:85%;text-transform:none} #region_cz #nav_primary li a {padding:10px 13px 9px 11px;font-size:90%;text-transform:none} #region_gr #nav_primary li a {padding:9px 16px 9px 14px;text-transform:none} #region_gr #search .button input {text-transform:none} ul#location {position:absolute;top:8px;right:3px;padding-right:53px;text-align:right;color:#ee3c2a} #location .flag {position:absolute;top:0;right:0;width:39px;height:25px;padding:3px 5px 7px;background:url(../images/sprites/header.png) no-repeat -658px -4px} #location strong {font-size:108%} #location a {font-size:85%;font-weight:bold;color:#666;text-decoration:none} #location a:hover {text-decoration:underline} /* - - end HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* - - FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #footer,#footer_basket {text-align:center;font-size:108%;font-weight:bold;color:#999} #footer p,#footer_basket p {margin:6px 0;line-height:100%} #footer small,#footer_basket small {font-size:80%} #footer_basket {margin:14px 0 14px 186px;width:763px} /* - - end FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* - - LEFT COLUMN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /*menu languages*/ #nav_category h3,#nav_category li a,#nav_category ul ul li.selected {background:url(../images/sprites/left_nav/en.png) no-repeat 0 0} /*English - default*/ #nav_labels h3,#nav_labels li a {background:url(../images/sprites/left_nav/labels.png) no-repeat 0 0} #region_fr #nav_category h3,#region_fr #nav_category li a,#region_fr #nav_category ul ul li.selected, #region_lu #nav_category h3,#region_lu #nav_category li a,#region_lu #nav_category ul ul li.selected, #region_re #nav_category h3,#region_re #nav_category li a,#region_re #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/fr.png);background-repeat:no-repeat} /*French*/ #region_it #nav_category h3,#region_it #nav_category li a,#region_it #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/it.png);background-repeat:no-repeat} /*Italian*/ #region_nl #nav_category h3,#region_nl #nav_category li a,#region_nl #nav_category ul ul li.selected, #region_be #nav_category h3,#region_be #nav_category li a,#region_be #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/nl.png);background-repeat:no-repeat} /*Dutch*/ #region_de #nav_category h3,#region_de #nav_category li a,#region_de #nav_category ul ul li.selected, #region_ch #nav_category h3,#region_ch #nav_category li a,#region_ch #nav_category ul ul li.selected, #region_at #nav_category h3,#region_at #nav_category li a,#region_at #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/de.png);background-repeat:no-repeat} /*German*/ #region_es #nav_category h3,#region_es #nav_category li a,#region_es #nav_category ul ul li.selected, #region_mx #nav_category h3,#region_mx #nav_category li a,#region_mx #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/es.png);background-repeat:no-repeat} /*Spanish*/ #region_se #nav_category h3,#region_se #nav_category li a,#region_se #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/se.png);background-repeat:no-repeat} /*Swedish*/ #region_pt #nav_category h3,#region_pt #nav_category li a,#region_pt #nav_category ul ul li.selected, #region_br #nav_category h3,#region_br #nav_category li a,#region_br #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/pt.png);background-repeat:no-repeat} /*Portuguese*/ #region_gr #nav_category h3,#region_gr #nav_category li a,#region_gr #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/gr.png);background-repeat:no-repeat} /*Greek*/ #region_cn #nav_category h3,#region_cn #nav_category li a,#region_cn #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/cn.png);background-repeat:no-repeat} /*Chinese*/ #region_jp #nav_category h3,#region_jp #nav_category li a,#region_jp #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/jp.png);background-repeat:no-repeat} /*Japanese*/ #region_pl #nav_category h3,#region_pl #nav_category li a,#region_pl #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/pl.png);background-repeat:no-repeat} /*Polish*/ #region_hu #nav_category h3,#region_hu #nav_category li a,#region_hu #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/hu.png);background-repeat:no-repeat} /*Hungarian*/ #region_kr #nav_category h3,#region_kr #nav_category li a,#region_kr #nav_category ul ul li.selected {background-image:url(../images/sprites/left_nav/kr.png);background-repeat:no-repeat} /*Korean*/ /*shared*/ #nav_category li,#nav_labels li {margin:1px 0} #nav_category li a,#nav_labels li a {display:block;height:38px;width:100%} #nav_category h3,#nav_labels h3 {width:100%;height:15px;margin:0 0 10px 6px} #nav_category h3 {background-position:0 -213px} #nav_category .mobile a:hover {background-position:-250px 0} #nav_category .mobile .active,#nav_category .mobile .active:hover {background-position:-500px 0} #nav_category .laptop a {background-position:0 -40px} #nav_category .laptop a:hover {background-position:-250px -40px} #nav_category .laptop .active,#nav_category .laptop .active:hover {background-position:-500px -40px} #nav_category .camera a {background-position:0 -80px} #nav_category .camera a:hover {background-position:-250px -80px} #nav_category .camera .active,#nav_category .camera .active:hover {background-position:-500px -80px} #nav_category .mp3 a {background-position:0 -120px} #nav_category .mp3 a:hover {background-position:-250px -120px} #nav_category .mp3 .active,#nav_category .mp3 .active:hover {background-position:-500px -120px} #nav_category .accessories a {background-position:0 -160px} #nav_category .accessories a:hover {background-position:-250px -160px} #nav_category .accessories .active,#nav_category .accessories .active:hover {background-position:-500px -160px} #nav_labels {margin:20px 0} #nav_labels h3 {background-position:0 -258px} #nav_labels .red a {background-position:0 -1px} #nav_labels .red a:hover {background-position:-250px -1px} #nav_labels .red .active,#nav_labels .red .active:hover {background-position:-500px -1px} #nav_labels .blue a {background-position:0 -41px} #nav_labels .blue a:hover {background-position:-250px -41px} #nav_labels .blue .active,#nav_labels .blue .active:hover {background-position:-500px -41px} #nav_labels .orange a {background-position:0 -81px} #nav_labels .orange a:hover {background-position:-250px -81px} #nav_labels .orange .active,#nav_labels .orange .active:hover {background-position:-500px -81px} #nav_labels .green a {background-position:0 -121px} #nav_labels .green a:hover {background-position:-250px -121px} #nav_labels .green .active,#nav_labels .green .active:hover {background-position:-500px -121px} #nav_labels .purple a {background-position:0 -161px} #nav_labels .purple a:hover {background-position:-250px -161px} #nav_labels .purple .active,#nav_labels .purple .active:hover {background-position:-500px -161px} #nav_labels .grand_kru a {background-position:0 -201px} #nav_labels .grand_kru a:hover {background-position:-250px -201px} #nav_labels .grand_kru .active,#nav_labels .grand_kru .active:hover {background-position:-500px -201px} /* active submenus*/ #nav_category ul ul,#nav_labels ul ul {margin:-7px 0 8px 44px;font-size:85%;font-weight:bold} #nav_category ul ul li,#nav_labels ul ul li {margin:2px 0;padding-left:11px;line-height:110%;text-indent:0} #left #nav_category ul ul li a,#left #nav_labels ul ul li a {height:auto;background:0;color:#888;text-decoration:none} #left #nav_category ul ul li a:hover,#left #nav_labels ul ul li a:hover {color:#666;text-decoration:underline} #nav_category ul ul li.selected {background-position:0 -240px} #nav_category ul ul li a:hover,#nav_labels ul ul li a:hover {color:#555;text-decoration:underline} #nav_category ul ul li.selected a,#nav_category ul ul li.selected a:hover,#nav_labels ul ul li.selected a,#nav_labels ul ul li.selected a:hover {color:#222;text-decoration:none} /*Level 3 styles - rough*/ #nav_category ul ul ul{margin:7px 0 5px;font-size:100%;font-weight:bold} #left #nav_category ul ul ul li {background:0;margin:3px 0;padding-left:6px;line-height:110%;text-indent:0} #left #nav_category ul ul ul li a {height:auto;background:0;color:#929292;text-decoration:none} #nav_category ul ul li.selected ul a {color:#929292;text-decoration:none} /*Misc nav */ #nav_misc li {margin:0 0 0 6px} #nav_misc a,#nav_misc strong {display:block;width:160px;background:url(../images/sprites/misc_left_nav.png) no-repeat 0 0} #nav_misc .multidapt a {height:40px} #nav_misc .warranty a {height:75px;margin-top:20px;background-position:0 -63px} #nav_misc .poweredby {margin:45px 0 20px;color:#444} #nav_misc .poweredby strong {width:116px;height:32px;margin:3px 0;background-position:0 -163px;text-indent:-999em} /*Image replacement setup */ #nav_category h3,#nav_category li a,#nav_labels h3,#nav_labels li a,#nav_misc li a,#nav_misc li a,#nav_misc .poweredby h5 {position:static;z-index:2} #nav_category li a,#nav_labels li a,#nav_misc li a {text-decoration:none;color:#e2150c} #nav_category li a:hover,#nav_labels li a:hover,#nav_misc li a:hover {text-decoration:underline;color:#ef746f} #nav_category h3,#nav_labels h3 {line-height:100%} #nav_category h3 strong,#nav_category li a strong,#nav_labels h3 strong,#nav_labels li a strong,#nav_misc li a strong {position:absolute;z-index:-1;font-size:100%;font-weight:normal} #nav_category li a strong,#nav_labels li a strong,#nav_misc li a strong {padding-left:6px} /* - - end LEFT COLUMN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* - - RIGHT COLUMN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #right #basket {position:relative;margin-bottom:13px;border:1px solid #b1b1b1} #right #basket h3 {position:relative;font-size:100%;padding:8px 0;text-align:center;border-bottom:1px solid #b1b1b1;background:#d8d8d8 url(../images/sprites/grey.png) repeat-x 0 -124px} #right #basket h3 a {color:#333;text-decoration:none} #right #basket h3 a:hover {color:#666;text-decoration:underline} #right #basket span {position:absolute;background:url(../images/sprites/grey.png) no-repeat 0 0} #right #basket .tl,#right #basket .tr {top:-1px;width:12px;height:33px} #right #basket .tl {left:-1px;} #right #basket .tr {right:-1px;background-position:0 -40px} #right #basket .bl,#right #basket .br {bottom:-8px;width:7px;height:8px;background-color:#d8d8d8} #right #basket .bl {left:0;background-position:0 -77px} #right #basket .br {right:0;background-position:0 -86px} #right #basket .bl_o,#right #basket .br_o {bottom:-1px;width:9px;height:9px} #right #basket .bl_o {left:-1px;background-position:0 -95px} #right #basket .br_o {right:-1px;background-position:0 -105px} #right #basket dl {position:relative;margin:0 4px} #right #basket dt {font-size:108%} #right #basket dt a {color:#333;text-decoration:none} #right #basket dt a:hover {color:#666;text-decoration:underline} #right #basket .contents li {margin:4px 0;padding:4px 0;border-bottom:1px solid #eee} #right #basket .version {padding:1px 0;font-size:85%;font-weight:bold;color:#9b9b9b} #right #basket .qty {padding:3px 0 1px;font-size:85%} #right #basket .price {font-size:108%;font-weight:bold;color:#f03b2b;text-align:right} #right #basket .price small {display:block;font-size:65%;font-weight:normal} /*exc vat*/ #right #basket .prerelease {font-size:108%;font-weight:bold;color:#f03b2b;text-align:right} #right #basket .totals {text-align:right;border-top:1px solid #eee;border-bottom:1px solid #eee} #right #basket .totals li {position:relative;padding:5px 95px 5px 0} #right #basket .totals li.vat {margin-top:6px;letter-spacing:-1px} #right #basket .totals strong {position:absolute;right:4px;width:90px;color:#f03b2b;white-space:nowrap} #right #basket .totals strong small {display:block;font-size:80%;font-weight:normal} /*exc vat*/ #right #basket .grand_total {font-weight:bold;color:#333} #right #basket .tools {margin:4px 0;text-align:center;border-top:1px solid #eee} #right #basket .tools .checkout {height:37px;overflow:hidden;margin:4px 4px 2px;background:#f03b2b;font-weight:bold;text-transform:uppercase;background:#f03b2b url(../images/sprites/header.png) no-repeat 0 -215px} #right #basket .tools .checkout a {display:block;padding:9px 8px 12px;color:#fff;text-decoration:none;background:url(../images/sprites/header.png) no-repeat 100% -252px} #right #basket .tools .checkout a:hover {text-decoration:underline} #region_gr #right #basket .tools .checkout {text-transform:none} /*revert for GR*/ #right #basket .tools .edit {padding:0 4px 4px} #right #basket .tools .edit a {color:#333;font-weight:bold;text-decoration:none} #right #basket .tools .edit a:hover {color:#666;text-decoration:underline} #right #basket .contents .empty {text-align:center;margin:4px;font-weight:bold;color:#999;border:0} /*adverts/promo banners*/ #promo li {margin:0 0 10px} /* - - end RIGHT COLUMN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* - - CONTENT generic(centre col) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #content {position:relative;border:1px solid #b1b1b1} #content .tr, #content .br {position:absolute;right:-1px;width:9px;height:9px;background:url(../images/sprites/grey.png) no-repeat 0 0} #content .tr {top:-1px;background-position:0 -115px} #content .br {bottom:-1px;background-position:0 -105px} /*default content area link colours*/ #content a:link,#content_basket a:link,#content_wide a:link {color:#005faf} #content a:visited,#content_basket a:visited,#content_wide a:visited {color:#6f8da7} #content a:hover,#content_basket a:hover,#content_wide a:hover {color:#f03b2b} #content a:active,#content_basket a:active,#content_wide a:active {color:#fa7165} /* - - end CONTENT generic - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* - - PAGE STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /*** HOME ***/ #home:after {content:".";display:block;height:0;clear:both;visibility:hidden} #home .montage {margin:6px} #home .welcome {margin:2px 6px} #home h2 {margin:8px 0 0;text-align:center;font-weight:normal;border-top:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;background:#d8d8d8 url(../images/sprites/grey.png) repeat-x 0 -124px;clear:both} #content #home h2 a {display:block;padding:4px 0;color:#333;text-decoration:none} #content #home h2 a:hover {color:#666;text-decoration:underline} #home .products ul {position:relative;float:left;list-style:none;margin:12px 0;padding:0;width:33.33%;text-align:center} #home .products ul li {margin:0 2px} #home .products ul .title {padding-top:112px} #home .products ul .title h3 {font-size:116%} #home .products ul .title a {font-weight:normal;text-decoration:none;color:#1c1c1c} #home .products ul .title a:hover {text-decoration:underline;color:#f03b2b} #home .products ul .img {position:absolute;top:0;left:50%;margin-left:-50px} #home .products ul .ver {font-size:85%;font-weight:bold;color:#000} #home .products ul .price {font-size:123.1%;font-weight:bold;color:#999} #home .products ul .price small {font-size:50%} #home #under_construction {margin:0;padding:4px 0;text-align:center} /*** LISTING ***/ #listing {padding:6px} #listing h1 {margin:0 0 6px;padding:0 0 4px 4px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee} #listing table {width:100%;margin:8px 0;border-collapse:collapse;border-top:2px solid #eee} #listing .products td {padding:6px;border-bottom:2px solid #eee} #listing .products .img {width:84px} #listing .products .price {width:150px} #listing .products .title h3 {font-size:108%} #listing .products .title h3 a {color:#666;text-decoration:none} #listing .products .title h3 a:hover {color:#999;text-decoration:underline} #listing .products .title small {font-size:85%;font-weight:bold;color:#1c1c1c} #listing .products .price {text-align:right;white-space:nowrap} #listing .products .price strong {font-size:108%;font-weight:bold;color:#999} #listing .products .price small {display:block;font-size:85%} /*paginator*/ #listing .paginator {margin:6px 0 0;padding:8px 0 2px;list-style:none;text-align:center;border-top:2px solid #eee} #listing .paginator .pages {line-height:200%} #listing .paginator .pages a {padding:2px 7px;color:#666;border:1px solid #ccc;text-decoration:none} #listing .paginator .pages a:hover {color:#fff;background:#f03b2b;border-color:#c62012} #listing .paginator .pages strong {font-size:108%;padding:2px 7px;color:#000;border:1px solid #fff} #listing .paginator .pages .prev {margin-right:8px}#cat_content .paginator .pages .next {margin-left:8px} #listing .paginator .pages .prev,#cat_content .paginator .pages .next {padding:1px 6px} #listing .paginator .pages span {color:#999} #listing .paginator .results {margin:4px 0 0;font-size:85%;font-weight:bold;color:#777} /*** PRODUCT ***/ #product {padding:6px} #product h1 {margin:0;padding:0 0 0 4px;font-size:182%;font-weight:normal;color:#333;letter-spacing:-0.02em} #product h2,#product h3,#product h4 {margin:0 0 6px;padding:0 0 4px 6px;color:#999;font-weight:normal;letter-spacing:-0.02em} #product h2 {font-size:123.1%;margin-bottom:0} #product h3 {margin:6px 0 0;padding:8px 0 0 4px;font-size:153.9%;border-top:3px solid #eee} #product h4 {margin:6px 0;padding:10px 0 6px 4px;font-size:138.5%;border-top:3px solid #eee} #product #sku {padding:6px 6px 0;margin:0;color:#999;font-size:90%;border-top:3px solid #eee} #product #sku strong {color:#666} #prod_head {position:relative;min-height:196px;margin:10px 0 0} #prod_head #image {position:absolute;left:8px;top:0;padding:11px;background:#fff url(../images/sprites/product.png) no-repeat 0 0} #prod_head #image p {position:absolute;left:8px;top:133px;text-indent:-999em;background:url(../images/sprites/product.png) no-repeat -200px 0} #prod_head #image p a {display:block;width:30px;height:30px} #prod_head #info {list-style:none;margin:0 0 0 208px;padding:0;font-size:123.1%} #prod_head #info li {padding:3px 0;color:#666} #prod_head #info .note small {display:block;font-size:70%;line-height:120%} #prod_head #info .note strong {white-space:nowrap} #prod_head #info .price strong {color:#1c1c1c} #prod_head #info .price small {color:#666;font-weight:normal} #prod_head #info .stock strong {color:#2f7600;font-weight:normal} #prod_head #info .add {float:left;height:37px;overflow:hidden;margin:4px 0 2px -6px;padding:0;background:#f03b2b;font-size:80%;font-weight:bold;text-transform:uppercase;text-align:center;background:#f03b2b url(../images/sprites/header.png) no-repeat 0 -215px} #prod_head #info .add a {display:block;padding:9px 18px 12px;color:#fff;text-decoration:none;background:url(../images/sprites/header.png) no-repeat 100% -252px} #prod_head #info .add a:hover {text-decoration:underline} #prod_head #info:after {content:".";display:block;height:0;clear:both;visibility:hidden} #region_gr #prod_head #info .add {text-transform:none}/*exception for Greek Add button - revert Uppercase*/ #product #colours {list-style:none;margin:0;padding:0} #product #colours li {float:left;width:88px;margin:8px 16px 4px 6px} #product #colours img{padding:8px;background:#fff url(../images/sprites/product.png) no-repeat -200px -40px} #product #description,#product #specs {padding:0 4px} #product #colours:after {content:".";display:block;height:0;clear:both;visibility:hidden} #zoom {margin:20px 0 28px;text-align:center} #zoom h1 {margin:0 2px 12px;padding:0 6px 6px;font-size:182%;font-weight:normal;color:#333;letter-spacing:-0.02em} #zoom img {padding:10px;border:3px solid #eee;max-width:940px} #zoom a {color:#005faf;font-weight:bold} #zoom a:hover {color:#f03b2b} /*related/recommended products*/ #also_bought {width:100%;font-size:108%;border-collapse:collapse;border-top:3px solid #eee} #also_bought h5 {margin:4px 0;font-size:85%;color:#1c1c1c} #also_bought td {padding:6px;border-bottom:2px solid #eee} #also_bought .title a {font-weight:bold;color:#666;text-decoration:none} #also_bought .title a:hover {color:#999;text-decoration:underline} #also_bought .price {width:125px;color:#999;font-weight:bold;text-align:right} #also_bought .add {float:right;font-size:70%;margin:6px 0;font-weight:bold;text-transform:uppercase;text-align:center;background:#f03b2b url(../images/sprites/product.png) no-repeat 0 -190px} #also_bought .add a {display:block;height:21px;padding:5px 10px 0;color:#fff;white-space:nowrap;text-decoration:none;background:url(../images/sprites/product.png) no-repeat 100% -221px} #also_bought .add a:hover {text-decoration:underline} #region_gr #also_bought .add {text-transform:none} /*exception for Greek Add button - revert Uppercase*/ /*** EDIT BASKET ***/ #content_basket {margin:14px 0 14px 186px;width:763px} #editbasket h1 {margin:0 2px;padding:0 0 6px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee} #editbasket table {width:100%;border-collapse:collapse;margin:16px 0;border:1px solid #eee;border-top:0} #editbasket th {padding:9px 0;font-size:108%;color:#000;background:#d8d8d8 url(../images/sprites/grey.png) repeat-x 0 -124px} #editbasket small {display:block;font-size:65%;color:#888} #editbasket #eb_details,#editbasket #eb_price {text-align:left;padding-left:12px} #editbasket #eb_total,#editbasket #eb_price {width:12%;text-align:right} #editbasket td {padding:8px 6px;border-bottom:1px solid #eee} #editbasket h2 {font-size:138.5%;font-weight:normal;line-height:110%} #editbasket .details h2 a {color:#999;text-decoration:none} #editbasket .details h2 a:hover {color:#666;text-decoration:underline} #editbasket h3 {font-size:90%;font-weight:bold;color:#1c1c1c} #editbasket .details p {color:#666;margin:6px 0} #editbasket .qty .field{width:22px;margin:0 5px;border:1px solid #aaa;font-size:80%;text-align:center;vertical-align:15%} #editbasket .qty {text-align:center} #editbasket .qty p {margin:0;padding:0} #editbasket .qty .submit {font-size:80%;background:0;border:0;margin:2px 0;padding:0;cursor:pointer} #editbasket .qty .submit:hover {color:#f03b2b} #editbasket .price,#editbasket .total {text-align:right;font-size:108%} #editbasket .shipping,#editbasket .vat {font-size:108%;text-align:right;border:0} #editbasket .shipping td,#editbasket .vat {background:#f9f9f9} #editbasket .grand_total td {color:#f03b2b;padding:8px 6px;font-size:138.5%;text-align:right} #editbasket #eb_buttons {margin:0 0 6px;text-align:right} #editbasket #eb_buttons .checkout {margin:0 33px 0 84px} #editbasket .emptybasket {text-align:center} #editbasket .emptybasket h3 {font-size:138.5%;margin:30px 10px;font-weight:normal;color:#999} /*** CHECKOUT ***/ #checkout {padding:6px} #checkout h1,#checkout h2 {margin:0 0 8px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee} #checkout h2 {margin:10px 0} #checkout #basket {margin:12px 0} #checkout #basket table {width:100%;border-collapse:collapse;border:1px solid #eee;border-top:0} #checkout #basket table #b_item {text-align:left;padding-left:12px} #checkout #basket table #b_price,#checkout #basket table #b_total {text-align:right;padding-right:6px} #checkout #basket th {padding:9px 0;font-size:108%;color:#000;background:#d8d8d8 url(../images/sprites/grey.png) repeat-x 0 -124px} #checkout #basket td {padding:8px 6px;border-bottom:1px solid #eee} #checkout #basket .img {width:120px;text-align:center} #checkout #basket .item h3 {font-size:153%;font-weight:normal;color:#999} #checkout #basket .item h4 {font-size:100%;color:#1c1c1c} #checkout #basket .qty,#checkout #basket .stock,#checkout #basket .price,#checkout #basket .total {font-size:123.1%} #checkout #basket .qty {width:40px;text-align:center} #checkout #basket .stock {width:120px;text-align:center} #checkout #basket .price,#checkout #basket .total {width:78px;text-align:right;padding-right:4px} #checkout #basket .total {font-weight:bold;color:#1c1c1c} #checkout #basket small,#checkout #shipping small {display:block;font-size:65%;color:#888;font-weight:normal} /* Voucher Code */ form#checkoutMainForm table tr.voucher {background:#ffffff;} form#checkoutMainForm table tr.voucher td {font-size:0.9em;padding:12px 6px 12px 12px;margin-top:4px;border-top:1px solid #bdbdda} #voucher dt {padding-top:2px;float:left;font-size:123.1%;color:#333} #voucher .code {float:left} #voucher input#voucher_code {float:left;width:200px;margin-left:5px;margin-right:5px;padding:1px 3px;color:#3b3b5f;border:1px solid #9797bd} #discount {float:right;margin-right:5px;font-size:123.1%;font-weight:bold} #voucher .submit { border: 0; color: #fff; font-size: 90%; font-weight: bold; padding: 3px 5px; background: #a30827 url(/j/parrot/images/buttons/bg.png) repeat-x left top; line-height: 1; cursor: pointer; } #voucher .submit:hover {color:#ffe7ec} #voucher .error {float:none;clear:both;padding:6px 0 3px;color:#c00;font-weight:bold;font-size:90%;} form#checkoutMainForm table .remove_vouchers {margin-right:5px} #checkout #partship {margin:16px auto;padding:3px 30px 6px;background:#f4f4f4;border:1px solid #cacaca;text-align:center} #checkout #shipping {clear:left} #checkout #shipping table {width:100%} #checkout #shipping .amount {text-align:right;font-size:123.1%;font-weight:bold;padding-right:5px} #checkout #shipping select {font-size:116%} #checkout #total h2 {margin-bottom:0} #checkout #total table {width:60%;font-size:123.1%;margin-left:auto;text-align:right} #checkout #total table td {padding:10px 0} #checkout #total .vat .amount {width:25%;font-weight:bold} #checkout #total .total td {font-size:116%;color:#f03b2b;border-top:1px solid #eee} #checkout #total .memo td {padding:0;font-size:90%} #checkout #payment ul {width:100%;list-style:none;margin:4px 0 8px;padding:0 0 8px;border-bottom:1px solid #eee} #checkout #payment li {margin:2px 0} #checkout #payment table {min-width:60%} #checkout #payment table td {font-size:116%;padding:4px} #checkout #payment table td strong {color:#f00} #checkout #payment .long {width:200px} #checkout #payment .short {width:30px} #checkout #payment .month {width:50px;margin-right:10px} #checkout #payment .year {width:75px;margin-right:10px} #checkout #payment small {font-size:70%;color:#777} #checkout #delivery {margin:0} #checkout ol {list-style:none;margin:8px 16px;padding:0} #checkout ol li {clear:left;min-height:30px} #checkout ol li input,#checkout ol li select {width:250px} #checkout ol label {float:left;font-size:110%;width:200px;padding-top:1px;clear:left} #checkout ol label em {display:block;font-size:75%} #checkout ol label em br {display:none} #checkout ol label strong {font-size:140%;font-weight:normal;line-height:70%;color:#f00}/*validated fields*/ #checkout #contact_details h3 {color:#666} #checkout #submit {text-align:center} #checkout #checkoutIntro {text-align:center;color:#666;font-size:90%} /*** REGION SELECT ***/ #region_select {width:100%;margin:0 10px;text-align:center} #region_select h2 {margin:4px 0 8px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee;text-align:left} #region_select img {margin:0 auto} #region_select .list_stores {position:relative;width:720px;margin:12px auto 0;padding:0;list-style:none;text-align:center;border:2px solid #eb5d54;border-top-color:#e01b11;border-bottom-color:#f6a097} #region_select .list_stores h3 {position:relative;margin:0;padding:4px 0;font-size:123.1%;letter-spacing:normal;color:#7e160c;background:#fff5f5 url(/j/krusell_v2/images/sprites/region.png) repeat-x 0 -50px} #region_select .list_stores .stores {position:relative;padding:4px 10px 3px;font-size:108%;line-height:140%;font-weight:bold;color:#f79e94;background:#df180e url(/j/krusell_v2/images/sprites/region.png) repeat-x 0 -135px} #region_select .list_stores .stores a {padding:0 4px;color:#fff;text-decoration:none} #region_select .list_stores .stores a:hover {color:#f03b2b;background:#fff} /*setup corners*/ #region_select .tl_o,#region_select .tr_o,#region_select .bl_o,#region_select .br_o{position:absolute;width:7px;height:20px;background:url(/j/krusell_v2/images/sprites/region.png) no-repeat 0 0;z-index:10} #region_select .tl_o {top:-2px;left:-2px;background-position:0 0}#region_select .tr_o {top:-2px;right:-2px;background-position:-6px 0}#region_select .bl_o {bottom:-2px;left:-2px;background-position:0 -21px}#region_select .br_o {bottom:-2px;right:-2px;background-position:-6px -21px} /*Company Info/Contact*/ #company_info {margin:0 10px;color:#333} #company_info h2 {margin:6px 0 8px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee;text-align:left} #company_info table {width:96%;font-size:108%} /*Company Info/Contact*/ #delivery {margin:0 10px;color:#333} #delivery h2 {margin:6px 0 8px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee;text-align:left} #delivery table {width:100%;border-collapse:collapse;margin:16px 0;border:1px solid #eee;border-top:0} #delivery th {padding:9px 5px;font-size:100%;color:#000;background:#d8d8d8 url(../images/sprites/grey.png) repeat-x 0 -124px} #delivery th.destination {text-align:left} #delivery td {padding:4px 5px;font-size:90%;background:#f9f9f9;border-top:1px solid #e5e5e5} #delivery td.price {text-align:right} #delivery td.arrival {text-align:center} #delivery h4 {font-size:123.1%} /*** STATIC PAGES - restyling 1990's HTML ftw \o/ ***/ #static {padding:6px 12px} #static h2 {margin:0 -6px 8px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee} #static .mediumtext {font-size:108%} #static u {display:block;font-size:131%;font-weight:bold;color:#999;margin:6px 0 -9px;text-decoration:none;border-bottom:1px solid #eee} /*care page*/ .static_care table.smalltext a {display:block;width:140px;overflow:hidden} .static_care center table.normaltext {width:90%;margin:0 5%;font-size:116%;} .static_care center table.normaltext td {padding:1px 0;text-align:left} #region_select p.operated_by,#content p.operated_by {margin:8px 6px;font-size:108%;text-align:left} #tracking {padding:6px 12px} #tracking h1 {margin:0 -6px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee} #tracking table {width:100%} #tracking .tableDataTitle td {padding:3px 0;font-size:123.1%;font-weight:bold;} #tracking .tableDataTitle td font {color:#666} #tracking .tableData {font-size:108%} #tracking .tableData td {padding:6px 0} /* ------------------------------------------------------------ Competitions page styling ---------------------------------------------------------------*/ #signin {padding-top:6px;padding-right:12px;padding-left:12px} #signin h2 {margin:0 -6px 8px;padding:0 0 4px 6px;font-size:182%;font-weight:normal;color:#333;border-bottom:3px solid #eee} #signin h3 {margin:0 -6px 8px;padding:0 0 4px 6px;font-size:152%;font-weight:normal;color:#333} #signin fieldset{border:0;margin:0;padding: 6px 10px;} #signin legend {font-size: 200%;margin:8px 0 2px;} #signin ol {list-style:none;} #signin label,#content p {font-size: 108%;} #signin fieldset ol {margin: 6px 0;padding:0;} #signin fieldset li {float:left;margin:0 0 8px;padding:0} #signin fieldset .but {margin-left: 125px;clear:both;} #signin .error {font-size: 90%;color:#c00;font-weight: bold;clear:both} #signin p.error {margin: 3px 0;} #signin p.intro {margin:12px 0 16px;} #signin ul.intro {list-style-type:none; margin-left:20px;} #pdavote {width:420px;margin:0 0 10px;padding:0} #pdavote label {float:left;width:380px;padding:5px 0 2px} #pdavote li.but{width:100%;text-align:center;margin:0} #pdavote {color:#374a31;background:#def4d6 url(/j/6c/images/profile/signin_bg_390.png) no-repeat 0 0;} #pdavote legend {color:#608c53;} #pdavote fieldset {background:url(/j/6c/images/profile/signin_footer_390.png) no-repeat 0 100%} #pdavote .openid{margin: 0 1px;border-top: 1px solid #8db381;background:#def4d6 url(/j/6c/images/profile/openid_bg.png) repeat-x 0 0;} #pdavote p.openid_msg {padding: 5px 80px 7px 80px;font-size:85%;text-align:center;border-top: 1px solid #8db381} #pdavote li .note {font-size:90%;font-weight:bold;font-style:italic;color:#5d8f4d;margin:8px 0;line-height:120%;clear:both} #pdavote li .note a {color:#5d8f4d} #pdavote li .note a:hover {color:#634615} #pdavote fieldset #signinSuccess {font-weight:bold} #pdavote .textfield,#pdavote .textfield_cap {width:290px;font-size:110%;padding: 3px 4px;color: #3d6c2f;border:1px solid #8db381;background:#fff url(/j/6c/images/profile/field_bg.png) repeat-x 0 0;} #pdavote .textfield_cap {margin:8px 0 0 125px;} /* - - end PAGE STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/