/* @group Reset { */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end Reset } */

/* @group Defaults { */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 0.8em;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

h1,
h1 a {
	font: normal 22px/24px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 3px 0 38px;
	overflow: hidden;
	text-transform: uppercase;
}

h1 a { margin: 0; }
	
h2,
h2 a {
	font: bold 15px/24px Arial, Helvetica, sans-serif;
	color: #fff;
}
	
h3,
h3 a {
	font: bold 13px/24px Arial, Helvetica, sans-serif;
	color: #fff;
}
	
p { padding: 0 0 10px; }

a { 
	color: #999; 
	text-decoration: none;
}

a:hover { color: #FFF; }

/* @end Defaults } */

/* CSS Styles */

body { 
	font: 100 13px/18px Arial, Helvetica, sans-serif;
	color: #999;
	background: #0E0F0F url(../img/body-bg.jpg) no-repeat center top; 
	}

#wrapper {
	width: 959px;
	height: auto;
	min-height: 300px;
	margin: 0 auto 50px;
	background: url(../img/navi-bg.png) no-repeat 50% 105px;
	}

#header {
	height: 151px;
	width: 959px;
	position: relative;
	}

#logo {
	display: block;
	width: 140px;
	height: 40px;
	padding: 38px 0 0 94px;
	background: url(../img/logo-brp-scandinavia.png) no-repeat left top;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	}

/* @group Top links { */
	
#top-links {
	display: block;
	width: 485px;
	width: auto;
	height: 31px;
	position: absolute;
	top: 0;
	right: 35px;
}
	
#top-links ul { 
	float: right; 
	background: url(../img/top-links-bg.png) no-repeat right top;
}

#top-links div {
	display: block;
	width: 90px;
	height: 31px;
	float: right;
	background: url(../img/top-links-bg.png) no-repeat left top;
}
	
#top-links li {	float: left; }

#top-links li a {
	float: left; 
	margin: 0 14px 0 0;
	font-size: 85%;
	font-weight: bold;
	line-height: 31px;
	text-decoration: none;
	position: relative;
	z-index: 1;
}
	
#top-links li a:hover { color: #FFF; }

/* @end Top links } */

/* @group Language { */
#language{
	position:absolute;
	top:65px;
	right:110px;
}

#language li{
	float:left;
}

#language a{
	width:16px;
	height:11px;
	margin:0 5px;
	background-repeat:no-repeat;
	background-position:0 0;
}



#language #lang-en a { background-image: url('/media/img/flags/en.png'); }
#language #lang-fi a { background-image: url('/media/img/flags/fi.png'); }
#language #lang-sv a { background-image: url('/media/img/flags/sv.png'); }
#language #lang-no a { background-image: url('/media/img/flags/no.png'); }
#language #lang-gl a { background-image: url('/media/img/flags/icon-brp.png'); }


.tooltip{
	border:1px solid rgb(180,180,180);
	padding:0 5px;
	color:rgb(255,255,255);
	background:rgb(20,20,20);
	background:rgba(20,20,20,0.3);
	font-size:11px;
	
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

/* @end Language } */

/* @group Add This { */
.addthis_toolbox {
	position: absolute;
	top: 57px;
	right: 17px;
}

#header .addthis_button_compact {
	display: block;
	width: 76px;
	height: 32px;
	text-indent: -10000px;
}

body.FI #header .addthis_button_compact { background: url(/media/img/btn-jaa.png) no-repeat left top; }
body.EN #header .addthis_button_compact { background: url(/media/img/btn-share.png) no-repeat left top; }
body.SV #header .addthis_button_compact { background: url(/media/img/btn-dela.png) no-repeat left top; }
body.NO #header .addthis_button_compact { background: url(/media/img/btn-del.png) no-repeat left top; }

body.FI #header .addthis_button_compact:hover,
body.EN #header .addthis_button_compact:hover,
body.SV #header .addthis_button_compact:hover
body.NO #header .addthis_button_compact:hover { background-position: left bottom; }

#header .addthis_button_compact span { background: none; }

/* @end Add This } */


/* @group Main navi { */

#navi {
	width: 907px;
	height: 31px;
	padding: 0 0 0 41px;
	margin: 0;
	position: absolute;
	top: 103px; 
	left: 0;
}

#navi ul {
	display: block;
	width: 917px;
	height: 31px;
	margin: 0;
	padding: 0;
}
	
#navi li { float: left; }

#navi li a,
#navi li a span { 
	display: block;
	width: 95px;
	height: 32px;
	text-align: center;
	line-height: 31px;
	padding: 0 40px;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #e5e5e5;
	background: url(../img/navi-item-bg.png) no-repeat right top;
}
	
#navi li a { 
	width: auto;
	float: left;
	padding: 0;
}
	
