/*------------------------------------------------------------------------
# JA Iolite for joomla 1.5 - Version 1.1 - Licence Owner JA16511
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/
/*compatibility for safari and chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.slide {margin-top: -70px;*margin-top:-70px;}
}
/*the end*/





#ja-slideshow {
    border: 6px solid white;
    clear: both;
    display: block;
    float: left;
    height: 100%;
    margin: -54px 0 16px;
    width: 951px;
    z-index: 99;
}



#ja-botsl {
    color: black !important;
}




 #shadowbox_body  {
    background-color: white !important;}


.right_form_brkt td{padding:1px 15px;}

.sixboxes td{padding:3px;}

.right_form_brkt input, select, textarea, .inputbox, .button {
    color: #9A0600;}

.right_form_brkt .componentheading{color:white; width:180px;}

.right_form_brkt .yui-calcontainer{position:absolute !important;
right:-7px !important;
top: 254px !important;
}

.right_form_brkt input#epost {width:auto !important;margin-left:0px !important;}

.right_form_brkt{ background: url("/../../../images/stories/kampanje/giulietta/bgform.png") repeat scroll 0 0 #C20900;
width:200px;
border:7px solid #FFFFFF;
    position: absolute;
    top: -190px;
color:white;}

.imageflow div.imageflow_images img{margin: -145px 0 0 0;}

a.mainlevel{padding:0px !important;font-size: 11px !important;}

.imageflow{background:url("../../../images/stories/kampanje/giulietta/kampa_bg2.png") repeat scroll 0 0 transparent;
    border: 1px solid silver;
    margin: 0 auto;
    max-width: 900px;
    min-height: 100%;
    min-width: 150px;
    overflow: hidden;
    padding: 0 0;
    position: relative;
    text-align: center;
    width: 900px;
height:200px !important;}


div.moduletable, div.moduletable_default, div.moduletable_menu, div.moduletable_text, div.moduletable_icon {
    width: 101% !important;
}

#top-slide a.mainlevel {
    color: #CCCCCC;
    font-size: 12px;
    padding: 12px !important;
}
.one {
    color: #CCCCCC;
    float: left !important;
    margin-left: -9px !important;
    position: relative;
    top: -51px;
    width: 980px;
}

.connect_widget {
    background-color: #B30317 !important;
}

div.default div.yoo-accordion {
    border: 1px solid #C8C8C8;
    padding: 1px;
    width: 425px;
}


.logoknapper {
    float: right;
    height: 88px;
    margin-bottom: -90px;
    margin-left: 17px;
    margin-right: 181px;
}

.map_right {
    background: none repeat scroll 0 0 #DDE9E9;
    border: 1px solid #DDDDDD;
    color: #404040;
    float: right;
    font-size: 12px;
    height: 660px!important;
    margin: 96px 6px 6px;
    padding: 6px;
width:602px!important;
}




.fornye {
    display: block;
    left: 759px;
    margin-bottom: -150px;
    overflow: hidden;
    position: relative;
    top: -87px;
margin-right: 759px;
}



.boxae h4 {
    color: #F0F0F0;
    line-height: 125%;
}


/*--------------------------------
newsletter forside box nr 1
-----------------------------------*/


.moduletable-forside-reg {
    margin-top: 5px;

}
.mainnewsletter h4 {
    color: white;
    font-size: 24px;
    line-height: 43px;
    margin-top: 7px;
    text-align: center;
    width: 100%;
}

.normalsublayout{
    background:none;
z-index:1px;}

.mainnewsletter {
    color: white;
    font-size: 13px;
    font-weight: lighter;
    height: 150px;
    text-align: left;
    width: 100%;
    background:url(http://rsabil.no/templates/ja_ruby/images/rsa_1.jpg)no-repeat scroll 0 0 transparent ; 
 
width:292px;
overflow:hidden;
    margin:0;
    padding:0;
    display:block;
clear:both;
    content:hidden;
    border:6px solid white;

}

.normalsublayout {
    color: white;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-left: 20px;
    margin-top: -81px;
}
.mainnewsletter p {
    font-size: 12px;
    line-height: 7px;
    margin-left: 21px;
    margin-top: -8px;
    text-align: left;
    width: 260px;
}



#subscribeFormModule td{padding:1px}

#subscribeFormModule input, select, textarea, .inputbox, .button {color:black;}

/*---------------------------------
ending the style for newsletter forside box nr 1
----------------------------------*/











#ja-colmass div.yoo-gallery div.slideshow-bg {
    border: 6px solid #FF4F00 !important;
}
.badgedoblo.swe{top:-306px;position:relative}

.stamper.swe{top:-40px;position:relative;left:512px}

.snow{width:1000px;height:100px;background:url('../../../images/snow.png') no-repeat;position:relative;top:240px;left:-1004px;z-index:400}
.snowed{width:280px;height:400px;background:url('../../../images/snowed.png') no-repeat;position:relative;top:-330px;left:-140px;z-index:400}



.module-blank{float:none;clear:both}
.resolutor{height:250px !important;max-height:250px;padding:0 !important;z-index: 0 !important;}
.resolutor .panel{padding:0px !important;}
.resolutor .panel, #ie8#fix{top:0px !important;*top:66px !important;position:static;}
.dmaxcar{
background:url("../../../../../images/stories/kampanje/dmax/car2.png") no-repeat scroll 0 0 transparent;
height:252px;
left:-64px;
margin-bottom:-252px;
position:relative;
top:477px;
width:574px;

}

#ja-wrapper {

    background:url("../../../images/rsabgvar.jpg") repeat fixed left top transparent;)
*background:url("../../../images/rsabgvar.jpg") repeat scroll 0 0 transparent;)}
   



.dmaxski{
background:url("../../../../../images/stories/kampanje/dmax/polsa.png") no-repeat scroll 0 0 transparent;
height:333px;
left:664px;
margin-bottom:-333px;
position:relative;
top:-311px;
width:450px;
z-index:900000;
}

.road{z-index:10 !important;position:relative;}
/* sommerkampanje*/
ol.sum input#navne{width:120px !important;}
ol.sum input#epost{width:120px !important;}
ol.sum input#tel{width:120px !important;}
ol.sum li select{width:128px;}
ol.sum li input#send{color:#404040 !important;
left:66px !important;
position:relative !important;
top:10px !important;}

div.rsform_sommer h4{
color:#0FB512;
font-family:trebuchet MS;
font-size:20px;
font-weight:normal;
letter-spacing:0;
margin:-6px 0 -10px !important;
text-align:center !important;
}
div.rsform_sommer h3{font-size:12px !important;
margin:12px 0 -10px !important;
text-align:center !important;}


.rsform_sommer{
width: 182px;
}

table.sommered td{padding:0 5px !important;vertical-align:top;}
.cartello{background:url("../../../images/stories/kampanje/sommer/skilt.png") no-repeat scroll 0 0 transparent;
height:151px;
left:800px;
margin-bottom:-160px;
position:relative;
top:-142px;
width:146px;
z-index:1000;}
.badgesommer{background:url("../../../images/stories/kampanje/sommer/badge.png") no-repeat scroll 0 0 transparent;
height:173px;
left:-29px;
margin-bottom:-173px;
position:relative;
top:-15px;
width:195px;
z-index:1000;}

.hasTip img{
position:relative;
z-index:10000;
}

.nope #tel{padding:0;width:auto;margin-left:0}
.nope td{padding:4px 20px 2px 0}
.logoSC{
background:none repeat scroll 0 0 transparent !important;
color:#EEEEEE !important;
left:171px !important;
line-height:120% !important;
padding:0 10px !important;
position:relative !important;
top:-86px !important;
width:587px !important;
}


.blacktop{line-height:12px;}
.divmenulogo{left:206px;
margin:0 auto;
position:relative;
text-align:right;
top:13px;
width:650px;
z-index:997;}
.menulogo a{margin-bottom:-65px;}

.menulogo div{float:left;
height:65px;
margin-bottom:-64px;
width:150px;}
a.suzuki div{background:url('../../../images/stories/logoes/suzuki2_a.png');}
a.suzuki:hover div{background:url('../../../images/stories/logoes/suzuki2_b.png');}

a.fiat div{background:url('../../../images/stories/logoes/fiat_a.png');}
a.fiat:hover div{background:url('../../../images/stories/logoes/fiat_b.png');}

a.alfaromeo div{background:url('../../../images/stories/logoes/alfa_a.png');}
a.alfaromeo:hover div{background:url('../../../images/stories/logoes/alfa_b.png');}

a.isuzu div{background:url('../../../images/stories/logoes/isuzu_a.png');}
a.isuzu:hover div{background:url('../../../images/stories/logoes/isuzu_b.png');}


.moduletable{padding:5px 0 0 !important;}

.bruk_bil {
width: 1000px;
margin-bottom: 20px;
height:219px;
}

.sixboxes {
float: left;
margin-right: 25px;
border: 6px solid #FFF;
}

.sixboxes2 {
float: right;

border: 6px solid #FFF;
}

.vinn{
position:relative;
right:1072px;
top:120px;
z-index:997;


}


div.badgenyhet{
background:url("../../../images/stories/kampanje/suzukikizashi/img/badgen.png") no-repeat scroll 0 0 transparent;
height:200px;
left:786px;
margin-bottom:-200px;
position:relative;
top:-21px;
width:300px;
z-index:900;
}

ul.dotts{
list-style:circle;
margin-left:28px;
}
ul.dotts li{padding-left:12px}
#ja-slideshow a.mainlevel{
color:#005B93;
font-size:12px;
padding:4px;
font-weight:bold
}

#top-slide a.mainlevel{
color:#cccccc;
font-size:12px;
padding:17px;
}

#top-slide a.mainlevel:hover{ 
color:#005A9B;
font-size:12px;
font-weight:bold;
text-decoration:none !important;
}

.one{
color:#CCCCCC;
position:relative;
text-align:center;
top:-51px;
}

#ja-slideshow table{
text-align:center;
}
#ja-slideshow span{
color:#bbbbbb;
}
.blacktop a{
font-size:11px;
font-weight:bold;
color:#cccccc;
}
.stamper{
background:url("../../../../images/stories/stempel4.png") repeat scroll 0 0 transparent;
height:143px;
left:473px;
margin-bottom:-143px;
position:relative;
top:235px;
width:140px;
z-index:10000;
}
.stamper_giu{
background:url("../../../../images/stories/kampanje/giulietta/giuliabadge.png") repeat scroll 0 0 transparent;
height:150px;
left:473px;
margin-bottom:-150px;
position:relative;
top:235px;
width:150px;
z-index:10000;
}
.tred{
margin-left:5px;
margin-bottom:-7px
}
.cabrio{
margin-bottom:-7px
}
div.yoo-carousel div.panel{
*position:relative;
*overflow:visible !important;
*top:-60px;
}
.formBodySuba input{
background:none repeat scroll 0 0 transparent;
border:0 none;
color:white;
height:16px;
margin-left:6px;
margin-top:5px;
padding:0;
text-align:left;
width:35px;
}
.formBodySuba input:hover{
text-decoration:underline;
cursor:pointer;
border-bottom:1px solid white;
}
.formBodySub input{
background:url("../../../images/stories/button.png") repeat scroll 0 0 transparent;
border:0 none;
height:31px;
margin-top:-9px;
text-align:center;
width:202px;
}

ol.formKampanje{
display:block;
float:left;
height:110px;
text-align:left;
width:100%;
list-style:none;
}
ol.formKampanje li {
margin:0px 0 0 3px;
padding:14px 0px;
display:block;
}
ol.formKampanje li div.formCaption{
width:80px;
}
h1{white-space:nowrap;}
#leftComponent{
border-right:1px solid #EEEEEE;
display:inline;
float:left;
margin:26px 20px 0 0;
min-height:406px;
padding:0 0 0 0;
width:169px;
}
.rightCarPic{
background:none repeat scroll 0 0 #ffffff;
color:#C20900;
display:inline;
float:right;
font-size:28px;
margin:0 0 35px 20px;
padding:0;
text-align:right;
}

