/* Common tags */ body { margin: 0px; padding: 0px; text-align: center; font-family: Verdana, Lucida Sans, Sans-Serif; font-size: 0.7em; background: url(../images/background.png) #2F3D45 repeat-x; } h1, h2, p, div, form, ul, li, dl, dt, dd { margin: 0px; padding: 0px; } ul {list-style-type: none;} .center { text-align: center; } .right { text-align: right; } a:link { color: #4F7E99; text-decoration: none; } a:visited { color: #4F7E99; text-decoration: none; } a:hover { color: #4F7E99; text-decoration: underline; } a:active { color: #4F7E99; text-decoration: none; } .master-image {background:transparent url(../images/kisildalur_sprites.png) repeat-x scroll;} img { border: 0px; } code { font-size: 1.1em; font-family: Courier, Sans-Serif; padding: 10px; background-color: #eee; display: block; margin: 20px 20px;} code.small_code {font-size: 8px; font-family:none;} a.delete { height: 16px; padding: 1px 0px 1px 0px; } a.delete img {background-position:-32px -186px; width:16px; height:16px;} a.form_button { border: solid 1px #3e515c; background-color: #52636d; color: #fff; font-weight: bold; font-size: 1em; padding: 4px; letter-spacing: -1px; cursor: pointer; text-decoration: none; } /* Basic form elements */ input.text, select { font-size: 11px; border: solid 1px #69899c; width: 140px; padding: 2px; margin: 2px 0px; } input.large { width: 280px; } input.small { width: 70px; } input.button { border: solid 1px #3e515c; background-color: #52636d; color: #fff; font-weight: bold; font-size: 1em; padding: 3px; cursor: pointer; width:100px; } input.button:hover { background-color: #69899c; } input.float_right {float:right;} a.cancel { background: #52636d; } a.clearcart { width: 75px; text-align: center; float: left; background-color: #b80607; } a.clearcart:hover { background-color: #d40b0b; } a.checkout { width: 90px; margin-top: 5px; text-align: center; clear:right; float:right; } a.checkout:hover { background-color: #69899c; } label { cursor: pointer; } label:hover { text-decoration: underline; } /* Basic page structure */ #page_wrapper { margin: 50px auto 0px auto; width: 950px; text-align: left; background: url(../images/body.png) repeat-y; overflow: hidden; z-index:2; position:relative; } #page_wrapper_wide { margin: 50px auto 0px auto; width: 950px; text-align: left; overflow: hidden; z-index:2; position:relative; } #page_header { width: 950px; height: 90px; float: left; background: url(../images/header.png); } #page_menu { width: 180px; float: left; } #page_body { width: 600px; float: left; } #page_body_wide { width: 948px; margin:2px 4px; float: left; background:#FFFFFF; } #page_sidebar { width: 170px; float: right; } #page_footer { padding-top: 10px; width: 950px; clear: both; text-align: center; height: 80px; background-image: url(../images/footer_shadow.png); background-repeat: no-repeat; background-position: 0px 55px; } #page_footer_wide { padding-top: 10px; width: 950px; clear: both; text-align: center; height: 80px; background-image: url(../images/footer_shadow_wide.png); background-repeat: no-repeat; background-position: 0px 55px; } /* Header */ #page_header h1 { margin: 15px 0px 0px 15px; width:245px; height:55px; } #page_header h1 a { display: block; width: 250px; height: 55px; } #page_header h1 a span { display: none; } /* Menu & Sidebar */ #page_menu h1, #page_sidebar h1 { height: 27px; } #page_menu h1 span, #page_sidebar h1 span { display: none; } #page_menu .box, #page_sidebar .box { padding-bottom: 10px; } .darkbox { background: #3e515c; border-bottom: 5px solid #52636d; } /* Categories */ #page_menu #categories { } #page_menu #categories ul { list-style-type: none; } #page_menu #categories ul.subcat { } #page_menu #categories .title { display: block; padding: 3px 6px 3px 20px; font-weight: bold; font-size: 0.9em; color: #fff; border-bottom: solid 1px #69899c; } #page_menu #categories a { display: block; width: 134px; padding: 3px 6px 3px 40px; font-size: 0.9em; border-bottom: solid 1px #69899c;} #page_menu #categories ul.subcat a { width: 114px; padding: 3px 6px 3px 60px; color:#eee;} #page_menu #categories ul.subcat a:visited { color:#dddeee;} #page_menu #categories a:link { color: #fff; text-decoration: none; } #page_menu #categories a:visited { color: #fff; text-decoration: none; } #page_menu #categories a:active { color: #3e515c; text-decoration: none; } #page_menu #categories a:hover { color: #3e515c; text-decoration: none; background-color: #93b0c1; } /* Search */ #page_menu #search { } #page_menu #search form { margin: 2px 15px; display:inline;} #page_menu #search input#search_query { font-size: 10px; border: solid 1px #69899c; width: 135px; padding: 1px; margin: 0px; } #page_menu #search input#search_submit { background-position:-123px -137px; margin-left:-5px; margin-bottom:-5px; border:none; width:24px; height:22px; padding-top:1px;} #page_menu #search input#search_bar { background-position:0px -137px; padding-top:4px;border:none; height:17px; width:121px; color:white;} @-moz-document url-prefix() { #page_menu #search input#search_submit { background-position:-123px -137px; margin-left:-4px; border:none; width:24px; height:22px; padding-top:1px;} } @-moz-document url-prefix() { #page_menu #search input#search_bar {background-position:0px -137px; padding-top:4px;border:none; height:17px; width:122px; color:white;} } @media screen and (-webkit-min-device-pixel-ratio:0) { #page_menu #search input#search_submit { padding-top:3px;} } /* Cart */ #page_sidebar #cart { } #page_sidebar #cart dl { padding: 6px 15px; margin: 0px; } #page_sidebar #cart dt { padding: 0px; margin: 0px; font-size: 10px; color: #ffffff; width: 100%; } #page_sidebar #cart dt a:link { color: #fff; text-decoration: none; } #page_sidebar #cart dt a:visited { color: #fff; text-decoration: none; } #page_sidebar #cart dt a:active { color: #ffb400; } #page_sidebar #cart dt a:hover { color: #ffb400; text-decoration: underline; } #page_sidebar #cart p.price_title { color: #ababab; margin: 0px 15px; font-size: 9px; } #page_sidebar #cart p.price { color: #ffb400; font-size: 13px; font-weight: bold; margin: 0px 15px; } #page_sidebar #cart_links { list-style-type: none; margin: 7px 12px 0px 13px; width: 144px; height: 38px; border-top: solid 1px #52636d; } #page_sidebar #cart_links li { float: left; } #page_sidebar #cart_links li a { width: 72px; height: 38px; display: block; background-position: 0px 0px; background-repeat: no-repeat; } #page_sidebar #cart_links li a:hover { background-position: 0px -38px; } #page_sidebar #cart_links li a span { display: none; } #page_sidebar #cart_links li a#ViewCart { background-position:-180px -131px; } #page_sidebar #cart_links li a#GoCheckout { background-position:-180px -55px; } #page_sidebar #cart_links li a#ViewCart:hover { background-position:-180px -169px; } #page_sidebar #cart_links li a#GoCheckout:hover { background-position:-180px -93px; } #page_sidebar #services ul { margin: 5px 20px; color: #fff; } #page_sidebar #services ul li { } #page_sidebar #services a:link { color: #fff; text-decoration: none; } #page_sidebar #services a:visited { color: #fff; text-decoration: none; } #page_sidebar #services a:active { color: #fff; text-decoration: none; } #page_sidebar #services a:hover { color: #fff; text-decoration: underline; } #page_sidebar #home ul { margin: 5px 10px; color: #fff; } #page_sidebar #home ul li { } #page_sidebar #home a:link { color: #fff; text-decoration: none; } #page_sidebar #home a:visited { color: #fff; text-decoration: none; } #page_sidebar #home a:active { color: #fff; text-decoration: none; } #page_sidebar #home a:hover { color: #fff; text-decoration: underline; } /* Titles */ #page_menu h1.search { background-position:0px -55px; width:180px; height:27px; } #page_menu h1.categories { background-position:0px -82px; width:180px; } #page_sidebar h1.cart { background-position:0px -109px; width:170px; } #page_sidebar h1.services { background-position:0px -159px; width:170px; } #page_sidebar #news h1 img { background-position:-16px -186px; margin-bottom:-3px; width:16px; height:16px; background-repeat:no-repeat; margin-right:3px; } #page_sidebar #home h1 img { background-position:0px -186px; margin-bottom:-3px; width:16px; height:16px; background-repeat:no-repeat; margin-right:3px; } /* Body */ #page_body h1 { color: #3e515c; font-size: 15px; } #page_body h2 { color: #3e515c; font-size: 11px; } #page_body h1.header { padding: 20px 15px 5px 15px; background-color: #9ab4c5; border-bottom: solid 5px #7e96a5; font-weight: bold; font-size: 15px; color: #ffffff; } #page_body h1.header a:link { color: #ffffff; text-decoration: none; } #page_body h1.header a:visited { color: #ffffff; text-decoration: none; } #page_body h1.header a:hover { color: #52636d; text-decoration: none; } #page_body h1.header a:active { color: #52636d; text-decoration: none; } #page_body #page_fp_media {} /* Hot Picks á forsíðu */ #page_body #hotpicks { padding: 0px 15px; width: 100%; float: left; } #page_body #hotpicks .item { width: 275px; float: left; margin-bottom: 15px; } #page_body #hotpicks .item img { float: left; margin-right: 0px; border: 0px; } #page_body #hotpicks .item dl { font-size: 11px; float:left; margin-left:10px; width:150px;} #page_body #hotpicks .item dt { padding-top: 6px; font-weight: bold; } #page_body #hotpicks .item dd.price { color: #ff5400; padding-top: 10px; } #page_body #hotpicks .item dt a:link { color: #333; text-decoration: none; } #page_body #hotpicks .item dt a:visited { color: #333; text-decoration: none; } #page_body #hotpicks .item dt a:active { color: #4F7E99; text-decoration: none; } #page_body #hotpicks .item dt a:hover { color: #4F7E99; text-decoration: underline; } #page_body #rss { margin:0px 0px 0px 142px;} #page_body #rss img { float:none; background-position:-96px -186px; margin-top:4px; width:14px; height:14px;} #page_body a.search_previous {display:block; float:left; font-size:12px; margin:10px 0px; font-weight: bold} #page_body a.search_next {display:block; float:right; font-size:12px; margin:10px 0px; font-weight: bold} /* News */ #news { padding: 0px 15px; width: 145px; float: right; font-size: 10px; color: #fff; } #home { padding: 0px 15px; width: 145px; float: right; font-size: 10px; color: #fff; } #page_sidebar #news h1 { font-size: 11px; color: #fff; padding-top: 1px; margin-bottom: 0px; padding-bottom: 0px; height: 20px; } #page_sidebar #home h1 { font-size: 11px; color: #fff; padding-top: 1px; margin-bottom: 0px; padding-bottom: 0px; height: 20px; } #news .title { font-size: 10px; font-weight: bold; } #page_sidebar #news ul { margin-left:10px; } #page_sidebar #news ul li { margin-bottom: 10px; } #news a:link { color: #CCC; text-decoration: none; } #news a:visited { color: #CCC; text-decoration: none; } #news a:hover { color: #EEE; text-decoration: underline; } #news a:active { color: #EEE; text-decoration: none; } #news a.more:link { color: #EEE; text-decoration: none; } #news a.more:visited { color: #EEE; text-decoration: none; } #news a.more:hover { color: #FFF; text-decoration: underline; } #news a.more:active { color: #FFF; text-decoration: underline; } /* Titles */ #page_body h1.section_title { margin-bottom: 10px; height: 22px; background-position: 0px 0px; background-repeat: no-repeat; } #page_body h1.section_title span { display: none; } #page_body h1.hotpicks { background-position:0px -207px; width: 225px; } /*#page_body h1.news { background-image: url(../images/title_news.png);}*/ /* Categories */ #page_body .categories { padding: 24px 15px; } #page_body .categories .row { height: 78px; width: 560px; padding: 5px; margin-top: 6px; border-bottom: 1px solid #cccccc; } #page_body .categories img.thumb { float: left; width: 70px; height: 70px; border: 1px solid #cccccc; } #page_body .categories .content { margin: 5px 5px 5px 84px; } #page_body .categories h1 { color: #3e515c; font-size: 15px; } #page_body .categories .subtitle { margin-bottom: 10px; color: #666; font-size: 9px; } #page_body .categories h2 { color: #ffb400; display: inline; } #page_body .categories .price { float: left; font-size: 13px; color: #ffb400; font-weight: bold; } #page_body .categories a.addtocart, #page_body .categories a.moreinfo { font-size: 9px; display: block; float: right; padding: 2px 0px 2px 16px; margin: 0px; height: 16px; background-position: 8px 0px; background-repeat: no-repeat; } #page_body a.addtocart img { float:none; background-position:-64px -186px; width:16px; height:16px; margin-bottom:-4px; margin-right:2px; } #page_body .categories a.moreinfo img { float:none; background-position:-48px -186px; width:16px; height:16px; margin-bottom:-4px; margin-right:2px;} #page_body .categories p.stockempty { font-size: 9px; display: block; float: right; padding: 2px 0px 2px 26px; margin: 0px; height: 16px; color: #3e515c; } #page_body .categories .content a:link { color: #666; text-decoration: none; } #page_body .categories .content a:visited { color: #666; text-decoration: none; } #page_body .categories .content a:active { color: #666; text-decoration: underline; } #page_body .categories .content a:hover { color: #666; text-decoration: underline; } #page_body .categories .content h1 a:link { color: #3e515c; text-decoration: none; } #page_body .categories .content h1 a:visited { color: #3e515c; text-decoration: none; } #page_body .categories .content h1 a:active { color: #3e515c; text-decoration: underline; } #page_body .categories .content h1 a:hover { color: #3e515c; text-decoration: underline; } /* Product */ .product { padding: 24px 15px; } #page_body .product img { float: left; margin: 0px 5px 5px 0px; } #page_body .product h1 { font-size: 15px; font-weight: bold; color: #3e515c; } #page_body .product h2 { font-size: 9px; font-weight: normal; color: #666666; margin-bottom: 12px; } #page_body .product p.description { font-size: 11px; font-weight: normal; color: #666; } #page_body .product p.price { clear: left; font-size: 15px; color: #ff3600; font-weight: bold; margin: 10px 0px; } #page_body .product p.buy { font-size: 9px; line-height: 16px; margin-bottom: 15px; } #page_body .product p.buy img { border: none; } #page_body .product p.buy a:link { text-decoration: none; color: #666; } #page_body .product p.buy a:visited { text-decoration: none; color: #666; } #page_body .product p.buy a:hover { text-decoration: underline; color: #789cb1; } #page_body .product p.buy a:active { text-decoration: underline; color: #789cb1; } #page_body .product .addtocart { padding: 2px 2px 2px 0px; } #page_body .product .printproduct { padding: 2px 2px 2px 2px; } #page_body .product .printproduct img { float:none; background-position:-80px -186px; width:16px; height:16px; margin-bottom:-4px; margin-right:2px; } .product table { border-collapse: collapse; border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; } .product table caption { font-size: 1.1em; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; padding: 5px; background: #efefef; border: 1px solid #ccc; color: #666; } .product table a { text-decoration: none; color: #f60; font-weight: bold; cursor: help; } .product table a:hover { cursor: help; text-decoration: none; color: #fff; background: #f60; } .product table tr th a { color: #369; text-decoration: none;} .product table tr th a:hover { color: #fff; background: #369; } .product table tr th { text-transform: uppercase; background: #e2e2e2; } .product table tfoot tr th, #page_body .product table tfoot tr td { text-transform: uppercase; color: #000; font-weight: bold; } .product table tfoot tr th { width: 20%; } .product table tfoot tr td { width: 80%; } .product table td, #page_body .product table th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; line-height: 1.8em; font-size: 0.8em; vertical-align: top; width: 20%; } .product table tr.odd th, table tr.odd td { background: #efefef; } /* Checkout & Login & Register :) */ #page_body div.checkout, #page_body .login, #page_body .register { padding: 14px 15px; } #page_body .checkout fieldset { padding-left: 25px; margin-bottom: 0px; border-style:none;} #page_body .login fieldset, #page_body .register fieldset { margin: 10px 0px 20px 0px; padding: 0px; border: 0px; } #page_body .login ul { margin-left:20px; list-style-type:none;} #page_body .login ul li {margin-bottom:10px;} #page_body fieldset.password {padding:10px; border: medium double #52636d; width:200px; padding-left:20px;} #page_body .checkout h1, #page_body .checkout h2 #page_body .login h1, #page_body .login h2, #page_body .register h1, #page_body .register h2 { margin-bottom: 10px; } #page_body .checkout label, #page_body .register label { color: #333; } #page_body .checkout ul.errors, #page_body .register ul.errors { margin: 10px; padding: 15px 15px 15px 25px; color: red; border: dotted 1px #f00; background-color: #ffb; } #page_body .checkout ul.errors li, #page_body .register ul.errors li { padding: 1px 0px; } #page_body .checkout table { width: 100%; } #page_body .checkout th, #page_body .checkout td { padding: 3px; } #page_body .checkout tr.header th { border-bottom: dotted 1px #999; } #page_body .checkout th { color: #333; font-weight: bold; } #page_body .checkout .odd { background-color: #f5f5f5; } #page_body .checkout tr.sum th, #page_body .checkout tr.sum td { font-size: 14px; font-weight: bold; border-bottom: double 3px #999; border-top: solid 1px #999; padding: 6px 4px;} #page_body .checkout p {margin-left:20px; margin-top:30px;} #page_body .save_code {color:green; margin: 10px 0px;list-style-type:none;} #page_body .save_code a:link { font-size: 1em; font-weight:bold; padding:3px; border: solid 1px #006600; background-color: #009900; color: #fff; font-weight: bold; font-size: 1em; padding: 3px; cursor: pointer; width:92px; margin-right:2px;} #page_body .save_code a:visited { background-color: #009900;} #page_body .save_code a:hover { background-color: #00BB00; } #page_body .save_code a:active { background-color: #009900; } /* Static content */ #page_body .static { padding: 14px 15px; } #page_body .static h1, #page_body .static h2, #page_body .static p { margin-bottom: 10px; } #page_body .static li { margin-left: 15px; } #page_body .orderpage { padding: 14px 15px; } #page_body .orderpage h1, #page_body .static h2, #page_body .orderpage p { margin-bottom: 10px; } #page_body .orderpage p {margin-bottom:20px;} #page_body .orderpage ul { margin-left: 15px; margin-bottom:30px; } #page_body .orderpage dl dd {margin-left:15px; font-size: 11px;} #page_body .orderpage dl dt {margin-top:10px; font-size: 12px;} #page_body .orderpage table {margin-top:30px; font-size: 11px;} #page_body .orderpage table td {padding:1px; padding-right:13px;} #page_body h1.news_title { margin-bottom: 0px; } #page_body .news_date { color: #666; margin-bottom: 15px; } #page_body .news_content { } .snow {position:absolute; z-index:1;} /* Footer */ #page_footer { color: #666; } #page_body .product h2.product_links { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; clear: left; } ul.product_links { margin-bottom: 15px; } ul.product_links li { margin-left: 20px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* LIGHTBOX*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; /*background-image: url(data:image/gif;base64,AAAA);*/ /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }