/* Reset CSS by Eric Meyer (http://meyerweb.com/) */

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;
}


body {
	font: 62.5% "Trebuchet MS", arial, verdana, sans-serif;
}



body.mceContentBody {
    background-color: transparent !important;
    margin: 0;
    padding: 0;
    color: auto !important;
}


ul li {display: block;}
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 2.5em;}
h2 {font-size: 2.5em;}
h3 {font-size: 1.6em; color: #333; }
h4 {font-size: 1.2em; color: #333;}
p {font-size: 1.2em; margin: 6px 0 10px 0; line-height: 1.6em;}
strong {}
a { text-decoration: none;}
a:hover {
	color: #5ec9ed;
}
@import "reset.css";
body {
	font: 62.5% "Trebuchet MS", arial, verdana, sans-serif;
}

#content {
	position: relative;
	background: top center no-repeat;
	padding: 16px 0 0 0;
	width: 99.4em;
	margin: 0 auto;
	max-width: 100%;
	clear: both;
	
}
.js #content {
	overflow: hidden;
}

#content .top-bg-shadow {
	display: block;
	position: absolute; top: 0; left: 50%;
	width: 68em; height: 2.6em;
	margin-left: -34em;
	background: url('/media/img/layout/content_top_shadow.png') top center no-repeat;
}

#footer {
	width: 99.4em;
	margin: 2.9em auto 20px auto;
	background: url('/media/img/layout/footer_top_shadow.png') top center no-repeat;
	padding: 1.5em 0 0 0;
}
	#footer p {
		text-align: center;
		color: #999;
		font-size: 1em;
	}
	#footer a, .linkarrow {
		text-decoration: none;
		padding-left: 15px;
		background: url('/media/img/layout/link_arrow.gif') 10px 5px no-repeat;
	}
	

.linkarrow-m,
.productListText ul li a {
	text-decoration: none;
	padding-left: 7px;
	background: url('/media/img/layout/link_arrow_m.gif') 0px 6px no-repeat;
	font-size: 12px;
}
.linkarrow-m:hover {
	
}

/* general */
/*ul {list-style-type: disc; list-style-position:inside;}
ul li {list-style-type: disc; font-size: 12px; color: #333;}*/
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 2.5em; color: #333; font-weight: normal;}
h2 {font-size: 1.6em; color: #333; font-weight: normal;}
h2 span {
	font-size: 12px;
}
h3 {font-size: 1.6em; color: #333; font-weight: normal;}

h4 {font-size: 1.2em; color: #333;}
p {font-size: 1.2em; margin: 6px 0 18px 0; line-height: 1.6em;}
strong {}
a { text-decoration: none;}
a:hover {
	color: #5ec9ed;
}

.size-12 {font-size: 1.2em;}
.size-14 {font-size: 1.4em;}
.size-16 {font-size: 1.6em;}
.size-26 {font-size: 2.6em !important;}
.size-36 {font-size: 3.6em;}

.normal-weight {font-weight: normal;}
.bold-weight {font-weight: bold;}

hr {
	display: none;
}

.separator {
	background: transparent url(/media/img/layout/small_prodlist_top_bg.png) no-repeat top center;
	height: 26px;
	clear: both;
	margin-bottom: -5px;
}
.separator.big {
	background-image: url('/media/img/layout/border-shadowed-big.gif');
	margin-bottom: -8px;
}

#content .col p {
	margin-top: 0px;
	line-height: 1.5em;
	color: #333;
}

/* text-styling */
.bigHeader, h1, h2{
	font-size: 30px;
	margin: 0 0 10px 0;
	font-weight: 100;
	font-weight: lighter;
	font-family: "Gills Sans", "trebuchet ms";
}
#content .col1 h2 {margin-bottom: 16px;}
.bigHeader.l {font-size: 36px;}
.subHeader {height: 17px;}
.subHeader, h3 {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2em;
	font-family: "Gills sans", "trebuchet ms";
	font-weight: 300;
	color: #333;
}

.subHeaderRight {
	
}

.sectionHeader {
	font-size: 1.6em;
	color: #ef8903;
	margin-bottom: 10px;
	clear: both;
}

/* colors */
.orange {color: #ef8903;}
.blue, a {color: #084897;}
.black {color:#333;}


.upper {
	text-transform: uppercase;
	color: #666;
	font-size: 11px;
}

/* header */

#header {
	margin: 20px auto 12px auto;	
/* 	width: 65.8em; */
        width: 720px;
}
	#header h1#logo {
		width: 113px;
		height: 47px;
		text-indent: -9000em;
		background: url('/media/img/logo_main.png') 0 0 no-repeat;
		margin: 0 auto 1px auto;
	}
	#header h1#logo a {
		display: block;
		width: 100%;
		height: 100%;
	}

#mainSearchForm {
	float: left;
	position: relative;
	margin: 0 0 0 8px;
}
	#mainSearchText {
		width: 138px;
		height: 17px;
		border: none;
		padding: 6px 7px 2px 12px;
		background: url('/media/img/layout/search_input_bg.png') 0 0 no-repeat;
		font-size: 11px;
		line-height: 12px;
		margin: 0;
	}
	
	#mainSearchForm button {
		width: 34px;
		height: 25px;
		margin: 0 0 0 2px;
		background: url('/media/img/buttons/small_blue_button.png') 0 0 no-repeat;
		border: 0;
		color: #fff;
		padding: 0 0 1px 1px;
		font-size: 11px;
	}
	