.rightCarPic p{
background:url("../../../images/stories/tag.png") no-repeat scroll 100% 50% transparent;
height:54px;
margin:0 6px 0 0;
padding-right:9px;
*width:300px;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	background: #E7E6DF;
	border-left: 5px solid #FA6900;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	background: url(../images/so-q.gif) no-repeat left top;
	padding: 8px 0 0 18px;
}

blockquote span.close {
	background: url(../images/sc-q.gif) no-repeat bottom right;
	padding: 0 0 8px 18px;
}

blockquote.testimonial {
	padding: 0 0 10px;
	border-bottom: 1px solid #C9C0B7;
}

blockquote.testimonial span.author {
	background: url(../images/icon-author.gif) no-repeat 5px center;
	display: block;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 20px;
}

/* Dropcap */
.dropcap {
	color: #FA6900;
	display: block;
	float: left;
	font: 50px/40px Georgia, Times, serif;
	padding: 4px 8px 0 0;
}

/* Tips, Error, Message, Hightlight*/
p.error {
	background: url(../images/icon-error.gif) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}

p.message {
	background: url(../images/icon-info.gif) no-repeat top left;
	color: #2D99C4;
	padding-left: 25px;
}

p.tips {
	background: url(../images/icon-tips.gif) no-repeat top left;
	color: #FA6900;
	padding-left: 25px;
}

.highlight {
	background: #E7E6DF;
	font-weight: bold;
	padding: 1px 5px;
}

/* Note Style */
p.stickynote {
	background: url(../images/sticky-bg.gif) no-repeat 10px center #FFFFFF;
	border: 1px solid #C9C0B7;
	padding: 10px 10px 10px 60px;
}

p.download {
	background: url(../images/download-bg.gif) no-repeat 10px center #FFFFFF;
	border: 1px solid #C9C0B7;
	padding: 10px 10px 10px 60px;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
 /*background: url(../images/icon-checklist.gif) no-repeat 0 2px;*/
    background: url(../images/icon-arrow.gif) no-repeat 0 2px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* Check list (star) */
ul.stars {
	list-style: none;
}

ul.stars li {
	background: url(../images/icon-star.gif) no-repeat 0 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}



/* List arrow */
ul.arrow {
	list-style: none;
}

ul.arrow2 li {
background:url("../images/icon-arrow.gif") no-repeat scroll 3px 50% transparent;
font-size:16px;
margin:3px 0 0 190px;
padding:0 0 0 32px;
}
ul.arrow li {
background:url("../images/icon-arrow.gif") no-repeat scroll 3px 50% transparent;
display:block;
font-size:16px;
margin:3px 20px 0 188px;
min-width:320px;
padding:0 0 0 20px;
}

/* Bignumber */
.bignumber {
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal Arial, sans-serif;
	margin-right: 8px;
	padding: 6px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
	display: block;
	font-weight: bold;
	margin-left: 15px;
	padding-left: 0;
}

div.bubble1 div {
	background: url(../images/bub1-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 10px 15px 20px;
	width: auto;
}

div.bubble2 div {
	background: url(../images/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 10px 15px 25px;
	width: auto;
}

div.bubble3 div {
	background: url(../images/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

div.bubble4 div {
	background: url(../images/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble4 div div {
	background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 10px 15px 45px;
	width: auto;
}

/* Legend */
.legend-title {
	background: #FBFBFB;
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -13px;
}

.legend {
	border: 1px solid #C9C0B7;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

/*address*/
ul.address {
	border-left: 5px solid #E5E5E5;
	font-size: 92%;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

ul.address li {
	background: none;
	margin: 0;
	padding: 0;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body div.frame { top: -66px !important; }
}