/* 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#container, div#cart_container {width:800px; margin:0 auto;} #container {padding-bottom:40px;} div#header {overflow:hidden;} #header h1 {margin:20px 0 0; float:left;} #contact_information {float:right; margin:35px 0 0 50px; overflow:hidden;color:#666666;} #contact_information ul {float:left;} #contact_information ul.address {margin-right:30px;} #contact_information ul.street-address {margin:10px 30px 0 0;} #contact_information li {margin:2px 0;} div#content {padding-bottom:20px;margin-top:15px;} div#footer { padding:10px 5px 5px; clear:both; border-top:4px solid #18419E;} #footer p {margin:0; float:left;} /*----------------------------------------------------------------------------------- * == 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:30%; margin-right:3%; margin-bottom:25px;} .staff .row {clear:left;} .staff span.title {letter-spacing:2px; color:#666666; display:block; margin-bottom:5px;} .staff h3 {margin: 0 0 10px 0; clear:left;} .staff dl dt {font-weight:bold; margin-top:10px;} .staff h4 {font-size:150%; font-weight:normal;} /*----------------------------------------------------------------------------------- * == 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 {margin-left:215px;} .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_latest span.price, .webshop_categories span.price {padding:10px 0px; width:85px; margin:0; text-align:center;float:left;} .webshop a.more_info {margin-top:15px; float:left;} form#add_to_basket {padding:10px; background:#efefef; text-align:center;} #add_to_basket legend {} #add_to_basket label {display:inline;} #add_to_basket button {display:inline;} #add_to_basket .small {width:50px;} /* LATEST PRODUCTS */ div.webshop_latest {} .webshop_latest ul {overflow:hidden;} .webshop_latest ul li {float:left; margin-right:15px; width:190px; height:150px; overflow:hidden;} .webshop_latest ul img {float:left; margin-right:5px;} .webshop_latest ul h3 {clear:left; padding-top:5px;} .webshop_latest ul li.row {clear:left;} /* CATEGORY */ div.webshop_category {} .webshop_category ul {overflow:hidden;} .webshop_category ul li {float:left; margin-right:15px; width:190px; height:150px; overflow:hidden;} .webshop_category ul img {float:left; margin-right:5px;} .webshop_category ul h3 {clear:left; padding-top:5px;} .webshop_category ul li.row {clear:left;} /* CATEGORY */ 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;} /* CART */ div#cart {background:#efefef; padding:5px 0; position:fixed; bottom:0; width:100%;} #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;} /*----------------------------------------------------------------------------------- * == VIDEO * --------------------------------------------------------------------------------- */ div.video {} /* PLAYER */ #video_player {margin-bottom:15px; float:left;} /* 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 */ p#video_description {float:left; margin-left:15px; width:320px; height:305px; color:#18419E; background:#efefef; padding:20px; font-size:125%;} /* MISC */ #h_video_more {clear:left;} /*----------------------------------------------------------------------------------- * == CONTACT * --------------------------------------------------------------------------------- */ div.contact {overflow:hidden;} .contact form {float:left; width:300px;} .contact .large {} .contact #extra_info {clear:left; padding:10px; background:#efefef; } #extra_info p {padding:0; margin:0;} /* MAP */ div#map {float:left; width:300px; margin:48px 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;} span.date {color:#666; 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;} /*----------------------------------------------------------------------------------- * == 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 {} #news_latest dl {} #news_latest dl dt {} #news_latest dl dd {} /* 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 {} /*----------------------------------------------------------------------------------- * == LATEST NEWS & LATEST PORTFOLIO * --------------------------------------------------------------------------------- */ div#news_latest, div#portfolio_latest {width:49%; margin:15px 0;} #news_latest {float:left;} #portfolio_latest {float:right;} #news_latest h3, #portfolio_latest h3 {color:#666666; border-bottom:1px solid #666666; font-weight:normal; text-transform:uppercase; margin-bottom:10px;} #news_latest dl, #portfolio_latest dl {overflow:hidden;} #news_latest dt, #portfolio_latest dt {clear:both;float:left; margin-bottom:2px;} #news_latest dd, #portfolio_latest dd {float:right; margin-bottom:2px;} /*----------------------------------------------------------------------------------- * == INDEX PROMO * --------------------------------------------------------------------------------- */ div#nav_promo_container {position:relative;} div#promo_container {overflow:hidden; height:343px; width:800px; position:relative;} div#promo_content {height:343px; width:9600px; position:relative;} div.promo {height:343px; position:relative; width:800px; float:left;} .promo div {position:absolute; bottom:20px; right:20px; width:420px; height:95px;} .promo h3 {color:#9ac3ff; font-weight:normal; font-size:150%; margin:0 0 5px 0;} .promo p {color:#FFFFFF; margin:0; font-size:100%; line-height:120%;} .promo a {color:#9ac3ff;} div.start {background:url(../img/tjanster/index.jpg) no-repeat;} div.betonghaltagning {background:url(../img/tjanster/palningochforstarkning.jpg) no-repeat;} div.betongrenovering {background:url(../img/tjanster/betongrenovering.jpg) no-repeat;} div.byggochanlaggning {background:url(../img/tjanster/byggochanlaggning.jpg) no-repeat;} div.epoxi {background:url(../img/tjanster/expoinjektering.jpg) no-repeat;} div.industrigolv {background:url(../img/tjanster/industrigolv.jpg) no-repeat;} div.kolfiber {background:url(../img/tjanster/kolfiber.jpg) no-repeat;} div.palning {background:url(../img/tjanster/betonghaltagnin.jpg) no-repeat;} div.plat {background:url(../img/tjanster/plat.jpg) no-repeat;} div.rivning {background:url(../img/tjanster/rivningsarbeten.jpg) no-repeat;} div.nds {background:url(../img/tjanster/nds.jpg) no-repeat;} div.tak {background:url(../img/tjanster/bild.jpg) no-repeat;} a.read_more {display:block; position:absolute; right:0px; bottom:0px;} /*----------------------------------------------------------------------------------- * == MISC * --------------------------------------------------------------------------------- */ /*div.categories {float:right; width:150px; margin:0 0 10px 25px;}*/ .categories h3 {display:none;} .split {}