@charset "UTF-8"; /* CSS Document */ @kolorek: #EE094D; @kolorek_szary: #434343; @kolorek_szary_jasny: #dddede; @slider_active_image_background: url(/images/sliders/active_pink.png) no-repeat; body {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; background:#edefef;} p { margin:0px 0 12px 0; } p, ul li { line-height:18px; } a { color:@kolorek; text-decoration:none; } a:hover { text-decoration:underline; } /*************************************************************************************** TOP strony ***************************************************************************************/ div#bgContainer { width:100%; min-height:500px; background:url(/images/tla/bg.jpg) top left repeat #edefef; float:left; } a.engVer { width:auto; background:url(/images/dodatki/gb_flag.jpg) 83px 8px no-repeat; padding: 10px 38px 10px 0; font-size:10px; color:#686969; } a.polVer { width:auto; background:url(/images/dodatki/pl_flag.png) 83px 8px no-repeat; padding: 10px 38px 10px 0; font-size:10px; color:#686969; } div#top { width:948px; float:left; background:url(/images/tla/topBottom_bg.png) bottom left repeat-x #fff; background-color:rgba(255, 255, 255, 0.8); padding:12px 26px 26px 26px; } h1, h1 a, h1 a img { height:95px; float:left; display:block; } div#top ul { width:auto; margin-top:16px; } div#top ul li a { font-size:15px; color:#000000; text-decoration:none; margin-left:24px; } div#top ul li a.active { color:@kolorek; } div#top form { float:right; border:1px solid #000; background: url(/images/dodatki/submitButton.jpg) 185px 2px no-repeat #fff; padding:2px; width:200px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius:10px; margin-top:28px; } div#top form fieldset legend{ display:none; } div#top form input { background:none; border:none; width:156px; font-size:10px; float:left; padding:2px; } div#top form input.submitButton { float:right; width:17px; height:17px; cursor:pointer; } /*************************************************************************************** Slidery na głównej ***************************************************************************************/ div#mainColumn, div#lowerSection{ float:left; background:url(/images/tla/white_bg.png); } div#mainColumn { width:948px; padding:12px 26px 12px 26px; } div#lowerSection { width:auto; padding:5px; } div#mainColumn h2, div#lowerSection h2 { font-size:18px; color:@kolorek; padding:10px 0 10px 0; } div#mainColumn h2.left { width:320px; padding-top: 0; } div#mainColumn h2.right { width:auto; padding-top: 0; } div#sliders { width:640px; border:1px solid #e0e0e0; padding:5px; float:right; } div#sliderLeftBox, div#sliderRightBox { float:left; width:320px; height:300px; display:block; position:relative; overflow:hidden; } div#sliderRightBox { float:right; } div#sliderLeftNav { position:absolute; bottom:10px; left:10px; width:auto; z-index: 10; } div#sliderRightNav { position:absolute; bottom:10px; right:10px; width:auto; z-index: 10; } div#sliderLeftNav a, div#sliderRightNav a { width:14px; height:14px; display:block; background:url(/images/sliders/inactive.png) no-repeat; margin-right:8px; float:left; display:inline; text-indent:-5000px; } div#sliderLeftNav a.activeSlide, div#sliderRightNav a.activeSlide { background:@slider_active_image_background; } /*************************************************************************************** Sekcja dolna strony ***************************************************************************************/ div#lowerSection h2 { color:#000; margin-bottom:18px; } div#lowerSection h2 a { font-size: 14px; } div#lowerSection div.article { clear:both; margin-bottom:12px; float:left; width:auto; } div#lowerSection div.article span.date{ color:#9e9e9e; font-size:11px; } div#lowerSection div.article p { margin:6px 0 6px 0; } div#lowerSection div.article a.readMore { float:right; color:#000; width:auto; } div.pagination { clear: both; text-align: right; font-size: 12px; } div.pagination ul { list-style: none; } div.pagination ul li a, div.pagination ul li span{ display: inline; padding-right: 10px; font-size: 15px; font-weight: bold; border: 1px solid #C9CACA; padding: 4px; } ul#recentlyAdded { width:946px; margin-bottom:16px; } ul#recentlyAdded li { width:290px; margin-right:20px; } ul#recentlyAdded li a img { border:1px solid @kolorek_szary_jasny; padding:5px; width:auto; float:left; } ul#recentlyAdded li div { float:right; width:140px; } ul#recentlyAdded li a { font-size:14px; font-weight:bold; } ul#recentlyAdded li p { color:#6c6c6c; } ul#recentlyAdded li a.addMe { padding-left:20px; font-size:14px; } /*************************************************************************************** SEKCJA SKLEPU ***************************************************************************************/ /*************************************************************************************** Sklep - strona główna ***************************************************************************************/ ul#breadcrumbs { width:500px; } ul#breadcrumbs li { margin-right:16px; } ul#breadcrumbs li a{ background:url(/images/dodatki/breadcrumb_pointer.jpg) 0 6px no-repeat; padding:0 0 0 14px; font-size:18px; color:#9a9a9a; } ul#breadcrumbs li a.rootLink { background:none; padding:0; } ul#breadcrumbs li a.active { color:#000; } div#basketShort { float:right; width:auto; } div#basketShort h2 { background:url(/images/dodatki/basketIcon.jpg) 0 0px no-repeat; padding:0 0 4px 24px; width:150px; float:left; color:#000; } div#basketShort p { float:right; margin:0; width:auto; border:1px solid #808080; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; border-radius:10px; padding:2px 10px 2px 10px; color:#808080; } div#basketShort p strong { color:@kolorek; } div#basketShort p a { color:#808080; } div#basketShort p a:hover { text-decoration:none; } div#mainCatalogue, div#mainCatalogueNoFrame { width:285px; float:left; border:1px solid #dfdfdf; margin:10px 0 20px 0; padding:5px 0 5px 0; } div#mainCatalogueNoFrame { border:none; } ul#categoryList, ul#categoryListNoFrame, div#mainCatalogueNoFrame p { width: 260px; } div#mainCatalogueNoFrame p { margin-top: 35px; font-size: 11px; font-style: italic; } ul#categoryListNoFrame { border:1px solid #e5e5e5; border-bottom:none; } ul#categoryList li, ul#categoryListNoFrame li { border-bottom:1px solid #e5e5e5; padding:6px 0 6px 10px; list-style:none; } ul#categoryList li a, ul#categoryListNoFrame li a { font-size:15px; color:#000; } ul#categoryList li a:hover, ul#categoryList li a.active, ul#categoryListNoFrame li a:hover, ul#categoryListNoFrame li a.active { color:@kolorek; } div#categoryDesc { float:right; width:679px; padding-right:5px; } div#categoryDesc a img { float:left; width:auto; padding-right:14px; } div#categoryDesc h3 { font-size:20px; color:@kolorek; } div.message, div.message_error { clear:both; color:#323232; } div.message p, div.message_error p { margin-left: 25%; margin-right: 25%; padding: 5px; } div.message p { background-color: #aefdae; } div.message_error p { background-color: #f03; } /***************** Sklep - lista produktów *****************/ span.productName, a.productName { font-size: 28px; color: @kolorek_szary; } div#productsListing, div#productDetails, div#basket { float:right; width:660px; } div#productsListing ul li.product { width:308px; margin-right:20px; margin-bottom: 20px; border: 1px solid @kolorek_szary_jasny; } div#productsListing ul li a img { border-right:1px solid @kolorek_szary_jasny; padding:5px; width:auto; float:left; } div#productsListing ul li div { float:right; width:165px; } div#productsListing ul li p { color:#6c6c6c; } div#productsListing ul li a.addMe, div#productDetails div.product div a.addMe { padding-left:20px; font-size:19px; } div#productDetails div.product { width:660px; } div#productDetails div.product div.left_side { float: left; width: 135px; } div#productDetails div.product div.left_side a.productPhoto img { border:1px solid @kolorek_szary_jasny; padding:5px; } div#productDetails div.product div.container { float:left; width:500px; margin-left:10px; } div#productDetails div.product span { color: @kolorek_szary; } div#productDetails a.returnLink, div#mainColumn a.returnLink { background:url(/images/dodatki/returnLink.jpg) 0 0 no-repeat; color:#848484; padding:0 0 5px 20px; font-size:14px; } div#productDetails div.productGallery { width:660px; margin-top:10px 0 16px 0; float:left; } div#productDetails div.productGallery h3 { font-size:18px; } div#productDetails div.productGallery ul { margin:12px 0 12px 0; } div#productDetails div.productGallery ul li { padding-bottom: 10px; } div#productDetails div.productGallery ul li a img{ border:1px solid @kolorek_szary_jasny; padding:5px; margin-right:10px; } div#productDetails div.productGallery ul li.ostatni a img { margin-right:0; } div#productsListing span { font-weight: bold; } div#productsListing div.pagination { clear:both; text-align: right; } div#productsListing div.pagination ul{ list-style: none; } div#productsListing div.pagination ul li { display: inline; padding-right: 10px; } /*************************************************************************************** Strona główna ***************************************************************************************/ div#contentWrapper{ float: right; width: 655px; margin: 10px 0; } /*************************************************************************************** Sesje zdjęciowe - katalog ***************************************************************************************/ ul#photoCatalogue { width:655px; margin:auto; float: right; } div#selectedSession { clear:both; width:204px; float:left; margin:30px 0 0 0; } ul#photoCatalogue li a.sessionTitle, div#selectedSession a.sessionTitle { font-size:18px; } ul#photoCatalogue li div, div#selectedSession div { width:310px; padding:5px; border:1px solid #dfdfdf; margin-top:10px; margin-right:5px; height: 310px; } div#sessionPhotos { float:right; width:650px; } div#sessionPhotos a { padding:5px; border:1px solid #dfdfdf; margin:0 10px 10px 0; float:left; width:auto; } ul#sessionDetails { list-style: none; } ul#sessionDetails li { margin-bottom: 10px; } ul#sessionDetails li img { padding: 5px; border: 1px solid @kolorek_szary_jasny; } div#sessionPhotos h2 { padding-top: 0px; } /*************************************************************************************** Koszyk ***************************************************************************************/ div#basket h2 { float:left; width:480px; color:#000; font-size:18px; } div#basket a.returnLink { float: right; margin:16px 0 0 0; } div#basket table { border-left:1px solid #e7e8e8; border-top:1px solid #e7e8e8; color:#6c6c6c; width:660px; margin:16px 0 16px 0; float:left; } div#basket table thead tr th, div#basket table tbody tr td { text-align:center; vertical-align:middle; padding:8px; font-weight:normal; border-right:1px solid #e7e8e8; border-bottom:1px solid #e7e8e8; } div#basket table thead tr th.cell01, div#basket table tbody tr td.cell01 { /*width:260px;*/ } div#basket table tbody tr td.cell01 { text-align:left; height:21px; } div#basket table tbody tr td.cell01 img { float:left; padding:2px; border:1px solid #e7e8e8; margin-right:10px; } div#basket table tbody tr td.cell01 a { font-weight:bold; } div#basket table tbody tr td.cell01 div.mailInput { width:180px; margin:8px 0 0 0; } div#basket table tbody tr td.price { width: 100px; } div#basket table tbody tr td.delete { width: 100px; } div#basket table tbody tr td.cellShipment { text-align:left; } div#basket table tbody tr td.cellShipment ul { list-style: none; margin-top: 5px; margin-bottom: 5px; } div#basket table tbody tr td.cellShipment ul li label span.title { font-weight: bold; } div#basket table tbody tr td.cellSum { vertical-align: top; text-align:right; } div#basket table tbody tr td.cellSum p span{ float: right; width: 75px; font-weight:bold; } div#basket table tbody tr td.cellSum p strong { color:@kolorek; font-weight:normal; } /*************************************************************************************** Kontakt ***************************************************************************************/ div#contact { float: right; padding: 5px 0; width: 340px; } div#contactContent { float: left; width: 300px; } /*************************************************************************************** Profil form ***************************************************************************************/ div#profile { padding: 5px 0; } /*************************************************************************************** Stopka ***************************************************************************************/ p.copyrights { width:1000px; text-align:center; margin:0; font-size:14px; clear:both; } /*************************************************************************************** Płatność ***************************************************************************************/ ul#bankList { list-style: none; } ul#bankList li { margin-left: 20px; } span.bold { font-weight: bold; } img.o_mnie_kate { float: right; margin-left: 20px; } input.submit { color: @kolorek; } a.formButton { color: @kolorek; padding: 4px 10px; font-size: 12px; border: 1px solid #C9CACA; font-family: Tahoma,Geneva,sans-serif; } div.products_list_item_title { padding-top: 5px; height: 65px; } div.products_list_item_title a { font-size: 18px; } div.products_list_item_info { margin-top: 10px; height: 30px; } div.products_list_item_info ul { } div.products_list_item_info ul li{ font-size: 15px; } div.products_list_item_info ul li span.price { padding-left: 10px; } div.product_details_info { font-size: 110%; } div#productDetails { color: #434343; } div.product_details_info ul, div.product_details_info ul li { list-style: none; list-style-type: none; } div.product_details_info ul li span { font-weight: bold; } div.product_details_link { float: right; } div.product_details_link a { font-size: 30px !important; } div.product_details_description p{ font-style: italic; } div.product_details_title { margin-bottom: 20px; } div#basket td.money { text-align: right; } div#basket td.money span { float: right; width: 75px; } p.made_by { float: right; } p.justified { text-align: justify; } p span.nobr { white-space: nowrap; } div.product div.left_side div.fb_like_button { margin-top: 10px; } div#mainCatalogueNoFrame div.fb_like_button { margin-top: 10px; }