/* menu */
#mainNav {
	list-style-type: none;
	overflow: hidden;
	height: 16px;
	width: 510px;
	margin: 7px auto 0 auto;
	padding-left: 0px;
}
	#mainNav li, #subNav li {
		display: block;
		float: left;
		margin: 0 22px 0 0;
	}
	#subNav li {
		margin-left: 0;
	}
	#mainNav li a {
		height: 11px;
	}
	#mainNav li a, #subNav li a {
		text-transform: uppercase;
		display: block;
		color: #000;
		text-decoration: none;
		font-family: "Gill Sans", "Trebuchet MS", "Arial";
		text-indent: -9000em;
		overflow: hidden;
		
	}
	#mainNav li a:hover, #mainNav li a.active {
		color: #084897;
	}
	
	#mainNav li#mainNav_products a {
		background: url('/media/img/layout/main_menu_vara_produkter_bg.png') 0 0 no-repeat;
		width: 100px;
	}
	#mainNav li#mainNav_products a:hover, #mainNav li#mainNav_products.active a {background-position: 0 -11px;}
	
	#mainNav li#mainNav_tips a, #mainNav li#mainNav_tips.active a {
		background: url('/media/img/layout/main_menu_tips_bg.png') 0 0 no-repeat;
		width: 59px;
	}
	#mainNav li#mainNav_tips a:hover,#mainNav li#mainNav_tips.active a {background-position: 0 -11px;}
	
	#mainNav li#mainNav_about a {
		background: url('/media/img/layout/main_menu_about_bg.png') 0 0 no-repeat;
		width: 94px;
	}
	#mainNav li#mainNav_about a:hover, #mainNav li#mainNav_about.active a {background-position: 0 -11px;}
	
	#mainNav li#mainNav_contact {margin-top: 2px; margin-right: 0; margin-left: 3px;}
	#mainNav li#mainNav_contact a {
		background: url('/media/img/layout/main_menu_contact_bg.png') 0 0 no-repeat;
		width: 82px;
	}
	#mainNav li#mainNav_contact a:hover, #mainNav li#mainNav_contact.active a {background-position: 0 -11px;}

        #mainNav li#mainnav_activities {margin-top: 0px; margin-left: 3px;}
        #mainNav li#mainnav_activities a {
                background: url('/media/img/layout/main_menu_activities_bg.png') 0 0 no-repeat;
                width: 78px;
        }
        #mainNav li#mainnav_activities a:hover, #mainNav li#mainnav_activities.active a {background-position: 0 -11px;}



/* subnav */
#subNav {
	float: left;
	margin: 4px 0 -8px 0;
	position: relative;
	/*visibility: hidden;*/
	list-style-type: none;
	list-style-position: outside;
	text-align: left;
}
#subNav.sub {
	margin-top: -12px;
	height: 32px;
	margin-bottom: -5px;
}
#subNav.sifr {
	overflow: hidden;
}
/* @deprecated - make dynamic
#subNav.about {width: 204px;}
#subNav.contact {width: 182px;}
#subNav.tips {width: 600px;}
#subNav.list_text {width: 175px;}
#subNav.start {width: 280px}
*/
	#subNav li a {
		text-indent: 0;
		color: #333;
		cursor: pointer;
	}
	#subNav li a:hover, #subNav li.active, #subNav li.active a {color: #084897;}
	
	#subNav li.last {
		margin-right: 0;
	}
	#subNav.sub li.last {
		padding-right: 0;
	}
	
	#subNav li {
		line-height: 12px;
		position: relative;
		float: left;
		margin-right: 24px;
		list-style-type: none;
		display: block;
	}
	#subNav.sub li {
		margin-right: 12px;
	}
	#subNav li a {
		font-size: 11px;
		font-family: "Gill Sans", "trebuchet ms";
	}
	#subNav.sub li.firstLevel a {
		padding: 16px 0 0px 18px;
		position: relative;
		z-index: 666;
		line-height: 27px;
		height: 27px;
	}
	#subNav.sub li.firstLevel {
		
	}
	
	#subNav.sub li.firstLevel span.right {display: none;}
	
	#subNav.sub li.firstLevel.hover {
		margin-right: -6px;
	}
	#subNav.sub li.firstLevel.hover span.left {
		float: none;
		display: block;
	}
	#subNav.sub li.firstLevel.hover span.left a {
		background: url('/media/img/layout/dropdown_selected_left_bg.png') 0 0 no-repeat;
	}
	
	#subNav.sub li.firstLevel.hover span.right {
		width: 18px;
		height: 35px;
		display: block;
		background: url('/media/img/layout/dropdown_selected_right_bg.png') 0 0 no-repeat;
		position: relative;
		z-index: 666;
		float: left;
	}
	#subNav.sub li.firstLevel.active a,
	#subNav.sub li.firstLevel.hover a {
		float: left;
	}
	#subNav.sub li.active a, 
	#subNav.sub li.firstLevel a:hover,
	#subNav.sub li.hover a {
		color: #084897;
	}
	
