/* 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, div#cart_container {width:900px; padding:0 9px 0 10px; background:#FFFFFF; margin:0 auto;}

div#wrapper {position:relative; min-height:100%; background:url(../img/bg_content.jpg) no-repeat 100% 92%;}
* html div#wrapper {height:100%;}
div#header {}
	#header h1 {}
	#header h1 a {}
div#container {margin:0px 0 0 30px;float:left; padding-bottom:5em; width:665px;}
div#content {}

div#footer {padding:20px 9px 20px 10px; color:#999; clear:both; background:#fff url(../img/stripes.gif) repeat-x;
	position:relative; width:900px; margin:-5em auto 0; font-size:85%;}
	#footer p {margin:0;}
	
div.section {clear:right;width:205px; float:left;}
#contact_info {background:#F3F3F3; padding:5px; margin-top:10px; font-size:85%;}
/*-----------------------------------------------------------------------------------
* == INDEX
* --------------------------------------------------------------------------------- */
div.areas {overflow:hidden; }
	.areas h3 {text-align:center; font-size:100%; margin-top:5px;}
div.areas div {float:left; margin-right:15px; width:210px; margin-top:20px; margin-bottom:10px;}
.areas img {width:205px; height:130px;}

div.areas div.last_area {margin-right:0; text-align:right;}
.first_area {}

.areas h2 {text-align:center;}

/*-----------------------------------------------------------------------------------
* == SUPPLIERS
* --------------------------------------------------------------------------------- */
.suppliers table tr {padding-bottom:10px;}
.suppliers table th {font-weight:normal; border-bottom:2px solid #F3F3F3;}
.suppliers table td {padding-right:15px; border-bottom:2px solid #F3F3F3; text-align:right;}

/*-----------------------------------------------------------------------------------
* == LITTERATUR
* --------------------------------------------------------------------------------- */
div.litteratur .db_content {margin-bottom:30px;}


/*-----------------------------------------------------------------------------------
* == LEVERANTÖRER
* --------------------------------------------------------------------------------- */
div.leverantorer {}
	.leverantorer table {width:100%;}
	.leverantorer table td {width:60%; padding-top:15px;}
	.leverantorer table tr {border-bottom:2px solid #efefef;}
	.leverantorer table td.image {text-align:right; padding-right:5%; width:35%;}

/*-----------------------------------------------------------------------------------
* == 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 {margin-bottom:15px;}
	.links .row {clear:left;}
	.links ul li {margin-bottom:15px; background:url(../img/smultron.png) no-repeat; padding-left:30px; min-height:25px;}
	.links h3 {}
	.links ul {}
	
/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */

div.staff {overflow:hidden;}
	.staff .column {float:left; width:180px; height:290px;padding:10px;margin:0 15px 15px 0; 
		}
	.staff .row {clear:left;}
	.staff span.title {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:8px;}
	
	div.gallery_image {text-align:center;}
	

/*-----------------------------------------------------------------------------------
* == WEBSHOP
* --------------------------------------------------------------------------------- */	
div.webshop {margin-right:215px; border-right:2px solid #efefef;}
	.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 {}
	.webshop_latest h3, .webshop_category h3 {font-size:85%;}
	
	.webshop a.more_info {margin-top:15px; float:left;}
	
	form#add_to_basket {padding:10px; background:#efefef; border:2px solid #ccc; 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 {}
	ul.webshop_products {overflow:hidden;}
	ul.webshop_products img {float:left;}
	ul.webshop_products h3 {clear:left; padding-top:5px;}
	ul.webshop_products li.row {clear:left;}
	
	ul.webshop_products li, .webshop_category ul li {float:left; margin-right:15px; margin-bottom:15px;width:130px; height:210px; overflow:hidden;}
	
/* CATEGORY */
div.webshop_category {}
	.webshop_category ul {overflow:hidden;}
	.webshop_category ul img {float:left;}
	.webshop_category ul h3 {clear:left; padding-top:5px;}
	.webshop_category ul li.row {clear:left;}	
ul.subcats li {height: 170px;}

div.category_presentation {margin: 0 5px 5px 0;}


/* 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 span.price {text-align:center;}
	
/* CART */

div#cart {background:#efefef; border-top:2px solid #ccc; 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;}

/* SPECIAL OFFERS, FIRST PAGE */
ul#webshop_offers {overflow: hidden; margin: 30px 0; border-top: 1px dotted #c0c0c0;}
  #webshop_offers li {border-bottom: 1px dotted #c0c0c0; padding: 5px 0;}
  #webshop_offers li a.piclink { margin-right: 10px; float: left;}
  #webshop_offers li div {float: left; width: 300px; margin-left: 0;}
  #webshop_offers li div p {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 {clear:left; }
		#extra_info p {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; 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; border-bottom:2px solid #ccc; height:45px; background:#efefef; width:920px; /*margin:0 auto;*/ left:50%; margin-left:-461px; position:relative;}
	ul#fx_messages {position:relative; width:8000000px;}
	ul#fx_messages li {height:45px; width:920px; float:left; line-height:45px; font-size:18px; text-align:center;}
	
/*-----------------------------------------------------------------------------------
* == BOXES - Boxes that beeing included on desired places.
* --------------------------------------------------------------------------------- */		
div#newsletter_add {background:#efefef; padding:5px;margin-top:10px;}
	#newsletter_add form {}
	#newsletter_add legend {padding-bottom:5px; font-size:100%; color:#214C39; font-weight:bold;}
	#newsletter_add p {font-size:85%; padding:0; margin:0 0 5px 0;}
	#newsletter_add .input_text {width:99%;}
/* 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 {}

#news_latest {border-top:5px solid #F3F3F3; padding-top:10px; padding-bottom:20px;}
#news_latest div {overflow:hidden; border-top:2px solid #f3f3f3; padding-top:10px; margin-top:10px; position:relative;}
#news_latest div.first {border:0;}
#news_latest p {max-width:none;}
#news_latest img {float:left; margin-right:15px;}
#news_latest .date {font-size:85%; margin-bottom:5px; color:#000000; display:block;}
#latest_news div.more_news {}

#news_latest a.more {position:absolute; right:0; bottom:0;}

/* 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 {}
span.imgtitle {margin-bottom:5px; display:block;}