/* 
    Document   : jabac
    Created on : Apr 2, 2009, 1:10:36 PM
    Author     : Daniel Lindén
*/


html, body {
	background:#f0f0f0 url(../images/bg.jpg) repeat-x top left;
}

strong { 
	font-weight:bold; 
}
.leftFloat{
	float:left;
}
.rightFloat{
	float:right;
}
.clearBoth{clear:both;}

div#wrapper	{ 
	width:1000px; margin:0 auto; 
}
	div#header { 
		height:110px; 
		width:974px; 
		background:url(../images/header_bg.jpg) no-repeat top right; 
		margin:0 0 0 8px; 
	}
	div#header h1 { 
		height:110px; 
		width:310px; 
		background:url(../images/logo.jpg) no-repeat top left; 
	}
	div#header h1 span { 
		display:none; 
	}
	div#header p { 
		display:none; 
	}

	div#content { 
		background:url(../images/content_bg.jpg) repeat-y top left; 
	}
		div.clear	{ clear:both; }

		div#left					{ width:318px; float:left; background:url(../images/left_bg.jpg) no-repeat top left; }
			div.box		{ padding:10px 10px 15px 20px; }

			div#left h3		{ background:url(../images/left_title.jpg) repeat-x top left; font-size:14px; height:27px; color:#fff; padding:7px 0 0 10px; font-weight:bold; }
			div#left p		{ padding:10px 10px 0 10px; font-size:0.8em; }
			div#left select	{ padding:3px; color:#000; width:100%; background:#fff url(../images/search_bg.jpg) repeat-x top left; border:1px solid #f3b400; }
			div#left input	{ padding:3px; color:#000; width:98%; background:#fff url(../images/search_bg.jpg) repeat-x top left; border:1px solid #f3b400; }
			div#left .submit{ background:url(../images/left_submit.jpg) repeat-x top left; height:28px; width:50%; border:1px solid #f3b400; text-align:center; font-size:12px; font-weight:bold; }
			div#left ul{ 
			}
			div#left ul li{ 
				padding:0 0 0 10px;
			}
			div#left a{ 
				color:#000000; 
				font-size:12px;
				text-decoration:none;
				background: transparent url(../images/arrow.png) no-repeat;
				padding: 3px 3px 3px 25px;
				font-weight:bold;
			}
			div#left a:hover{ 
				text-decoration:underline;
			}

		div#right							{ width:682px; float:right; background:url(../images/right_bg.jpg) no-repeat top left; }
			div#navigation					{ height:36px; }
			div#navigation ul li			{ height:36px; display:block; float:left; }
			div#navigation ul li a			{ color:#fff; display:block; height:36px; font-size:10px; padding:11px 8px 0 8px; }
			div#navigation ul li.active		{ background:url(../images/nav_active.jpg) repeat-x top left; }
			div#navigation ul li.active a	{ color:#000; }

			div#location	{ height:29px; }
			div#location p	{ color:#7a7a7a; font-size:12px; padding:7px 0 0 10px; }

			div#page				{ padding:20px 30px 15px 10px; }
			div#page h2				{ height:31px; font-size:18px; color:#000; background:url(../images/right_title.jpg) repeat-x top left; padding:3px 0 0 10px; }
			div#page h3				{ font-weight:bold; padding:15px 0 0 8px; clear:right; color:#6e6e6e; }
			div#page small			{ padding:0 0 0 8px; font-size:0.7em; }
			div#page strong,
			div#page b				{ font-weight:bold; }
			div#page p				{ font-size:0.8em; padding:10px 15px 10px 15px; color:#6e6e6e; }
			div#page ul li			{
	font-size: 0.8em;
	padding: 3px 0 0 20px;
	font-weight: bold;
	vertical-align: top;
}
			div#page ul li img			{margin-right:20px; margin-bottom:5px; }
			div#page ul li a		{ font-weight:bold; color:#000;}
			div#page ul li a.arrow		{background: transparent url(../images/arrow.png) no-repeat; padding: 3px 3px 3px 25px;} 
			div#page ul li a:hover	{text-decoration:underline; }
			div#page p a		{ font-weight:bold; color:#000;}
			div#page p a.arrow		{background: transparent url(../images/arrow.png) no-repeat; padding: 3px 3px 3px 25px;} 
			div#page p a:hover	{text-decoration:underline; }
			div#page .float_right	{ float:right; }

			div#page table			{ font-size:0.8em; color:#6e6e6e; padding:0 20px 0 20px; width:100%; }
			div#page table td		{ border:1px solid #ccc; padding:3px; }
			div#page table td.width	{ width:25%; }

		div#footer		{ clear:both; height:123px; background:url(../images/footer_bg.jpg) no-repeat bottom left; }
			div#footer h4		{ color:#656565; font-size:1em; padding:10px 0 0 20px; }
			div#footer ul		{ padding:10px 20px 0 20px; }
			div#footer ul li	{ display:inline; padding:5px; }
			
			

div#page .pics {   
    width:640px;
		height:222px;
    padding: 0;
		margin-top:5px;
		margin-bottom:10px;
} 
div#page .pics img {  
    padding: 5px;  
    border:  1px solid #CCCCCC;  
    background-color: #F0F0F0;  
   	width:  630px; 
		height:212px;
    top:  0; 
    left: 0;
}

div#page .offers {
	background: #ECB302 url(../images/offers_bg.jpg) repeat-x;
	width: 620px;
	border: 1px solid #ffe698;
	padding: 10px;
	margin-bottom: 10px;
} 
div#page .offers h3 { 
	font-weight:bold;
    color:#FFFFFF;
    padding:0;
} 
div#page .offers .price {
	text-align:center;
    color:#FFFFFF;
    font-size:20px;
    padding:10px;
} 
div#page .offers p {
    color:#FFFFFF;
} 

div#page .offers img { 
    border:1px solid #fedb42;
    margin-right:20px;
} 


/*Simple scroll*/

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 576px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 200px;
}