/* subnav dropdown menu*/

#subNav .dropdown {
	font-weight: normal;
	display: none;
	position: absolute;
	top: 25px;
	background: url(/media/img/layout/dropdown_bg.png) no-repeat 0px -20px;
	width: 174px;
	padding: 20px 7px 5px 7px;
	z-index: 555;
	left: -40px;
}

	#subNav .dropdown ul {
		margin-bottom: 8px;
		list-style-type: none;
		list-style-position: outside;
	}
	#subNav .dropdown ul.last {
		margin-bottom: 0;
	}

	#subNav .dropdown ul li {
		display: block;
		float: none;
		margin: 0 0 0 14px;
	}
	#content #subNav .dropdown ul li a {
		font-size: 11px;
		color: #fff !important;
		text-transform: none;
		line-height: 20px;
		background: url('/media/img/layout/dropdown_item_arrow.gif') 0 8px no-repeat;
		padding: 0 0 0 7px;
		height: auto;
		font-family: "trebuchet ms", 'arial';
		float: none;
	}
	#content #subNav.sub .dropdown ul li a:hover {
		color: #084897 !important;
		background-position: 0 -18px;
	}
	
	#subNav .dropdown strong {
		font-size: 11px !important;
		color: #fff;
		margin-left: 14px;
	}
	

.dropdownBottom {
	width: 188px;
	height: 18px;
	position: absolute;
	bottom: -18px;
	display: block;
	left: 0;
	background: url('/media/img/layout/dropdown_bottom_bg.png') 0 0 no-repeat;
}
/* product listing */

.filterContainer {
	height: 21px;
	overflow: hidden;
	/*width: 770px;*/
	float: left;
	position: absolute;
	visibility: hidden;
}
	.filterContainer label, .filterContainer span {
		color: #666666;
		text-transform: uppercase;
		font-size: 1.1em;
		float: left;
		line-height: 21px;
		display: none;
	}
	.js .filterContainer label, .js .filterContainer span {
		display: block;
	}

	.filterContainer label {
		margin: 0 0 0 10px;
	}

	#product_collection_label {
		margin-left: 20px;
	}

	.filterContainer label input {
		vertical-align: top;
		padding-top: 0;
		margin-bottom: 0;
		margin-top: 1px;
	}
	.filterContainer input {
		margin-right: 5px;
		/*float: left;*/
	}
	
	.filterContainer select#product_collection {
		width: 116px;
		margin-left: 4px;
		float: left;
		margin-top: 2px;
		
	}

.helpLink {
	width: 17px;
	background: url('/media/img/buttons/help_link.gif') 0 0 no-repeat;	
	padding: 17px 0 0 0;
	height: 0px;
	margin: 1px 20px 0 8px;
	overflow: hidden;
	float: left;
}

.scroll-pane {
	width: 994px;
	padding: 0;
	padding-right: 0 !important;
	display: block;
	float: left;
	background: url('/media/img/layout/product_list_bg.gif') left bottom repeat-x;
	top: 0;
	height: 372px !important;
	overflow: scroll;
}

.js .scroll-pane {
	overflow: visible;
	
}
.jScrollPaneContainer {
	height: 396px !important;
	
}

.js .jScrollPaneContainer {
	overflow: visible;
}

.holder {
	margin: 31px auto 0 auto;
	width: 994px;
	position: relative;
}
#productListMaskLeft, #productListMaskRight {display: none;}
.js #productListMaskLeft, .js #productListMaskRight {
	width: 500px; height: 372px;
	position: fixed; top: 158px;left: 50%;
	z-index: 999;
	display: block;
}
.js.content-pushed #productListMaskLeft, .js.content-pushed #productListMaskRight {
	top: 198px;
}

