/* 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 {position:relative; min-height:100%;} * html #wrapper {height:100%;} div#wrapper, div#cart_container {margin:0px auto; width:1050px;} div#container { overflow:hidden; padding:5px 0 350px; margin:-6px 0 0 50px; background:url(../img/bg_container.jpg) no-repeat top right;} div#header {} #header h1 {margin:20px 0 0 5px;} #header h1 a {text-decoration:none; color:#333333; font-size:125%; font-weight:normal;} div.section {width:251px; float:left; margin-top:15px;} div#content_container {float:left; width:745px; overflow:hidden;} div#content_wrap {background:url(../img/bg_content2.png) no-repeat; padding:40px 60px; overflow:hidden; margin-top:-38px; position:relative; z-index:200; min-height:400px;} div#content {position:relative; z-index:300;} div#footer_container {background:url(../img/bg_footer.jpg) repeat-x; height:300px; clear:both; position: relative;margin-top: -300px;} div#footer {font-size:22px;padding:20px 0 0px 375px;width:580px; margin:0 auto; /*color:#40611f;*/ color:#324515; background:url(../img/bg_footer_logotype2.png) no-repeat 0% 55%;} #footer h2 {font-size:28px; color:#324515; border-bottom:1px dashed #324515; padding-bottom:20px; margin-bottom:20px; overflow:hidden;} #footer h2 span {float:right; font-size:22px; padding-top:5px;} #footer p {margin:0;} #footer div.company_info {clear:right;overflow:hidden; padding-bottom:25px; margin-bottom:20px; border-bottom:1px dashed #324515;} #footer ul.c_info1 {float:left; margin-left:30px;} #footer ul.c_info2 {float:right; margin-right:30px;} /*----------------------------------------------------------------------------------- * == LANGUAGE * --------------------------------------------------------------------------------- */ ul#language {overflow:hidden; position:absolute; top:115px;} #language li {margin-left:5px;} /*----------------------------------------------------------------------------------- * == SLIDESHOW * --------------------------------------------------------------------------------- */ div#slideshow {width:743px; height:367px;position:relative;} #slideshow li {width:743px; height:367px; 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;} div#singleImage {overflow:hidden; width:743px; height:200px;} #singleImage img {width:743px; height:200px;} /*----------------------------------------------------------------------------------- * == 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:340px;padding:10px;margin:0 15px 15px 0; border:1px solid #ccc; border-right:2px solid #ccc;border-bottom:2px solid #ccc;} .staff .row {clear:left;} .staff span.title {letter-spacing:2px; color:#666666; display:block; margin-bottom:5px;} .staff h3 {margin: 0 0 5px 0;} .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; margin-bottom:5px;} 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:300px;} /* MISC */ #h_video_more {clear:left;} /*----------------------------------------------------------------------------------- * == CONTACT * --------------------------------------------------------------------------------- */ div.contact {overflow:hidden;} .contact form {float:left; width:300px;} .contact .large {} .contact #extra_info {margin-bottom:20px;} #extra_info p {margin:0;} /* MAP */ div#map {float:left; width:300px; margin:48px 0 0 20px;} /*----------------------------------------------------------------------------------- * == 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:950px; margin:0 auto; position:relative;} ul#fx_messages {position:relative; width:8000000px;} ul#fx_messages li {height:45px; width:950px; float:left; line-height:45px; font-size:18px; text-align:center;} /*----------------------------------------------------------------------------------- * == BOXES - Boxes that beeing included on desired places. * --------------------------------------------------------------------------------- */ /* GENERAL */ div.boxes {} .boxes h2 {font-size:20px; color:#000; font-weight:bold;} .boxes h3 {font-size:17px; color:#666; margin:5px 0;} .boxes span.date {color:#999; display:block; margin-top:15px;} /* 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 {} /*----------------------------------------------------------------------------------- * == MISC * --------------------------------------------------------------------------------- */ .split {}