#navi li.first a { border-left: 2px solid #000; }

#navi li.active a { top: -4px; }

#navi li.active a span { color: #FFF; }

#navi li a:hover,
#navi li a:hover span { color: #FFF; }

/* @end Main navi } */


/* Frontpage */

#content {
	width: 911px;
	height: auto;
	margin: 0 21px;
	padding: 18px 0 0 0;
	border: 3px solid #000;
	font-size: 12px;
	line-height: 18px;
	}
	
#front #content { 
	background:  #0A0C0C url(../img/front-content-bg.jpg) no-repeat left top; 
	padding: 0;
	}
	
#images {
	width: 913px;
	height: 353px;
	margin: 0 21px;
	position: relative;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	background: url(../img/images-bg.png) no-repeat left top;
	background: #000;
	}

#images ul {
	display: block;
	height: 353px;
	overflow: hidden;
	}
	
#btn-prev,
#btn-next {
	display: block;
	width: 75px;
	height: 71px;
	text-indent: -10000px;
	position: absolute;
	top: 135px;
	background: url(../img/icon-arrow-left.png) no-repeat left top;
	z-index: 100;
	}
	
#btn-prev { left: -30px; }
	
#btn-next {
	right: -30px;
	background: url(../img/icon-arrow-right.png) no-repeat left top;
	}
	
/* Basic page */
	
#content {
	background: url(../img/content-top.png) no-repeat left top;
	}
	
#bottom {
	height: 100px;
	width: 913px;
	background: url(../img/content-bottom.png) no-repeat left top;
	}	
	
#sidebar,
#post,
#sidebar-image { float: left; }

#sidebar {
	width: 142px;
	height: auto;
	padding: 10px 5px 10px 35px;
	background: url(../img/sidebar-bg.jpg) no-repeat right top;
	}
	
#post {
	min-height: 330px;
	width: 510px;
	padding: 0 10px;
	}
	
#sidebar-image {
	width: 187px;
	padding: 60px 10px 0 0;
	}
	
#post ul,
#post ol { padding: 0 0 10px 0; }

#post ul li { 
	list-style: inside disc; 
	padding: 0 0 0 10px; 
	}

#post ol { 
	list-style: inside decimal; 
	padding: 0 0 0 10px; 
	}

#post a { color: #ddd; }

#post a:hover { text-decoration: underline; }

#sidebar h3 { 
	font-size: 14px; 
	margin: 0 0 8px; 
	padding: 0;
	}

#sidebar ul li { line-height: 16px;	}

#sidebar ul li a,
#sidebar ul li.current li a {
	color: #999;
	line-height: 16px;	
	}
	
#sidebar ul li a:hover,
#sidebar ul li.current a,
#sidebar ul li.current a:hover,
#sidebar ul li.current li.current a,
#sidebar ul li.current li.current a:hover { color: #FFF; }
	
#sidebar ul li.level2 ul { padding: 2px 0; }

#sidebar ul li.level3 a { padding: 0 0 0 15px; }

	
/* Homepage boxes */

#intro {
	width: 583px;
	height: auto;
	float: left;
	padding: 12px 18px 10px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	color: #E5E5E5;
	font-size: 85%;
	line-height: 1.3em;
	}
	
#intro h1 {
	font: bold 14px/22px Arial, Verdana, Helvetica, sans-serif;
	color: #EFCD0E; 
	text-transform: uppercase;
	margin: 4px 0 3px;
	}

#content .boxes {
	display: block;
	width: 308px;
	height: 201px;
	float: left;
	border-right: 3px solid #000;
	}
	
#content .boxes h3,
#content #intro h3 { 
	font: bold 13px/18px Arial, Verdana, Helvetica, sans-serif;
	color: #EFCD0E; 
	text-transform: uppercase;
	margin: 5px 0 1px 18px;
	}

#content #promotions {
	width: 286px;
	height: 305px;
	position: relative;
	float: right;
	}
	
#promotions #pager {
	width: auto;
	height: 25px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 0 0 40px;
	line-height: 26px;
	background: url(../img/promotions-pager-bg.png) no-repeat left bottom;
	z-index: 9999;
	}
	
#promotions #btn-promotions-prev,
#promotions #btn-promotions-next,
#promotions #pager-pages { float: left; }

#promotions #btn-promotions-prev,
#promotions #btn-promotions-next {
	display: block;
	width: 10px;
	height: 25px;
	color: #6A6A6A;
	margin-right: 6px;
	font-size: 11px;
	text-indent: -10000px;
	background: url(../img/promotions-pager-prev.png) no-repeat 50% 10px;
	}
	
#promotions #btn-promotions-next {
	margin: 0;
	background: url(../img/promotions-pager-next.png) no-repeat 50% 10px;
	}