.js #productListMaskLeft {
	background: transparent url('/media/img/layout/product_list_mask_left.png') 0 0 no-repeat;
	margin-left: -497px;
}

.js #productListMaskRight {
	background: transparent url('/media/img/layout/product_list_mask_right.png') top right no-repeat;
	margin-right: -497px;
	left: auto;
	right: 50%;
}

.js #content #fadedScroller {
	height: 24px;
	left: 213px !important;
	width: 568px !important;
	cursor: auto;
}


ul#productList {
	height: 352px;
	
	position: relative;
}
.js ul#productList {
	padding: 0 15.2em;
}

	ul#productList li {
		float: left;
		width: 220px;
		height: 352px;
		margin: 0 5px;
		background: url('/media/img/layout/loader2.gif') center center no-repeat;
		position: relative;
		bottom: 0;
	}
	.js ul#productList li {
		display: none;
	}
	ul#productList li.active {
		display: block;
	}
	ul#productList li a {
		display: block;
		height: 352px;
	}
	.js ul#productList li a {
		/*background-image: none !important;*/
		/*display: none;*/
	}
	ul#productList li img {
		display: inline;
		position: relative;
		z-index: 0;
	}
	.js ul#productList li img {
		/*display: none;*/
	}
	ul#productList li .tags {
		display: none;
	}
	
	.productInfo {
		position: absolute;
		width: 154px;
		padding: 17px 0 0 0;
		background: url('/media/img/layout/product_hover_bubble_bg.png') 0 0 no-repeat;
		top: 0px;
		left: 35px;
		display: none;
		color: #fff;
		font-size: 11px;
		text-align: center;
		z-index: 66;
	}
	
	.productSingle .productInfo {
		top: auto;
		left: -35px;
		bottom: 132px;
	}
	
	.productInfo strong {
		display: block;
		font-weight: normal;
		padding: 0 10px 0 10px;
		
	}
	.productInfo div {
		background: url('/media/img/layout/product_hover_bubble_bottom_bg.png') bottom left no-repeat;
		padding: 0 10px 27px 10px;
		margin-bottom: -27px;
		position: relative;
	}
	.productInfo strong, .productInfo div span {
		line-height: 150%;
	}
	body.js #productList li a span {display: none;}
	.productInfo div span {
		display: block;
	}
	
	ul#productList .productSpecialAttr {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		text-indent: -9000em;
		background: 0 0 no-repeat;
		z-index: 55;
	}

.clickArea {
	position: absolute;
	width: 220px;
	height: 342px;
	display: none;
	z-index: 999;
	
	top: 10px;
	background: none;
}
.clickArea.active {
	display: block;
}
.numberOfProducts {
	display: none;
	position: absolute;
	bottom: 6px;
	right: 790px;
	font-size: 1.1em;
	text-transform: uppercase;
	z-index: 1000;
}
.js .numberOfProducts {
	display: block;
}

/* single product */

.singleProductHolder {
	height: 48.5em;
	position: relative;
	width: 30em; /* ? */
}

.productSingle .singleProductHolder img {
	position: absolute;
	bottom: 80px;
	left: 65px;
	display: none;
	margin: 0;
	visibility: hidden;
}
.singleProductHolder img.active {display: block;}

.inlineList {
	float: left;
}
.inlineList li {
	float: left;
}

.tip, .rating {
	overflow: hidden;
	margin-bottom: 22px;
	clear: both;
}
.tip {
	text-transform: uppercase;
	margin-bottom: 25px;
}
	.tip ul li {
		margin-left: 5px;
	}
	.tip ul li a {
		font-size: 11px;
	}

.rating {
	padding-top: 10px;
}
	.rating span {
		float: left;
		margin: 1px 6px 0 0;
	}
	
	.rating a {
		width: 20px;
		height: 17px;
		display: block;
		float: left;
		background: url('/media/img/buttons/heart_gray.png') 0 0 no-repeat;
		text-indent: -9000em;
		margin: 0 2px 0 0;
	}
	/*.rating a:hover,*/ .rating a.red {
		background: url('/media/img/buttons/heart_red.png') 0 0 no-repeat;
	}
	.rating a.hover {
		background: url('/media/img/buttons/heart_blue.png') 0 0 no-repeat;
	}

.comment {
	overflow: hidden;
	margin-bottom: 20px;
}
	.comment #spamProtect {margin-bottom: 0;}
	.comment .buttons {
		margin-top: -25px;
		margin-right: 10px;
	}
	.comment #commentEmail {margin-right: 0;}

.commentList {
	overflow: hidden;
	list-style-type: none;
}
	.commentList li {
		margin-bottom: 10px;
		list-style-type: none;
	}
	.commentList li p {
		margin-bottom: 3px;
	}
	.commentList li span {
		font-style: italic;
		color: #999;
		font-size: 11px;
	}

