/* Author: Perfica, www.perfica.se * Contact: info@perfica.se * Version: 1.0 * Created: 2008 * * * CONTENTS * ----------------- * == INCLUDE * ----> defaults * ----> forms * ----> navigation * == LAYOUT **----------------------------------------------------------------------------------- /* == INCLUDE -----------------------------------------------------------------------------------*/ @import url(defaults.css); @import url(forms.css); @import url(navigation.css); @import url(external/slimbox.css); /*----------------------------------------------------------------------------------- * == LAYOUT * --------------------------------------------------------------------------------- */ div#wrapper{margin:0px auto 0px; width:900px;} #wrapper {background:url(../img/bg_container2.png) repeat-y;min-height:100%; overflow:hidden;} * html #wrapper {height:100%;} div#container {} div#container_top {background:url(../img/bg_container-top.png) no-repeat; height:25px; margin-left:-11px; margin-top:-15px; position:absolute; z-index:1; width:100%;} div#header {padding-bottom:15px; background:#fff; position:relative;} #header h1 {padding:10px 0;} #header h1 a {text-decoration:none; color:#333333; font-size:125%; font-weight:normal;} div#content {width:610px; padding:10px 0px 20px 40px; float:left; } div#content p {} div#sidebar {width:190px; color:#999; padding:20px; float:right; margin-top:-228px; font-size:12px;} #sidebar h2 {font-size:12px; font-weight:bold; color:#fff;} #sidebar h3 {font-size:12px; color:#fff; font-weight:bold; margin-bottom:5px;} #sidebar p {margin-bottom:0;} .section {width:200px; float:left;} div#footer {overflow:hidden; color:#ccc;} #footer p {padding:0;} #footer ul {padding:0; margin:0;} ul#visit_address {font-size:16px; color:#1C4666; margin:20px 0 20px 20px;} #visit_address li {margin-bottom:3px;} #visit_address h3 {font-weight:bold;font-size:16px; color:#1C4666; } /*----------------------------------------------------------------------------------- * == INDEX * --------------------------------------------------------------------------------- */ img#fallkniv {float:right;} div#index {border-bottom:2px dashed #ccc; margin-bottom:5px; overflow:hidden; padding-bottom:15px;} #index h2 {margin-top:5px;} #index img {margin-left:15px;} /*----------------------------------------------------------------------------------- * == CITES * --------------------------------------------------------------------------------- */ div#cites { margin:-26px 0 0 0; padding-top:20px;} #cites img {width:212px;} div#cites_container {width:212px; overflow:hidden; height:243px; position:relative;} #posts {width:9999px; height:243px; position:relative;} #posts div {float:left; width:212px; margin-right:20px;} div.box_container { position:relative; right:37px; z-index:11; color:#fff;} div.box {background:url(../img/bg_section_content.png); width:212px; padding:10px 20px 5px; zoom:1;} .box_footer {height:20px;background:url(../img/bg_section_content_btm.png) no-repeat bottom; position:relative; z-index:12; width:252px; right:37px;} /*----------------------------------------------------------------------------------- * == SLIDESHOW * --------------------------------------------------------------------------------- */ div#slideshow {width:690px;height:213px; padding-top:15px;position:relative; z-index:2; background:url(../img/bg_gallery.png) no-repeat; margin:-15px 0 0 -8px;} #slideshow ul {margin:0px 0 0 15px;} #slideshow img {width:690px; height:201px;} #slideshow li {width:650px; height:200px; position:absolute;} #slideshow #slide1 {z-index:10;} #slideshow #slide2 {z-index:9;} #slideshow #slide3 {z-index:8;} #slideshow #slide4 {z-index:7;} #slideshow #slide5 {z-index:6;} /*----------------------------------------------------------------------------------- * == LANGUAGE * --------------------------------------------------------------------------------- */ ul#language {overflow:hidden; float:right; margin:5px 5px 0 0;} #language li {float:left; margin-left:5px;} /*----------------------------------------------------------------------------------- * == LEVERANTÖRER * --------------------------------------------------------------------------------- */ div#leverantorer {} /*#leverantorer img {margin:5px 0;} #leverantorer ul {overflow:hidden;} #leverantorer ul li {float:left; width:105px;} #leverantorer li img {width:100px; margin-bottom:10px;} #leverantorer li.row {clear:left;}*/ #leverantorer ul li {margin-bottom:10px;} /*----------------------------------------------------------------------------------- * == GUESTBOOK * --------------------------------------------------------------------------------- */ .guestbook form {margin:15px 0;} /* Validation code */ p.validation_code span {padding:5px 10px;} .validation_code .black {color:#000000; background:#000000;} .validation_code .blue {color:#0000FF; background:#0000FF;} .validation_code .green {color:#00FF00; background:#00FF00;} .validation_code .red {color:#FF0000; background:#FF0000;} .validation_code .yellow {color:#FFFF00; background:#FFFF00;} /*----------------------------------------------------------------------------------- * == LINKS * --------------------------------------------------------------------------------- */ div.links {overflow:hidden;} .links .column {float:left; width:30%; margin-right:2%; margin-bottom:15px;} .links .row {clear:left;} .links h3 {} .links ul {} .links ul li {margin-bottom:3px;} /*----------------------------------------------------------------------------------- * == STAFF * --------------------------------------------------------------------------------- */ div.staff {overflow:hidden;} .staff .column {float:left; width:185px;padding-right:10px;margin:0 0 15px 0;} .staff .row {clear:left;} .staff span.title {letter-spacing:2px; color:#666666; display:block; margin-bottom:5px;} .staff h3 {margin: 0 0 5px 0; clear:left;} .staff dl dt {font-weight:bold; margin-top:10px;} /*----------------------------------------------------------------------------------- * == PORTFOLIO * --------------------------------------------------------------------------------- */ div.portfolio {} /*----------------------------------------------------------------------------------- * == GALLERY * --------------------------------------------------------------------------------- */ div.gallery {} .gallery ul {overflow:hidden; margin-bottom:15px;} .gallery ul li {float:left; margin-right:10px;} div.gallery_image {text-align:center;} /*----------------------------------------------------------------------------------- * == WEBSHOP * --------------------------------------------------------------------------------- */ div.webshop {} .webshop span.price {font-size:200%; color:#990000; display:block; margin:5px 0;} .webshop_latest span.price, .webshop_category span.price {font-size:120%;} .webshop a.more_info {margin-top:15px; float:left;} form#add_to_basket {padding:10px; background:#F6F6F6; border:2px dashed #ccc; margin-bottom: 20px; overflow:hidden;} #add_to_basket legend {padding-bottom:0px;} #add_to_basket label {} #add_to_basket button {display:inline; margin:0; margin-left:20px;} #add_to_basket div.section {width:50px;} #add_to_basket div.section2 {float:left; width:155px;} #add_to_basket .input_text {width:48px; background:#fff;} #add_to_basket .small {width:50px;} /* CATEGORIES */ div.cat_wrap {float:left; width:195px; margin-right:5px; overflow:hidden;} .webshop_categories table {width:195px;} .webshop_categories th, .webshop_categories td {padding:5px;} .webshop_categories th {background:#215077; color:#fff;} .webshop_categories table a {font-size:12px;} .webshop_categories tr.cat {background:#E1E1E1; text-decoration:none; border:1px solid #ccc; text-align:center;} .cat a {text-decoration:none; font-weight:bold;} .webshop_categories tr.subcat {font-size:12px; padding-left:15px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;} .column3, .column6, .column9 {margin-right:0;} /* CATEGORY */ html body div#container div#content .webshop_category table a {} .webshop_category table img {} html body div#container div#content .webshop_category table.list span {display:none;position:relative; top:10px; z-index:999;} html body div#container div#content .webshop_category table.list span img {border:2px dashed #275E8B; position:absolute; z-index:9999; background:#fff; padding:5px;} /* LATEST & CATEGORY LIST */ div.webshop_latest, div.webshop_category {} .webshop_latest ul, .webshop_category ul {overflow:hidden;} .webshop_latest ul li, .webshop_category ul li {float:left; margin:0 12px 15px 0; width:200px;height:220px; overflow:hidden; position:relative;} .webshop_latest ul li div, .webshop_category ul li div {height:150px; position:relative; } .webshop_latest ul li div img, .webshop_category ul li div img {position:absolute; bottom:0;} .webshop_latest ul h3, .webshop_category ul h3 {padding-top:5px; font-size:100%;} .webshop_latest ul li.row, .webshop_category ul li.row {clear:left;} .webshop_latest .price, .webshop_category .price {position:absolute; bottom:0; padding:5px; width:200px;} /* PRODUCT */ div.webshop_product {} .webshop_product ul {overflow:hidden;} .webshop_product ul li {float:left; margin:5px;} .webshop_product ul li.row {clear:left;} .webshop_product .column {float:right; width:250px; margin-left:15px;} .webshop_product dl {overflow:hidden;} .webshop_product dt {font-weight:bold; clear:left; float:left; width:150px;} .webshop_product dd {} .webshop_product dd, .webshop_product dt {padding:5px 0; border-bottom:1px dashed #ccc;} /* CART */ div#cart {padding:5px; border-bottom:2px solid #ccc; overflow:hidden; position:relative; margin:-10px 0 0 -30px; width:645px;} #cart form {float:left;} #cart label {display:inline;} #cart p.summary {float:left; margin:0 20px; padding:0;} #cart ul {float:left;overflow:hidden;} #cart ul li {float:left; margin-right:20px;} /* CHECKOUT */ div.webshop_checkout {} .webshop_checkout tr.summary th {} .webshop_checkout .summary button {display:inline;} .webshop_checkout .summary a {padding:0 15px; font-weight:normal;} .webshop_checkout .list {margin-bottom:15px;} .webshop_checkout fieldset {overflow:hidden; margin-bottom:30px;} .webshop_checkout .row {clear:left;} /* SEARCH */ form#webshop_search {} #webshop_search .input_text {height:23px; width:160px;} #webshop_search button {display:inline;} /*----------------------------------------------------------------------------------- * == VIDEO * --------------------------------------------------------------------------------- */ div.video {} /* PLAYER */ #video_player {margin-bottom:15px;} /* LIST */ ul#video_list {} #video_list li {overflow:hidden; margin-bottom:5px; padding:5px;} #video_list li.row1 {} #video_list li.row2 {} #video_list img {float:left; margin-right:10px; width:100px;} #video_list p {margin-bottom:3px;} /* DESC */ div#video_description {background:#efefef; border:2px dashed #ccc; padding:10px; margin-bottom:15px;} #video_description p {padding:0; margin:0;} /* MISC */ #h_video_more {clear:left;} /*----------------------------------------------------------------------------------- * == LEVERANTÖRER * --------------------------------------------------------------------------------- */ div.suppliers {} .suppliers table {width:100%;} .suppliers table td {width:60%; padding-top:15px;} .suppliers table tr {border-bottom:2px solid #efefef;} .suppliers table td.image {text-align:right; padding-right:5%; width:25%;} .suppliers table td a {display: block; margin-top: 5px;} /*----------------------------------------------------------------------------------- * == CONTACT * --------------------------------------------------------------------------------- */ div.contact {overflow:hidden;} .contact form {float:left; width:250px;} .contact .input_text, .contact textarea {width:248px;} .contact .large {} .contact #extra_info {margin-bottom:15px;} #extra_info p {margin:0;} /* MAP */ div#map {float:left; width:300px; margin:53px 0 0 20px; padding:10px;} /*----------------------------------------------------------------------------------- * == SITEMAP * --------------------------------------------------------------------------------- */ div.sitemap {} .sitemap ul {margin-left:30px;} /*----------------------------------------------------------------------------------- * == POST - container that's beeing used for news, blog etc * --------------------------------------------------------------------------------- */ div.post {overflow:hidden; margin-bottom:35px;} div.post h3 {margin:0 0 5px; padding:0;} span.date {font-size:80%; margin-bottom:5px; display:block;} .post ul {clear:both;float:right; overflow:hidden;} .post ul li {float:left; margin-left:10px;} /*----------------------------------------------------------------------------------- * == IMAGES CONTAINERS - determines what side of the page the images should be display on. * --------------------------------------------------------------------------------- */ .right {float:right; margin:0 0 5px 10px;} .left {float:left; margin:0 10px 5px 0;} ul.right img, ul.left img {display:block; margin-bottom:5px;} /*----------------------------------------------------------------------------------- * == FX * --------------------------------------------------------------------------------- */ /* MESSAGES */ div#fx_messages_container {overflow:hidden; height:45px; width:500px; margin:0 auto; position:absolute; right:0; top:20px;} ul#fx_messages {position:relative; width:8000000px;} ul#fx_messages li {height:45px; width:500px; float:left; line-height:45px; font-size:18px; text-align:center;} /*----------------------------------------------------------------------------------- * == CLOSED.PHP * --------------------------------------------------------------------------------- */ div.closed {text-align: center;} div.closed p {margin: 0 auto; width: 450px;} div.closed_languages {margin: 40px 0;} div.closed_languages a {padding: 0 2px; margin: 0;} /*----------------------------------------------------------------------------------- * == BOXES - Boxes that beeing included on desired places. * --------------------------------------------------------------------------------- */ /* GENERAL */ div.boxes {} /* BLOG */ div#blog_latest {} #blog_latest dl {} #blog_latest dl dt {} #blog_latest dl dd {} /* CALENDAR */ div#calendar_latest {} #calendar_latest dl {} #calendar_latest dl dt {} #calendar_latest dl dd {} /* GALLERY */ div#gallery_latest {} #gallery_latest dl {} #gallery_latest dl dt {} #gallery_latest dl dd {} /* LUNCH */ div#lunch_latest {} #lunch_latest dl {} #lunch_latest dl dt {} #lunch_latest dl dd {} /* NEWS */ div#news_latest {overflow:hidden;} #news_latest .first h3 {color:#275E8B; font-size:150%; font-weight:normal;} #news_latest h3 {color:#275E8B;} #news_latest div.h3 {margin-top:0; padding-top:0;} #news_latest {padding-bottom:20px;} #news_latest div {overflow:hidden; border-top:2px dashed #ccc; padding-top:10px; margin-top:10px; position:relative;} #news_latest div.first {border:0;} #news_latest p {max-width:none;} #news_latest img {float:right; margin:0 0 15px 15px;} #news_latest .date {font-size:85%; margin-bottom:5px; color:#000000; display:block;} #latest_news div.more_news {} div.more_news h3 {font-size:100%; font-weight:bold;} #news_latest a.more {} /* PORTFOLIO */ div#portfolio_latest {} #portfolio_latest dl {} #portfolio_latest dl dt {} #portfolio_latest dl dd {} /* WEBSHOP */ div#webshop_latest {} #webshop_latest ul {} #webshop_latest ul li {} /*----------------------------------------------------------------------------------- * == MISC * --------------------------------------------------------------------------------- */ div#webbutveckling {font-size:16px; color:#1C4666; margin:20px 0 20px 20px;} #webbutveckling h3 {font-size:16px;margin-top:15px; font-weight:bold;} #webbutveckling h3 a {text-decoration:none; color:#1C4666;} #webbutveckling a {color:#1C4666; text-decoration:none;} .split {}