#promotions #pager-pages a {
	color: #6A6A6A;
	margin: 0 6px 0 0;
	font-size: 11px;
	}
	
#promotions #pager-pages a:hover,
#promotions #pager-pages a.active { text-decoration: underline; }

#promotions #promo_slides a { 
	display: block;
	width: 286px;
	height: 307px;
	}

#news li a {
	display: block;
/*	width: 202px;
	height: 73px; */
	width: auto;
/*	height: 38px; */
	height: auto;
/*	padding: 6px 12px 7px 96px; */
	padding: 3px 18px 5px;
	margin: 0 0 5px;
	position: relative;
/*	font-size: 90%; */
	line-height: 16px;
	text-decoration: none;
	color: #E5E5E5;
	}
	
#news li a p { padding: 0; }
	
#news li a .date {
	font-size: 95%;
	color: #666; 
	}
	
#news li a:hover { 
background: #111;
color: #FFF; 
background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.4, rgba(17,17,17,0.2)),
    color-stop(1, rgba(17,17,17,1))
);
background: -moz-linear-gradient(
    center bottom,
    rgba(35,35,35,0.4) 40%,
    rgba(35,35,35,0.6) 100%
);
}
	
#news li a .image { 
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute; 
	top: 9px; 
	left: 18px; 
	}
	
#news li a .image img { display: none; }

#news li.first a { border-bottom: 2px solid #000; }

.news-post li {
	display: block;
	padding: 9px 12px 9px 18px;
	}
	
.news-date {
font-size: 11px;
position: relative;
top: 3px;
}

/* Dealers */

#content #dealers { 
	width: 272px;
	padding: 0 18px;
	line-height: 26px; 
	}

#content #dealers h3 { margin-left: 0; }

#dealers label,
#dealers select { display: block; }

#dealers select {
	width: 170px;
	height: auto;
	}

#dealers option { padding: 2px 5px; }

#dealers #btn-find-dealers { 
	display: block;
	width: 40px;
	height: auto;
	line-height: 18px;
	padding: 4px 10px 2px;
	margin: 10px 0 0 0;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #444;
	background: #222;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(1, rgb(51,51,51))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(51,51,51) 100%
);
text-shadow: 0px 1px 1px #000;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	right: 10px;
	}

#dealers #btn-find-dealers:hover { color: #fff; }

#dealers #btn-find-dealers:active { padding: 5px 10px 1px; }

#dealers form { position: relative; }

/* Footer */

#footer {
	width: 911px;
	height: 25px;
	margin: 10px auto 0;
	}
	
#footer,
#footer a {
	color: #6A6A6A;
	font-size: 10.5px;
	}
	
#footer a:hover { color: #b8b8b8; text-decoration: underline; }
	
#footer #external-links { float: left; }

#footer #copyrights { float: right; }

#footer #external-links li,
#footer #copyrights li { 
	display: block;
	width: auto;
	height: 15px;
	line-height: 12px;
	float: left;
	padding: 2px 10px;
	border-right: 1px solid #6A6A6A; 
	position: relative;
	}

#footer span.at300bs { line-height: 12px !important; }
	
#footer #external-links li.last,
#footer #copyrights li.last { border: 0px none; }

#footer #external-links li a .at300bs { display: inline !important; background: none !important; }

#footer #lang-container { 
display: none;
border: 1px solid #666666; 
position: absolute;
bottom: 17px;
left: -10px;
}

#footer #lang-container ul {
padding: 5px 13px;
background: #4c4c4c;
border: 1px solid #000;
}

#footer #lang-container li {
	display: block;
	width: auto;
	height: auto;
	line-height: 22px;
	float: none;
	padding: 0;
	border-right: 0px none; 
	position: relative;
}

#footer #lang-container li a { 
display: block;
width: auto;
height: 20px;
padding: 0 0 0 25px; 
margin: 0 0 2px 0;
font-size: 11px;
color: #cccccc;
}

#footer #lang-container li a:hover { color: #fff; }

#footer #lang-container #link-en a { background: url(/media/img/flags/en.png) no-repeat left center; }
#footer #lang-container #link-fi a { background: url(/media/img/flags/fi.png) no-repeat left center; }
#footer #lang-container #link-sv a { background: url(/media/img/flags/sv.png) no-repeat left center; }
#footer #lang-container #link-no a { background: url(/media/img/flags/no.png) no-repeat left center; }
#footer #lang-container #link-global a { background: url(/media/img/flags/icon-brp.png) no-repeat left center; }

/* @group Dealer locator { */

#dealer_locator .input{
/*	margin-right:10px;*/
	margin: 5px 5px 5px 0;
float: left;
}

#dealer_locator .input:last-of-type{
	margin-right:0;
}

#dealer_locator label{
	display:block;
	text-transform:uppercase;
	color: #ccc;
}