.productSingle input {
	vertical-align: baseline;
}
.productSingle .inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url('/media/img/layout/product_big_bg.jpg') 350px 75px no-repeat;
	/*margin-left: 45px;*/
}

.blogabout input {
	margin-left: 10px;
}

.blogabout .commentList {
	margin-top: 7px;
}
.blogabout h4 {margin-top: 5px;font-weight: normal;}


/* small product list */

.productSingle .col1 {
	overflow: hidden;
	margin-left: 70px;
}

.productSingle .holder {
	width: 400px;
	margin-bottom: 20px;
	margin-top: 10px;
	max-width: 400px;
	position: relative;
	height: 120px;
	z-index: 1;

}

.productSingle .holder .leftlink, .productSingle .holder .rightlink {
	position: absolute;
	width: 17px;
	height: 17px;
	background: url('/media/img/buttons/leftlink.png') 0 0 no-repeat;
	text-indent: -9000em;
	top: 55px;
	z-index: 666;
}
.productSingle .holder .leftlink.disabled, .productSingle .holder .rightlink.disabled {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*ie8*/
	opacity: .2;
	-moz-opacity: 0.2;
}

.productSingle .holder .leftlink {
	left: 17px;
}

.productSingle .holder .rightlink {
	background-image: url('/media/img/buttons/rightlink.png');
	right: 17px;
}

.productSingle .holder .leftfade, .productSingle .holder .rightfade {
	position: absolute;
	top: 0;
	width: 60px;
	height: 147px;
	z-index: 555;
}
.productSingle .holder .leftfade {
	left: 0;
	background: url('/media/img/layout/product_mini_list_mask_left.png') 0 0 no-repeat;
}

.productSingle .holder .rightfade {
	right: 0;
	background: url('/media/img/layout/product_mini_list_mask_right.png') top right no-repeat;
}

.smallProductList {
	background: url('/media/img/layout/scroll_mini_bg.jpg') left bottom no-repeat;
	height: 123px;	
	width: 400px;
	position: absolute;
	z-index: 66;
}

	.smallProductList ul {
		height: 120px;
		position: relative;
		z-index: 66;
		left: 0px;
		padding: 0 41px;
	}
	
	.smallProductList ul li {
		float: left;
		z-index: 66;	
		position: relative;
		width: 75px; height: 120px;
		
	}
	.smallProductList ul li a{
		border: 0;
		margin: 0;
		position: relative;
		display: block;
		width: 75px; height: 120px;
		overflow: hidden;
	}
	.smallProductList ul li a img {
		position: relative;
	}

.changeProdImg {
	width: 82px;
	height: 82px;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 95px;
	background: url('/media/img/buttons/snurra.png') 0 0 no-repeat;
	text-indent: -9000em;
}

.bigProdImg {
	width: 133px;
	height: 133px;
	display: block;
	text-indent: -9000em;
	background: url('/media/img/layout/product_single_hover.png') 0 0 no-repeat;
	position: absolute; left: 70px; bottom: 102px;
	z-index: 50;
	display: none;
	cursor: pointer;
}

#content.productSingle .col .productBigInfo {
	background: url('/media/img/layout/product_single_info_bg.png') 0 0 no-repeat;
	width: 106px;
	height: 90px;
	padding: 45px 30px 30px 30px;
	color: #fff;
	z-index: 999;
	position: absolute;
	font-size: 11px;
	right: -30px;
	text-align: center;
}
#content.productSingle .col .productBigInfo  span{
	font-style: italic;
}
#content.productSingle h4 {font-weight: normal;}



.productListText {
	width: 100%;
	text-align: center;
	clear: both;
	margin-top: 40px;
	list-style-type: none;
}

	.productListText h3 {
		font-size: 14px;
		color: #000;
		display: inline;
		line-height: 25px;
	}
	
	.productListText li {
		font-size: 12px;
		margin-bottom: 6px;
		display: block;
		list-style-type: none;
	}
	.productListText>li {
		margin-bottom: 15px;
	}
	
	.productListText li a {
		margin-right: 5px;
	}


