/* Author: Leszek Krolikowski - http://lymorn.com Project: Centrum Techniki Nurkowej- http:// For: Profabrica - http://profabrica.pl */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: top; } hr { background:transparent; border:0; border-top:1px solid #365996; height:1px; } /* GLOBAL */ body {background: #103586 url("../../gfx_redsea/bg.jpg") repeat 0 0; color: #CEDDCD; font: 0.6875em/1.618em Arial, Helvatica, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif;} #whole {background: url("../../gfx_redsea/bg_bottom.jpg") repeat-x 0 100%;} #whole-bg {background: url("../../gfx_redsea/bg_top.jpg") repeat-x 0 0;} #whole-bg1 {background: url("../../gfx_redsea/bg_bottom2.jpg") no-repeat 0 100%;} #whole-bg2 {background: url("../../gfx_redsea/bg_top2.jpg") no-repeat 0 0;} #whole-bg3 {background: url("../../gfx_redsea/bg_img-trans.png") no-repeat 0 0;} #top_area {width: 980px; height: 150px; clear: both; overflow: hidden;} #middle_area {clear: both; overflow: hidden; height: 100%; padding: 0 0 0 30px; margin: 0 0 10px;} #bottom_area {clear: both; overflow: hidden; padding: 0 0 0 30px; height: 240px;} #whle-bg3.bg0 {background: url("../../gfx_redsea/bg_image0-trans.png") no-repeat 0 0;} h2,h3 ,h4 ,h5, h6 {color: #CEDDCD; font-weight: bold;} h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6:hover, h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus, h6:focus, h2 a,h3 a,h4 a,h5 a, h6 a {color: #CEDDCD; border-bottom: none;} h2 {font-size: 1.3636em; line-height: 1.2em; padding: 1.2em 0; font-family: "Trebuchet MS";} h3 {font-size: 1.1818em; line-height: 1.3846em; padding: 1.3846em 0; font-family: "Trebuchet MS";} h4 {font-size: 1.0909em; line-height: 1.5em; padding: 1.5em 0;} h4 span.data {color:#9AA29D; font-size:11px;} h5 {font-size: 1em; line-height: 1.618em; padding: 1.618em 0;} h6 {font-size: 1.3636em; line-height: 1.2em; padding: 1.2em 0; font-family: "Trebuchet MS";} h6.low {padding: 5px 0 12px 0;} p {line-height: 1.618em; margin: 0 0 1.618em;} a {text-decoration: none; color: #F3B700;} a.more {color: #F8C21F; float: right; line-height: 16px; padding: 0px 20px 0px 0; background: url("../../gfx_redsea/bg_more-trans.png") no-repeat 100% 50%;} a.koszyk {color: #F8C21F; float: right; line-height: 16px; padding: 0px 20px 0px 0; background: url("../../gfx_redsea/koszyk.png") no-repeat 100% 50%;} a.banner:hover, a.banner:focus, a.more:hover, a.more:focus {border: none;} p a:hover, p a:focus {border-bottom: 1px solid #CEDDCD;} form p {} .form p {clear:both; padding-bottom:1px; } .form p label {display:block; float:left; padding:5px 6px 0 0; text-align:right; width:170px;} input, select, textarea {padding: 0.2727em 0.3333em; background: url("../../gfx_redsea/bg_transparent_white05.png"); border: 1px solid #405739; font-size: 1em; font-family: Arial, Helvatica, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Tahoma, Verdana, Geneva, "DejaVu Sans", sans-serif; color: #98BFA0;} input.submit {padding: 0 20px 0 0; margin: 0 0 1.618em; float: right; clear: right; line-height: 16px; background: transparent url("../../gfx_redsea/bg_more-trans.png") no-repeat 100% 50%; border: none; color: #CEDDCD; cursor: pointer;} .alignleft {float: left;} .alignright {float: right;} .aligncenter {clear: both;} table {width: 100%; margin: 1.618em 0; border-collapse: separate; border-spacing: 1px;} th {padding: 0.618em 1.618em; background: #0E2A54; text-align: left;} td {padding: 0.1818em 1.618em;} .lighter td {background: url("../../gfx_redsea/bg_transparent_white05.png");} .wyrozniony td {background: url("../../gfx_redsea/bg_transparent_look.png");} table.calendar {width: 100%; margin: 1.618em 0; border-collapse: separate; border-spacing: 1px;} table.calendar th {padding: 4px; background: #0E2A54; text-align: center;} table.calendar td {padding: 1px;} td.calendarBox_regular { height:80px; width:120px; overflow:hidden; } td.calendarBox_event { height:80px; width:120px; background-color:#183823; overflow:hidden; line-height:14px; } td.calendarBox_event:hover { background-color:#294B35; } div.eventDesc { width:120px; font-size:11px;color:#578069; } div.oneEvent_1 { border-bottom:1px solid #382D1B;padding:1px;margin:1px;background-color:#4D3F29; } div.oneEvent_2 { border-bottom:1px solid #382D1B;padding:1px;margin:1px;background-color:#4D3F29; } div.oneEvent_0 { border-bottom:1px solid #1D3726;padding:1px;margin:1px;background-color:#2B4B36; } div.oneDay { padding:3px;font-weight:bold;font-size:14px; } input, select, textarea, .calendar dl, .calendar dt, img {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* --- TOP --- */ #header {width: 106px; height: 109px; padding: 19px 0 0 26px; float: left; clear: left;} #header h1 {} #header a {display: block; width: 106px; height: 109px; background: url("../../gfx_redsea/logo-trans.png") no-repeat 0 0;} #header p, #header span {display: none;} #quick-links {float: right; padding: 40px 0 1em;} #quick-links ul {} #quick-links li {display: inline; margin-left: 1.618em;} #quick-links a {color: #73bdec;} #quick-links a:focus, #quick-links a:hover {color: #98BFA0; border-bottom: 1px solid #73bdec;} #main-navigation {width: 840px; height: 60px; float: right; clear: right; text-align: right;} #main-navigation ul {padding: 8px 0 0; float: right;} #main-navigation li {display: block; float: left; line-height: 50px; border-top: 1px solid #1d6fb7; border-bottom: 1px solid #1d6fb7;} #main-navigation li.current a {padding-top: 9px; margin-top: -9px; background: url("../../gfx_redsea/bg_pointer_main_nav.jpg") no-repeat 50% 0;} #main-navigation li.solid {background: url("../../gfx_redsea/tlosklep4.png") no-repeat 50% 0; line-height: 51px; border-top:none; width:64px; text-align:center;} #main-navigation a {display: block; float: left; height: 50px; line-height: 50px; color: #fff; margin: 0 0.809em; font-weight: bold; position: relative;} #main-navigation li.solid a {margin: 0; } #main-navigation li.solid a.sklep { padding: 0 0 0 20px; margin-left:5px; line-height: 51px; height:51px; background: url("../../gfx_redsea/koszyk_white.png") no-repeat 0% 50%;} #main-navigation a:focus, #main-navigation a:hover {margin-bottom: -1px; border-bottom: 1px solid #98BFA0;} #main-navigation a.sklep:hover {margin-bottom: -1px; border-bottom: 1px solid #98BFA0;} /* --- middle --- */ .box {padding: 10px 20px; overflow: hidden; height: 100%; margin-bottom: 10px; background: url("../../gfx_redsea/bg_transparent_black25.png") repeat 0 0;} .box60 {padding: 10px 20px; overflow: hidden; height: 100%; margin-bottom: 10px; background: url("../../gfx_redsea/bg_transparent_black60.png") repeat 0 0;} .end {padding-bottom: 32000px; margin-bottom: -32000px;} .edge {padding-right: 10000px; margin-right: -10000px;} .nobg {background: none !important;} .noheight {width:140px; margin:0;padding:0;background:none;height:0px;} .sidebar {width: 180px; float: left;} .sidebar ul {list-style: none;} .sidebar ol {list-style: decimal;} #sidebar-left {padding: 0 10px 0 0;} #sidebar-right {width: 190px; padding: 0 0 0 10px;} #sidebar-right .box {background-image: url("../../gfx_redsea/bg_transparent_black20.png");} #navigation {padding-left: 2px;} #navigation h6 {padding-left: 18px;} #navigation ul {} #navigation li {list-style: none; border-bottom: 1px solid #365996; line-height: 2em;} #navigation a {margin: 0 2px 0 1.618em; color: #C0C6C2;} #navigation a:hover, #navigation a:focus {border-bottom: 1px solid #fff;} #navigation ul ul {border-top: 1px solid #365996;} #navigation ul ul ul {border: none;} #navigation ul ul li {color: #9AA29D; border: none; background: url("../../gfx_redsea/bg_pointer_nav.gif") no-repeat 1.8181em 0.8181em;} #navigation ul ul li.current {background-image: url("../../gfx_redsea/bg_pointer_nav_current.gif");} #navigation ul ul ul li.current, #navigation ul ul ul li {background-image: none;} #navigation ul ul li a {margin: 0 0 0 3.236em;} #navigation ul ul ul li a {margin: 0 0 0 4.854em;} #navigation li.current a {color: #F8C21F;} #navigation li.current li a {color: #9AA29D;} #navigation ul ul li.current a {color: #fff;} #navigation ul ul li.current li a {color: #98BFA0;} #navigation ul ul ul li.current a {color: #F8C21F;} #content {width: 560px; float: left;} #content.wide {width: 760px; float: left;} #content h2 a:hover, #content h2 a:focus {border-bottom: none;} #content p {text-align: justify;} #content img {vertical-align: bottom; border: none;} #content ul {list-style: disc; margin: 0 0 1.618em;} #content ol {list-style: decimal; margin: 0 0 1.618em;} #content li {display: list-item; margin: 0 0 0 1.618em;} .path {color: #9AA29D; margin: 0 -0.618em 1.618em;} .path a {color: #9AA29D; margin: 0 0.618em;} .path a.current {color: #F8C21F;} #content ul.gallery {width: 560px; padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} #content ul.gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 33px 3.236em 0; padding: 0; background: none;} #content.wide ul.gallery {width: 800px; margin-right: -60px;} #content.wide ul.gallery li {margin-right: 44px;} ul.gallery {padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} ul.gallery.low { padding:0; } ul.gallery.lower { padding:0 0 8px 0; } ul.gallery li {width: 149px; display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 31px 3.236em 0; padding: 0; background: none; text-align: center; vertical-align: top;} ul.gallery b {display: block; font-weight: normal;} ul.gallery a {display: block; color: #9AA29D;} ul.gallery span {clear: both; padding: 0 6px; background: url("../../gfx_redsea/bg_more_gallery.gif") no-repeat 100% 0.4545em;} ul.gallery a:focus, ul.gallery a:hover {border: none; color: #fff;} ul.gallery img {display: block; padding: 6px; margin: 0 0 0.618em; background: url("../../gfx_redsea/bg_image_gallery-trans.png") no-repeat 0 0;} ul.gallery :hover img {background-position: 100% 0;} #content ul.box-gallery {width: 560px; padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} #content ul.box-gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 20px 3.236em 0; padding: 0; background: none;} ul.box-gallery {padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} ul.box-gallery li {width: 250px; display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 20px 3.236em 0; padding: 0; background: none; text-align: left; vertical-align: top;} ul.box-gallery h6 {color: #F8C21F; font-size: 1.1818em; line-height: 1.3846em; padding: 0; font-family: "Trebuchet MS";} ul.box-gallery h2 {color: #F8C21F; font-size: 1.0909em; line-height: 1.5em; padding: 1.5em 0 0.25em; margin: 0 0 1.1666em; border-bottom: 1px solid #365996;} ul.box-gallery a {color: #F8C21F;} #content h6.trips {padding-left: 25px; background: url("../../gfx_redsea/icon_trips-trans.png") no-repeat 0 50%;} #content h6.tests {padding-left: 25px; background: url("../../gfx_redsea/icon_tests-trans.png") no-repeat 0 50%;} #content h6.wrecks {padding-left: 25px; background: url("../../gfx_redsea/icon_wrecks-trans.png") no-repeat 0 50%;} #content h6.news {padding-left: 25px; background: url("../../gfx_redsea/icon_tests-trans.png") no-repeat 0 50%;} #content ul.item-gallery {width: 560px; padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} #content ul.item-gallery li {width: 250px; display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 20px 3.236em 0; padding: 0; background: none;} #content.wide ul.item-gallery {width: 780px; padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} #content.wide ul.item-gallery li{width: 350px; display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 30px 20px 0; padding: 0; background: none;} ul.item-gallery {padding: 1.618em 0; margin: 0 -40px 0 0; text-align: left; overflow: hidden;} ul.item-gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 20px 20px 0; background: none; text-align: left; vertical-align: top; border-bottom: 1px solid #365996;} ul.item-gallery div {width: 100%; overflow: hidden; height: 100%; padding: 0 0 20px;} .infos h2, ul.item-gallery h2 {color: #F8C21F; font-size: 1.0909em; line-height: 1.5em; padding: 0 0 0.25em; margin: 0 0 1.1666em;} ul.item-gallery a {color: #fff;} #content ul.item-gallery a.image {float: left; margin: 0 20px 0 0; overflow: hidden;} #content ul.item-gallery img {max-width: 180px;} #content ul.item-gallery p {margin: 0 0 0.6363em;} #content ul.item-gallery p.price {text-align: right;} #content ul.item-gallery p.option {text-align: right;} #content p.option {font-size: 1.1818em; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; color: #F8C21F;} #content p.price span {font-size: 1.1818em; font-family: "Trebuchet MS"; font-weight: bold;} #content p.price.sale span {font-size: 1.5454em; color: #F8801F;} #content div.images .big {} #content div.images ul {width: 200px; padding: 10px 0; margin: 0 -10px 0 0; overflow: hidden; height: 100%;} #content div.images li {float: left; list-style: none; padding: 0 10px 10px 0; margin: 0;} #content div.images ul img {max-width: 60px;} .infos input.submit {float: none;} .inner-container {clear: both; overflow: hidden; height: 100%;} .inner-content {width: 520px; float: left;} .inner-sidebar {width: 200px; float: right; margin: 0 0 0 20px;} .product.inner-container {border-bottom: 1px solid #365996;} .form {width: 78%;} .form textarea {width: 98%;} .form input.text {width: 48%;} .form select {width: 51%;} .log-in input.password {margin-left: 1.618em;} .cart .more {color: #fff;} .search input.text {width: 94%;} .bestseller ul.gallery li {text-align: left; margin: 0;} .bestseller ul.gallery a {color: #fff;} .bestseller ul.gallery span {display: block; background: none;} .bestseller ul.gallery span span{display: inline;} .bestseller .header {font-weight: bold;} .bestseller .price span {color: #F8801F;} .bestseller .price del {color: #fff;} .bestseller .price {color: #F8C21F;} .calendar dl {margin: 0 0 1.618em; border: 1px solid #365996; background: url("../../gfx_redsea/bg_transparent_white05.png");} .calendar dt {padding: 0.618em; color: #fff; background: #0E2961 url("../../gfx_redsea/bg_calendar_h.gif") repeat-x 0 0;} .calendar dt span {float: right; clear: right;} .calendar dd {color: #C4C8C5;padding: 0 0.618em; background: url("../../gfx_redsea/bg_transparent_white05.png"); margin-bottom: 0.618em;} .calendar dd span {padding: 0 0.618em; margin: 0 -0.618em; display: block; color: #fff; border-bottom: 1px solid #2F4678;} .calendar {} #middle-bg {width: 0; height: 0; float: left; padding: 0 10000px 32000px 0; margin: 0 -10010px -32000px 10px; background: url("../../gfx_redsea/bg_transparent_black25.png") repeat 0 0;} /* --- bottom --- */ #footer {width: 950px; overflow: hidden; color: #1360a7; background: url("../../gfx_redsea/bg_transparent_black33.png"); padding-right: 1000pc; margin-right: -1000pc;} #footer p {display: inline; float: left; line-height: 4.854em; margin: 0;} #footer p.copyrights {float: left; margin-left: 4.854em;} #footer p.lymorn {float: right; clear: right;} #footer p.profabrica {float: right;} #footer p a {color: #1360a7;} #footer p a:hover, #footer p a:focus {color: #98BFA0; border-bottom: 1px solid #1360a7;} #additional-navigation {width: 950px; text-align: right;} #additional-navigation li {display: inline; line-height: 4.854em; margin: 0 0 0 1.618em;} #additional-navigation a {color: #1360a7;} #additional-navigation a:focus, #additional-navigation a:hover {color: #98BFA0; border-bottom: 1px solid #1360a7;} #additional-navigation {text-align: right;} #additional-navigation {text-align: right;} #gmap { width:400px; height:300px; } #home_foty ul { list-style:none; } #home_foty ul li { margin:0; padding:0; } #sidebar-right ul.gallery li { margin:0; } .banerek { margin-bottom:10px; } #archiwum ul ul { margin-left:10px; } #archiwum ul li.current a {color:#fff;} #archiwum ul li.current li a {color:#F3B700;} #archiwum ul li.current li.current a {color:#fff;} #archiwum ul li ul {display:none;} #archiwum ul li.current ul {display:block;} .ajaxframe td { color:#103586; } .ajaxframe td a { color:#103586; font-weight:bold; text-decoration:underline; } td[valign=middle] { vertical-align: middle; } /*table[align=center] { margin:0 auto; }*/ /*img[align=absMiddle] { border:1px solid #f00; }*/ .yellowh2 { border-bottom:1px dotted #306A36;margin-bottom:10px;padding-bottom:5px;color:#F8C21F; }