#dealer_locator select{
	width:120px;
        padding: 2px;
}

#dealer_locator select option {
        font-weight: 300; 
        font-size: 12px;
        line-height: 20px;
        color: #333;
}

#dealer_locator #canvas{
	width:508px;
	height:348px;
	overflow:hidden;
	border: solid 1px #666;
}
#dealer_locator #canvas h3 {
	color: #333;
}

#dealer_locator #canvas p {
	color: #666;
}
#dealer_locator #canvas a {
	color: #333;
}

#dealer_locator #canvas a:hover {
	color: #000;
}

#dealer_locator_result .dealer {
	position:relative;
	padding:10px;
	border-radius: 3px;
	margin:5px 0 10px;
	border:1px solid #555;
	background: #222;
}
#post #dealer_locator_result .dealer h3 {
padding: 0 0 5px 0;
}
#post #dealer_locator_result .dealer h3 a {
color: #fff;
}
#dealer_locator_result .dealer h3 a{
	font-size:16px;
}

#dealer_locator_result .online{
	position:absolute;
	right:10px;
	top:14px;
	font-weight:bold;
}

#dealer_locator_result .details {
	border-top:1px solid #333;
}

#dealer_locator_result .details td {
	padding:3px 5px;
	width:240px;
	border:0;
	border-bottom:1px solid #333;
	color: #eee;
}

#dealer_locator_result #loading{
	margin:20px auto;
	width:32px;
	height:32px;
	background:url('/media/img/ajax-loader.gif') no-repeat 50% 50%;
}

#post .online a { 
background: #333;
border: 1px solid #444;
padding: 4px 8px;
color: #ddd;
margin 0 0 0 5px;
border-radius: 3px;
}
#post .online a:hover {
border: solid 1px #999;
background: #555;
cursor: pointer;
color: #fff;
text-decoration: none;
}

#dealer_locator select.contactFinderSelect {float: left;}
input.inputTxtField {
border: solid 1px #666;
background: #fff;
color: #333;
padding: 6px 8px;
border-radius: 3px;
}

.inputButtons { float: left; clear: both; width: 510px; margin: 10px 0; }
input.inputBtn {
border: solid 1px #444;
background: #333;
color: #fff;
padding: 5px 8px;
border-radius: 3px;
font-family: arial;
font-size: 12px;
font-weight: 700;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(0,0,0)),
    color-stop(0.84, rgb(61,61,61))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 7%,
    rgb(61,61,61) 84%
);

}

input.inputBtn:hover {
border: solid 1px #666;
background: #555;
cursor: pointer;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(15,15,15)),
    color-stop(0.84, rgb(102,102,102))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(15,15,15) 7%,
    rgb(102,102,102) 84%
);
}

input.btnRight {
float: right;
background: #970000;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(82,0,0)),
    color-stop(0.84, rgb(151,0,0))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(82,0,0) 7%,
    rgb(151,0,0) 84%
);
}

input.btnRight:hover {
background: #b30000;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(107,1,1)),
    color-stop(0.84, rgb(186,2,2))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(107,1,1) 7%,
    rgb(186,2,2) 84%
);
}

#searchInfo { 
border: none; 
position: relative; 
float: left; 
margin: 0 3px 0 0; 
padding: 0; 
font-family: arial;
font-size: 12px;
font-weight: 700;
}

#searchInfo a { 
border-radius: 3px 3px 3px 3px;
float: left;
color: #fff;
background: #333; 
border: 1px solid #444; 
padding: 4px 8px; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(0,0,0)),
    color-stop(0.84, rgb(61,61,61))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 7%,
    rgb(61,61,61) 84%
);

}
#searchInfo a:hover {
text-decoration: none;
border: solid 1px #666;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.07, rgb(15,15,15)),
    color-stop(0.84, rgb(102,102,102))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(15,15,15) 7%,
    rgb(102,102,102) 84%
);
}
#searchInfo.tooltip em { 
background: #fff;
border-radius: 3px 3px 3px 3px;
padding: 15px;
color: #000000;
display: none;
left: -15px;
position: absolute;
text-align: left;
top: -105px;
width: auto;
z-index: 2;
border: 1px solid #333;
width: 200px;
}
#searchInfo.tooltip em span {
background: url("../img/tooltip-arrow.png") no-repeat 0 0 !important;
background: url("../img/tooltip-arrow.gif") no-repeat 0 0;
    height: 9px;
    left: 27px;
    position: absolute;
    top: 84px;
    width: 11px;
}
/* @end Dealer locator } */

/* Misc */

.clear { clear: both; }
strong{ font-weight:bold;}

/* @group Helpers { */
	.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
	.ir br { display: none; }

	.hidden { display: none; visibility: hidden; }

	.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

	.invisible { visibility: hidden; }

	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
/* @end Helpers } */