/* qa list */
.qaList {
	font-size: 12px;
	color: #333;
}

	.qaList.allClosed dt.hidden span {
		color: #333333 !important;
		background-image: url('/media/img/buttons/qaArrowDownExtra.gif');
	}
	
	.qaList dt {
		background: url('/media/img/layout/qa_line_shadow_top.png') 0 0 no-repeat;
		padding-top: 18px;
		margin-top: -13px;
	}
	
	.qaList dt span {
		background: url('/media/img/buttons/qaArrowUp.gif') 0 1px no-repeat;
		font-weight: bold;
		padding: 6px 0 5px 30px;
		display: block;
		cursor: pointer;
		margin-left:-6px;
	}
	
	.qaList dt.hidden {
		padding: 5px 0 6px 0;
		margin-top: 0;
		background: url('/media/img/layout/qa_line_bottom.png') 0 0 no-repeat;
	}
	.qaList dt.hidden span {
		background: url('/media/img/buttons/qaArrowDown.gif') 0 1px no-repeat;
		color: #ccc;
	}
	.qaList dt.shadow {
		background-image: url('/media/img/layout/qa_line_shadow_bottom.png');
	}
	
	.qaList dd {
		margin-bottom: 10px;
		background: url('/media/img/buttons/qaHeart.png') 3px 0px no-repeat;
		padding-left: 30px;
		margin-left: -6px;
		padding-bottom: 0;
		min-height: 18px;
	}
	.qaList dd.hidden {
		display: none;
	}
	
	.qaHeader {
		margin-bottom: 10px;
		background: url('/media/img/layout/qa-header.gif') right bottom no-repeat;
		padding-top: 30px;
		float: left;
		clear: both;
		padding-right: 35px;
	}

/** search result **/
#content.search_result h2.bigHeader{float: left; margin-bottom: 15px;}
#content.search_result span.subHeaderRight{float: left; clear:right; margin: 11px 0 0 7px; font-size: 12px;}
#content.search_result ul.search-list {clear: both;}
#content.search_result ul.search-list li {
	clear: both;
	background: url('/media/img/layout/border-shadowed-big.gif') bottom center no-repeat;
	margin-bottom: 13px;
	padding-bottom: 6px;
	
}

#content.search_result ul.search-list li p {margin-top: 0; margin-bottom: 10px;}

#content.search_result ul.search-list li.image-result {
	
}
#content.search_result ul.search-list li.image-result {
	min-height: 120px;
}
#content.search_result ul.search-list li.image-result img {
	float: left;
	display: block;
}

/** search result pagination **/
	.pagination {margin-top: 30px;}
	
	.pagination a {font-size: 12px;}
	.pagination a.prev {float: left; margin-right: 20px;}
	.pagination a.next {float: left; margin-left: 20px;}
	.pagination ul {float: left;}
	.pagination ul li {
		float: left;
		border-right: 1px solid #999;
		font-size: 12px;
	}
	.pagination ul li.active {color: #999; padding: 0 5px;}
	.pagination ul li.last-child {
		border-right: 0;
	}
	.pagination ul li a {
		padding: 0 5px;
	}

/* two col content */
#content.twocol {
	background: url('') center top no-repeat;
	min-height: 40em;
	/*width: 79.5em;*/
	width: 98em;
}
#content.twocol .col2 {
	width: 220px;
	margin: 4.2em 0 0 0;
}
/* different classes of the content div */

#content.about .col1 {width: 350px;position: relative; z-index: 10;}
#content.about .col2 {
	width: 479px;
	relative; z-index: 5;
} 
#content.about .col2 #flash-about {
	margin-left: -18px;
	margin-top: 48px;
}

.search_result {
	width: 71.4em !important;
	padding-left:13.3em !important;
	padding-right:13.3em !important;

}

.productSingle {
	width: 85em !important;
	padding-top: 3.7em !important;
}
.productSingle .col2 {
	padding-left: 50px !important;
}

#content .bg-container {
	position: absolute;
	width: 80em;
	height: 50em;
	
	left: 0;
	top: 0;
	z-index: 1;
}


/* start page */
#content.start {
	width: 98em;
	background: transparent url() no-repeat scroll center top;
	padding-top: 0;
	min-height: 51em;
}
#content.twocol.start .inner {
	background: url('') top center no-repeat;
	
	height: 100%;
	min-height: 50em;
}
#content.twocol.start .col1, #content.twocol.start .col2{
	width: 44em !important;
	margin-left: 76px;
	/*padding-top: 16px;*/
	margin-top: 3.6em;
}
#content.twocol.start .col1{}
#content.twocol.start .col2{
	margin: 0;
	width: 46.2em !important;
}
#content.twocol.start #start-text {
	margin: 0 7px 23px 7px;
}
#content.twocol.start #start-text p{margin-bottom: 0;}



/* col2 box */
.col2 .box {
	width: 220px;
	margin: 0 0 25px 50px;
}

.col2 .box img {margin-left: -5px;}

.col2 .box.first {
	margin-top: 150px;
}
	.col2 img {margin-bottom: 7px;}
	.col2 .box h4 {color: #656565;}
	#content .col2 .box p {
		margin-bottom: 1px;
		color: #656565;
		line-height: 1.3em;
	}
	.col2 .box a.linkarrow-m {
		font-size: 12px;
		background-position: 0 6px;
		padding-left: 7px;
	}

#content.twocol .col1 {
	margin-top: 4.2em;
	/*margin-left: 2.5em;*/
	margin-left: 13.5em;
}

