/* 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:900px; border:5px solid #333333; margin:10px auto 0; background:#ffffff; min-height:600px;}
	#container {padding-bottom:40px;}

div#header {background:url(../img/bg_header.jpg) repeat-x; height:241px;}
	#header h1 {text-align:center;}
	#header h1 a {text-decoration:none; color:#fff; font-size:150%; font-weight:normal;}

div#content {padding:10px; overflow:hidden;}

div#footer {width:800px; margin:0px auto;padding:5px 0; clear:both; font-size:80%; color:#FFFFFF;}
	#footer p {margin:0;}
	#footer a {color:#FFFFFF; text-decoration:none;}

/*-----------------------------------------------------------------------------------
* == 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:400px; padding:10px; height:140px;border:1px solid #efefef; border-right:2px solid #efefef; border-bottom:2px solid #efefef; margin-right:15px; margin-bottom:15px;}
	.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;}
	
	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;}
	
/*-----------------------------------------------------------------------------------
* == 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 {margin:0;}
	
	
/*-----------------------------------------------------------------------------------
* == 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;}

	
/*-----------------------------------------------------------------------------------
* == BOXES - Boxes that beeing included on desired places.
* --------------------------------------------------------------------------------- */		
	
/* GENERAL */	

div.boxes {margin-bottom:10px; padding:10px; border:1px dashed #ccc; background:#efefef; margin-right:250px;}

/* 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 {}