#content.twocol strong {
	font-size: 1.2em;
}

.heartLink {
	background: url('/media/img/layout/heart_bg.png') 0 0 no-repeat;
	width: 172px;
	height: 162px;
	display: block;
	position: relative;
	top: 100px;
	left: 60px;
}

button {
	cursor: pointer;
}

form .full {
	width: 379px;
	background: url('/media/img/layout/input_big_bg.png') 0 0 no-repeat;
}

form .medium-large, input.medium-large {
	width: 314px;
	background: url('/media/img/layout/input_mediumlarge_bg.png') 0 0 no-repeat;
}

form .medium, input.medium {
	width: 212px;
	background: url('/media/img/layout/input_medium_bg.png') 0 0 no-repeat;
}

form .medium-small, input.medium-small {
	width: 181px;
	background: url('/media/img/layout/input_mediumsmall_bg.png') 0 0 no-repeat;
}

form .small, input.small {
	width: 147px;
	background: url('/media/img/layout/input_small_bg.png') 0 0 no-repeat;
}

form .xsmall, input.xsmall {
	width: 117px;
	background: url('/media/img/layout/input_xsmall_bg.png') 0 0 no-repeat;
}

form textarea.full {
	padding: 5px 10px 0 10px;
	background: url('/media/img/layout/textarea_medium.png') 0 0 no-repeat;
	height: 70px;
	/*overflow: visible;*/
	overflow: auto;
}

form textarea.small {
	background: url('/media/img/layout/textarea_small.png') 0 0 no-repeat;
	padding: 5px 10px 0 10px;
	width: 161px;
	height: 120px;
}

input, form textarea {
	margin: 0 8px 10px 0;
	border: none;
	font-family: "Trebuchet MS", arial;
	font-size: 11px;
	color: #666;
	padding: 5px 0 0 10px;
	height: 20px;
	vertical-align: bottom;
}

fieldset.buttons {
	float: right;
}

#reclaimForm .buttons {margin-right: 110px;}
#reclaimForm input { vertical-align: middle;}

.questionForm .buttons {margin-right: 40px;}
.questionForm {clear: both;}
.arrowLink {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	background: url('/media/img/layout/link_arrow.gif') 16px 5px no-repeat;
	padding-left: 23px;
	border-left: 1px #dfdfdf solid;
}

.filterContainer .arrowLink {
	line-height: 18px;
}
/* lightbox generic style */
.lightbox {
	z-index: 20000;
	position: fixed;
	top: 50%;
	left: 50%;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	background: #fff;
	display: none;
	padding-bottom: 50px;
	text-align: center;
	min-width: 30em;
	
}
.lightbox.img {
	padding: 50px;
}
.fadeBg {
	z-index: 6666;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #00061e;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	opacity: .8;
	display: none;
}

.closeBtn {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 17px;
	height: 17px;
	text-indent: -9000em;
	background: url('/media/img/buttons/close.png') 0 0 no-repeat;
	cursor: pointer;
}

#prodCollHelp {
	width: 828px;
	/*height: 483px;*/
	min-height: 453px;
	
}

#prodCollHelp ul li {
	min-height: 330px;
}

/* lightbox content styling */
.lightbox h3 {
	margin: 48px 0 10px 0;
	font-size: 3em;
	line-height: 1.1em;
}
.lightbox h4 {text-transform: uppercase;}

.lightbox ul {
	overflow: hidden;
}
.lightbox ul li {
	width: 220px;
	float: left;
	margin: 0 27px;
}
.lightbox ul li.last {
	margin-right: 0;
}

/* sliding doors button */
.button {
	background: url('/media/img/buttons/button_blue.gif') 0 0 no-repeat;
	display: inline-block;
	display: -moz-inline-box;
	line-height: 25px; 
}
.button button, .button a {
	background: url('/media/img/buttons/button_blue.gif') 100% -25px no-repeat;
	height: 25px;
	border: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 0 8px 0 9px;
	font-size: 10px;
}

/* vcard microformat styling */

.vcard {}
.vcard span {
	display: block;
	font-size: 1.2em;
}

/* generic stuff to be used everywhere */

.col1 {width: 40em; clear: left;}
.col2 {width: 30em; clear: right;}
.col50 {width: 50%;}
.container {overflow: hidden; clear:both;}
.left, .col {float: left;}
.faq .col {position: relative; z-index: 10;}
.right{float: right;}
.inline {display: inline;}

/*specific cols*/
.twocol .col1 {
	width: 50em;
}

/* user messages boxt*/
.user-message {
	margin-bottom: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.user-message.form {
	width: 36.1em	
}
.user-message ul {
	margin-left: 15px;
	list-style-type: disc;
}
.user-message ul li {
	font-size: 1.2em;
	color: #333;
	line-height: 1.5em;
}
.user-message strong {font-size: 1.3em; line-height: 1.7em;}
.user-message.error strong {
	color: #eb1c24;
}
.user-message.success strong {
	color: green;
}

form .error {color: #eb1c24;}

/** center dynamic content **/
.center {text-align: center;}
	.innerCenter { 
		display: table; 
		margin-left: auto;
		margin-right: auto;
	}

#mainSearchForm label {
	display: none;
}

/* email tips layer */
#email-tips-lb {
	width: 80em;
}
#email-tips-lb fieldset.buttons {float: none;}
#email-tips-lb h3{margin-bottom: 30px;}

/*flash-styling*/
.flash {text-align: center;}
#flash-smutsguide {
	margin-top: -30px;
}
#content.smutsguide {
	background: none !important;
}

/*tips-box*/
.tips-box {
	background: #fffed3 url('/media/img/layout/tips-box-top.png') 0 0 no-repeat;
	width: 194px;
	float: left;
	position: relative;
	padding: 30px 23px 0 20px;
	margin: -10px 19px 10px 0;
	min-height: 80px;
}

.tips-box .bottom{
	background: url('/media/img/layout/tips-box-bottom.png') 0 0 no-repeat;
	width: 244px; height: 11px;
	position: absolute; left: 0; bottom: 0;
}

/*tips-rad-start*/
.container-tips-start{clear:both;}
.tipsrad-start {
	background: transparent url() no-repeat scroll center top !important;
	width: 98em !important;
	overflow: visible !important;
}
#content.smuts .inner {
	background: url('/media/img/placeholders/smutsguiden-tipsrad.jpg') 37px 27px no-repeat;
	
	min-height: 40em;
}
#content #smutsguide-puff h2, #content #doftguide-puff h2 {
	margin-bottom: 6px;
}
#content #smutsguide-puff {
	width: 250px;
	text-align: center;
	margin: 43px 0 0 284px;
}

#content #doftguide-puff {
	width: 320px;
	text-align: center;
	background: url('/media/img/placeholders/doftguide-puff.jpg') 0 0 no-repeat;
	
	padding: 185px 0 0 0;
	margin: 63px 0 11px 20px;
}

#faq-puff {
	background: url('/media/img/layout/qa-big-header.gif') 0 0 no-repeat;
	padding: 0 0 0 80px;
	width: 45em;
	margin: 0 auto 0 auto;
}
#faq-puff p {color: #333;}


/* safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.filterContainer select#product_collection {margin-top: 1px;}
	#flash-smutsguide {margin-top: -40px;}
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0 auto;
	
}

.jScrollPaneTrack,#fadedScroller {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #eee;
	margin-left: 0;
	background: url('/media/img/layout/scroll_bg.png') 0 0 no-repeat;
	z-index: 1000;
}

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag {
	position: absolute;
	
	cursor: pointer;
	overflow: hidden;
	
}
.jScrollPaneDragMiddle {
	background: url('/media/img/layout/scroll_middle_bg.png') 0 2px repeat-x;
	width: 75%;
	margin: 0 auto;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 2px;
	overflow: hidden;
	background: url('/media/img/layout/scroll_left_bg.png') 0 2px no-repeat;
	width: 11px;
	height: 20px;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 3px;
	overflow: hidden;
	background: url('/media/img/layout/scroll_right_bg.png') 0 2px no-repeat;
	width: 11px;
	height: 20px;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 0px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 0px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}#content.no_overflow {
    overflow: visible !important;
}

.comment .buttons {
    margin-top: -35px;
}

.honeypot {
    display: none;
}

#content.twocol .col2 {
    /*margin: 2.6em 0 0 0;*/
 }




 .product_search_list {

 }
 .product_search_list li {
     overflow: hidden;
 }
 .product_search_list li div {
     float: left;
     margin: 1em;
 }

 .content_search_list li h2 {
     margin: 0.7em 0 0.2em 0;
 }


ul.errorlist, ul.errorlist li {
    display: inline;
    float: left;
}

div#formerrorsparent {
	display: none;
}


div#commentformerrors, div#commentformerrors li, div#commentformerrorstip, div#commentformerrorstip li {
	display: none;
	
}

div#commentformerrorstip .user-message.form {
	
	margin-left:30%;
}

#mailsent{
	display: none;
	
}


div.toolbar {
    z-index: 1000;
	}

p>div.mceTmpl>div.tips-box>p {
	font-size: 1em;
}


.content_right_sidebar p{
	color:#656565;
	margin-bottom:1px;
	line-height: 1.3em;
}


#color_preview {
    width: 100px;
    height: 25px;
    margin-left: 9.6em;
    border: 1px solid #000;
}