/*  
Theme Name: Grace Wellness
Theme URI: http://www.gracewellness.se
Description: Grace Wellness
Version: 1.0
Author: MarketingLab
Author URI: http://www.marketinglab.se/
*/
body { background: #fff; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; }

#wrapper { width: 1000px; margin: 0 auto 20px auto; text-align: left; }

#overlay { width: 100%; height: 100%; position: fixed; top: 0; z-index: 99; left: 0; display: none; margin: 0; background: url(images/overlay.png) repeat; }

#tipsa-popup .col, #quick-contact-popup .col { width: 210px; float: left; position: relative; margin: 0 0 10px; }
#tipsa-popup .small-input, #quick-contact-popup .small-input { position: absolute; right: 25px; bottom: -5px; }
#tipsa-popup label, #quick-contact-popup label { font-size: 11px; padding: 0 0 5px; display: block; }
#tipsa-popup .radio, #quick-contact-popup .radio { font-size: 11px; display: block; padding: 5px 0; }
#tipsa-popup .radio input, #quick-contact-popup .radio input { margin: 0 5px 0 0; }
#tipsa-popup .text-input, #quick-contact-popup .text-input, #login-popup .text-input, #quick-contact-popup .required { width: 175px; display: block; height: 14px; font-size: 11px; margin: 0 0 10px; color: #747578; padding: 6px 5px; background: url(images/text-input.gif) no-repeat left top; }
#tipsa-popup .text-small, #quick-contact-popup .text-small, #quick-contact-popup .small { width: 59px; display: block; height: 14px; font-size: 11px; margin: 0 0 10px; color: #747578; padding: 6px 5px; background: url(images/input-text-small.gif) no-repeat left top; }
#tipsa-popup textarea, #quick-contact-popup textarea { width: 354px; height: 147px; font-size: 11px; display: block; font-family: Arial, Helvetica, sans-serif; color: #747578; margin: 0 0 10px; padding: 10px; background: url(images/textarea.gif) no-repeat left top; }

#tipsa-popup .input-reset { margin: 0 10px 0 260px; }

#quick-contact-popup .input-reset { margin: 0 10px 0 280px; }
#quick-contact-popup label.error { color: red; }

.submit-small { font-size: 10px; color: #fff; width: 59px; cursor: pointer; height: 20px; background: url(images/submit-small.gif) no-repeat left top; }

.input-reset { color: #f18e00; font-size: 10px; cursor: pointer; }

.prod-big { width: 553px; padding: 80px 30px 15px 30px; background: url(images/prod-big-bg.gif) no-repeat left top; margin: 0 0 -23px -40px; }
.prod-big .tipsa { display: block; height: 35px; font-size: 13px; color: #000; margin: 20px 0; text-decoration: none; padding: 0 0 0 58px; background: url(images/prod-big-tipsa.jpg) no-repeat left top; line-height: 35px; }
.prod-big .kop { background: url(images/prod-big-button.jpg) no-repeat left top; width: 111px; color: #fff; text-decoration: none; line-height: 38px; text-align: center; display: block; font-size: 18px; height: 38px; display: block; }
.prod-big .prod-big-img { float: left; width: 256px; margin: 0 20px 10px 0; }
.prod-big .prod-big-side { float: left; font-size: 16px; }
.prod-big .prod-big-side span { font-size: 28px; display: block; padding: 0 0 10px 0; }
.prod-big .prod-big-side strong { font-size: 60px; display: block; padding: 10px 0 0 0; }
.prod-big p { font-size: 10px !important; line-height: 12px !important; }
.prod-big p strong a { font-size: 12px; color: #f18e00; text-decoration: none; }
.prod-big p strong { font-weight: bold; font-size: 11px; }
.prod-big p strong #innehallsforteckning { font-size: 12px; cursor: pointer; color: #f18e00; text-decoration: none; }
.prod-big .innehallsforteckning { cursor: pointer; }

.prod_innehallsforteckning {
	width: 236px; 
	padding: 10px;
	font-size: 10px;
	margin: 0 0 10px 0; 
	background: #fff;
	line-height: 1.6em;
}
.prod_innehallsforteckning p {
	margin: 0;
}
.prod_innehallsforteckning p strong {
	font-size: 11px;
	margin: 0 0 15px 0;
}
.prod_innehallsforteckning hr {
	height: 1px;
	float: left;
	width: 236px;
	background: #333;
	margin: 0 0 8px 0;
	border: none;
}
.inne-stang {
	color: #f18e00;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	margin: 3px 0 0 0;
}
.popup { display: none; position: absolute; z-index: 100; width: 626px; top: 100px; text-align: left; }
.popup h2 { font-size: 30px; color: #f18e00; padding: 0 0 18px; }
.popup h2 span { font-size: 16px; color: #000; display: block; }
.popup .alt { color: #000; }
.popup p { font-size: 16px; padding: 0 0 20px; line-height: 20px; }
.popup .popup-close { background: url(images/popup-close.gif) no-repeat left top; width: 15px; cursor: pointer; margin: 0px 0px 20px; height: 17px; display: block; float: right; }
.popup .popup-terms { width: 576px; padding: 20px 40px 20px 40px; height: 660px; overflow: auto; width: 546px; background: url(images/popup-main-top.png) repeat-y left top; }
.popup .popup-main { width: 576px; padding: 20px 40px 20px 40px; min-height: 400px; width: 546px; background: url(images/popup-main-top.png) no-repeat left top; }
.popup .popup-readmore { width: 576px; padding: 20px 40px 0px 40px; min-height: 400px; width: 546px; margin: 100px 0 0 0; background: url(images/popup-main-top.png) no-repeat left top; }
.popup .popup-readmore .cont { background: url(images/readmore-bg.jpg) no-repeat right bottom; padding: 0 0 20px 0; }
.popup .popup-readmore .cont p { background: none; font-size: 12px; }
.popup .popup-readmore .cont p.small { background: none; width: 380px; }
.popup .popup-readmore .cont p.small2 { background: none; margin: 0; padding: 0; }
.popup .popup-readmore #tipsa { font-size: 12px; color: #f18e00; font-weight: bold; height: 36px; line-height: 36px; display: inline-block; padding: 0 0 0 45px; background: url(images/tipsa-white.jpg) no-repeat left top; text-decoration: none; }
.popup .popup-product { width: 576px; padding: 20px 40px 20px 40px; min-height: 400px; width: 546px; background: url(images/popup-main-top.png) no-repeat left top; }
.popup .popup-login { width: 576px; padding: 20px 40px 20px 40px; width: 546px; background: url(images/popup-main-top.png) no-repeat left top; }
.popup .popup-tipsa { width: 406px; padding: 20px 20px 20px 40px; height: 460px; background: url(images/popup-main-top.png) no-repeat left top; }
.popup .popup-tipsa-end { height: 16px; width: 466px; background: url(images/popup-main-bottom.png) no-repeat left top; }
.popup .popup-end { height: 16px; width: 626px; background: url(images/popup-main-bottom.png) no-repeat left top; }

.popup form .popup-close { background: none; float: left; width: 50px; color: #f18e00; font-size: 11px; margin: 5px 0 0 260px; }

#header { background: url(images/header.jpg) no-repeat right top; height: 161px; position: relative; }
#header h1 { float: left; width: 252px; height: 90px; margin: 25px 0 0 17px; }
#header h1 a { float: left; display: block; width: 252px; height: 90px; background: url(images/logo.jpg) no-repeat left top; }
#header h1 a span { display: none; }
#header #login { display: block; position: absolute; cursor: pointer; z-index: 4; height: 31px; padding: 0 0 0 5px; font-size: 11px; color: #f18f02; text-decoration: none; font-weight: bold; top: 55px; line-height: 31px; right: 15px; /*background: url(images/login-icon.jpg) no-repeat left top;*/ }
#header #logout { display: block; position: absolute; z-index: 5; background: #e5e5e5; padding: 0; font-size: 11px; color: #f18f02; text-decoration: none; font-weight: bold; top: 60px; line-height: 21px; right: 15px; background: url(images/login-bg.jpg) no-repeat left top; }
#header .trygg-ehandel { position: absolute; right: 16px; top: 8px; width: 50px; height: 50px; }
#login_container { position: relative; }
.loginbox {
	width: 500px;
	position: absolute;
	top: 65px;
	right: 70px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
.loginbox a {
	text-decoration: none;
	color: #f18f02;
}
#new-password {
	color: #f18f02;
	cursor: pointer;
}
.forgot-password {
	width: 500px;
	font-size: 13px;
	line-height: 1.2em;
	margin: 20px 0 5px 0;
}
.forgot-password form {
	margin: 8px 0 0 0;
}

#nav { height: 62px; width: 600px; float: right; margin: 86px 15px 0 0; padding: 0 5px 0 5px; position: relative; background: url(images/nav-full.gif) no-repeat left top; }
#nav li { float: left; height: 25px; }
#nav li a { display: block; float: left; font-size: 12px; line-height: 25px; color: #000; height: 25px; text-decoration: none; padding: 0 7px; }
#nav li a:hover { /*background: url(images/nav-up-hover.gif) repeat-x left top;*/ color: #F18E00; }
#nav li ul { width: 493px; position: absolute; left: 0; top: 25px; padding: 0 10px; display: none; height: 37px; }
#nav li ul a { font-size: 11px; line-height: 23px; padding: 0 10px; }
#nav li ul a:hover { background: none; }
#nav li.selected ul { display: block; height: 30px; }
#nav li.selected > a { /*background: url(images/nav-up-hover.gif) repeat-x left top;*/ }
#nav li.selected a.selected { color: #f18f02; }
#nav li.hovered a { /*background: url(images/nav-up-hover.gif) repeat-x left top;*/ }
#nav li.hovered ul a { background: none !important; }
#nav li.hovered ul { z-index: 10; }
#nav li.articles_button { cursor: pointer; display: block; float: left; font-size: 12px; line-height: 25px; color: #000; height: 25px; text-decoration: none; padding: 0 9px; }

.submenu { position: absolute; left: 380px; top: 109px; background-color: #FFF; height: 23px; }
.submenu ul { list-style: none; display: inline; }
.submenu li { list-style: none; display: inline; }
.submenu a { display: block; float: left; font-size: 12px; line-height: 25px; color: #000; height: 25px; text-decoration: none; padding: 0 7px; color: #777;  }
.submenu a:hover { color: #F18E00; }

.articles {
	width: 180px;
	display: none;
	padding: 10px 10px 0 10px;
	position: absolute;
	top: 110px;
	right: 20px;
	background: #f5f5f5;
	z-index: 9999;
	border: 1px solid #ccc;
}
.articles strong {
	margin: 5px 0 5px 0;
	font-size: 12px;
}
.articles ul {
	list-style-type: none;
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 11px;
}
.articles ul li {
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #eee;
}
.articles ul li a {
	text-decoration: none;
	color: #666;
}
.articles ul li a:hover {
	color: #333;
}

/*--- mod ---*/
#nav li.current_page_item ul { display: block; }
#nav li.current_page_item > a { /*background: url(images/nav-up-hover.gif) repeat-x left top;*/ color: #F18E00; }
#nav li.current_page_item a.selected { color: #F18E00; }
/*--- end mod ---*/

h6 { font-size: 17px; font-weight: bold; font-style: italic; }

/* sidebar */
#sidebar { float: left; width: 227px; }
#sidebar div { width: 227px; height: 142px; padding: 0 0 0 25px; margin: 0 0 23px 0; }
#sidebar div h6 { padding: 15px 0 15px 0; }
#sidebar div h6 a { text-decoration: none; color: #000; }
#sidebar div p { font-size: 10px; line-height: 14px; font-style: italic; width: 95px; }
#sidebar div:hover { cursor: pointer; }
#sidebar div:hover a { border-bottom: 1px solid #000; }
#sidebar #ambassador { background: url(images/section-ambassador.jpg) no-repeat left top; }
#sidebar #medicinsk-expert { background: url(images/section-medicinsk-expert.jpg) no-repeat left top; }
#sidebar #fitnesscoach { background: url(images/section-fitnesscoach.jpg) no-repeat left top; }

#product-reducer { float: left; width: 701px; height: 872px; padding: 30px 0 0 30px; position: relative; margin: 0 0 0 15px; background: url(images/produkt-reducer-bg.jpg) no-repeat left top; }
#product-reducer a { text-decoration: none; outline: none; border: none; color: inherit; cursor: pointer; }
#product-reducer h1 { font-family:	Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; }
#product-reducer h2 { font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-weight: bold; margin-top: 6px; }
#product-reducer p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 12px; line-height: 16px; }
#product-reducer #description { position: absolute; left: 262px; top: 445px; width: 230px; font-family: Arial, Helvetica, sans-serif;	 font-size: 16px; line-height: 21px; }
#product-reducer #description strong { display: block; margin-bottom: 4px; }
#product-reducer #description p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; margin-top: 6px; }
#product-reducer #info { position: absolute; left: 497px; top: 480px; width: 193px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#product-reducer #mail { position: absolute; left: 32px; top: 610px; height: 21px; background: url(images/produkt-mail.jpg) no-repeat; padding: 15px 0 0 50px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #F18E00; }
#product-reducer #ehandel { position: absolute; left: 496px; top: 790px; width: 107px; height: 106px; cursor: pointer; }

#product-xantan { float: left; width: 701px; height: 872px; padding: 30px 0 0 30px; position: relative; margin: 0 0 0 15px; background: url(images/produkt-xantan-bg.jpg) no-repeat left top; }
#product-xantan a { text-decoration: none; outline: none; border: none; color: inherit; cursor: pointer; }
#product-xantan h1 { font-family:	Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; }
#product-xantan h2 { font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-weight: bold; margin-top: 6px; }
#product-xantan p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 12px; line-height: 16px; }
#product-xantan #description { position: absolute; left: 262px; top: 445px; width: 230px; font-family: Arial, Helvetica, sans-serif;	 font-size: 16px; line-height: 21px; }
#product-xantan #description strong { display: block; margin-bottom: 4px; }
#product-xantan #description p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; margin-top: 6px; }
#product-xantan #info { position: absolute; left: 497px; top: 480px; width: 193px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#product-xantan #mail { position: absolute; left: 32px; top: 610px; height: 21px; background: url(images/produkt-mail.jpg) no-repeat; padding: 15px 0 0 50px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #F18E00; }
#product-xantan #ehandel { position: absolute; left: 493px; top: 787px; width: 107px; height: 106px; cursor: pointer; }

#product-bredspektrum { float: left; width: 701px; height: 872px; padding: 30px 0 0 30px; position: relative; margin: 0 0 0 15px; background: url(images/produkt-bredspektrum-bg.jpg) no-repeat left top; }
#product-bredspektrum a { text-decoration: none; outline: none; border: none; color: inherit; cursor: pointer; }
#product-bredspektrum h1 { font-family:	Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; }
#product-bredspektrum h2 { font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-weight: bold; margin-top: 6px; }
#product-bredspektrum p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 12px; line-height: 16px; }
#product-bredspektrum #description { position: absolute; left: 262px; top: 445px; width: 230px; font-family: Arial, Helvetica, sans-serif;	 font-size: 16px; line-height: 21px; }
#product-bredspektrum #description strong { display: block; margin-bottom: 4px; }
#product-bredspektrum #description p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; margin-top: 6px; }
#product-bredspektrum #info { position: absolute; left: 497px; top: 480px; width: 193px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#product-bredspektrum #mail { position: absolute; left: 32px; top: 610px; height: 21px; background: url(images/produkt-mail.jpg) no-repeat; padding: 15px 0 0 50px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #F18E00; }
#product-bredspektrum #ehandel { position: absolute; left: 493px; top: 787px; width: 107px; height: 106px; cursor: pointer; }

#cart-main.alt { position: relative; background: url(images/2col-left-1.jpg) no-repeat left top; }

#cart-main { float: left; width: 701px; height: 872px; padding: 30px 0 0 30px; position: relative; margin: 0 0 0 15px; background: url(images/2col-left.jpg) no-repeat left top; }
#cart-main #stopper-link { background: url(images/2-left-col-stopper.jpg) no-repeat left top; position: absolute; right: 15px; top: 50px; width: 260px; height: 392px; display: block; }
#cart-main #stopper-trigger-link { background: none; position: absolute; right: 15px; top: 1px; width: 200px; height: 392px; display: block; }
#cart-main #stopper-link p {	width: 210px; float: left; text-align: center; margin: 120px 0 0 30px; display: inline; }
#cart-main #stopper-link p.more {	width: 215px; float: left; text-align: left; margin: 150px 0 0 41px; font-size: 10px; line-height: 12px; display: inline; }
#cart-main p a { color: #000; font-style: italic; text-decoration: none; }
#cart-main .prod div { font-size: 15px; line-height: 20px; width: 280px; margin: 0 0 20px; }
#cart-main .prod div strong { display: block; padding: 0 0 5px; }
#cart-main .prod div a { text-decoration: none; font-style: italic; color: #000; display: block; padding: 5px 0 0 0; font-size: 13px; }
#cart-main .prod div img { margin: 0 20px 20px 0; float: left; }
#cart-main .prod div img.prod2-wide-img { margin: 0 10px 20px 0; float: left; }
#cart-main h2 { width: 400px; font-size: 48px; font-weight: bold; padding: 0 0 16px; }
#cart-main p { font-size: 13px; width: 400px; line-height: 16px; padding: 0 0 16px; }
#cart-main #tipsa { position: absolute; font-size: 12px; color: #f18e00; font-weight: bold; height: 36px; left: 30px; bottom: 235px; line-height: 36px; display: inline-block; padding: 0 0 0 45px; background: url(images/tipsa.jpg) no-repeat left top; text-decoration: none; }
#cart-main #tipsa:hover { text-decoration: underline; }

#cart-main-bottompic {
	width: 735px;
	height: 220px;
	position: absolute;
	left: -20px;
	bottom: 0;
	background: url(images/erbj1-bott.jpg) no-repeat;
}

#cart-main-bottompic .left {
	float: left;
	padding: 50px 0 0 50px;
	font-size: 15px;
	font-weight: bold;
	width: 315px;
}
#cart-main-bottompic .left p, #cart-main-bottompic .right p {
	width: 315px;
}
#cart-main-bottompic .left h3 {
	font-size: 20px;
	color: #f18e00;
	margin: 0 0 12px 0;
}
#cart-main-bottompic .right {
	float: right;
	padding: 144px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	width: 320px;
}
#cart-main-bottompic .right a {
	font-style: normal;
	color: #f18e00;
}
#cart-main-bottompic-2 {
	width: 735px;
	height: 220px;
	position: absolute;
	left: -20px;
	bottom: 0;
	background: url(images/erbj1-bott-2.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#cart-main-bottompic-2 .left {
	float: left;
	padding: 50px 0 0 50px;
	width: 315px;
}
#cart-main-bottompic-2 .left p {
	width: 315px;
	font-size: 14px;
	line-height: 18px;
}
#cart-main-bottompic-2 .left h3 {
	font-size: 20px;
	color: #f18e00;
	margin: 0 0 12px 0;
}
/*------- Produkter ---------*/
#cart-main.produkter { 
	position: relative; 
	height: auto;
	background: #fff url(images/produkter-main-bg.jpg) no-repeat left top; 
}
#cart-main.produkter h1 {
	font-size: 48px;
	margin: 0 0 15px 0;
}
#cart-main.produkter p.ingress {
	font-size: 14px;
	width: 500px;
	line-height: 1.5em;
}
#cart-main.produkter .prod_container {
	width: 647px;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #f18e00;
}
#cart-main.produkter .prod_container h2 {
	font-size: 22px;
}
#cart-main.produkter .prod_container .image {
	width: 140px;
	height: 204px;
	float: left;
	text-align: center;
}
#cart-main.produkter .prod_container .info_box {
	width: 480px;
	float: right;
	padding: 25px 0 0 0;
}
#cart-main.produkter .prod_container .info_box a {
	color: #f18e00;
	font-style: italic;
	text-decoration: none;
}
/*--- pris m.m ---*/
#cart-main.produkter .prod_container .main_info {
	width: 480px;
	margin: 0 0 15px 0;
	position: relative;
}
#cart-main.produkter .prod_container a.buy_button {
	width: 163px;
	height: 30px;
	background: #333 url(images/cart-submit.jpg) no-repeat;
	position: absolute;
	color: #fff;
	font-size: 21px;
	text-align: center;
	font-style: normal;
	padding: 8px 0 0 0;
	bottom: 6px;
	right: 155px;
	cursor: pointer;
	font-weight: bold;
}
#cart-main.produkter .prod_container .info_quota {
	font-size: 27px;
	font-weight: bold;
}
#cart-main.produkter .prod_container h2 {
	width: 600px;
}
#cart-main.produkter .prod_container .info_time {
	font-size: 15px;
}
#cart-main.produkter .prod_container .info_price {
	font-size: 49px;
	font-weight: bold;
}
/*--- Desc ---*/
#cart-main.produkter .prod_container .info_box .prod_desc  {
	font-size: 15px;
	line-height: 1.3em;
	width: 480px;
}

#cart-sidebar { float: left; width: 189px; padding: 0 25px 13px; position: relative; background: url(images/2col-right.png) no-repeat left top; }
#cart-sidebar h5 { font-size: 15px; color: #747578; padding: 100px 0 5px; text-transform: uppercase; }
#cart-sidebar form { margin: 10px 0 0 0; float: left; }
#cart-sidebar table { font-size: 11px; line-height: 15px; color: #747578; }
#cart-sidebar table span { font-size: 13px; font-weight: bold; }
#cart-sidebar table td { vertical-align: bottom; }
#cart-sidebar table .table-end td { border-top: 1px solid #f18e00; color: #f18e00; padding: 10px 0 0 0; font-size: 15px; }
#cart-sidebar table .caption { width: 110px; }
#cart-sidebar label { display: block; font-size: 11px; padding: 10px 0 5px; }
#cart-sidebar label.error { color: red; }
#cart-sidebar .text-input, #cart-sidebar .required { width: 175px; height: 14px; font-size: 11px; color: #747578; padding: 6px 5px; background: url(images/text-input.gif) no-repeat left top; }
#cart-sidebar #cart-submit { width: 163px; height: 38px; cursor: pointer; border: none; display: block; font-size: 18px; color: #fff; margin: 20px 0 0px 10px; font-weight: bold; background: url(images/cart-submit.jpg) no-repeat left top; }
#cart-sidebar .radio { width: 80px; font-size: 11px; float: left; display: block; padding: 10px 0 0 0; }
#cart-sidebar .radio input { margin: 0 5px 0 0; }
#cart-sidebar .checkbox-terms { font-size: 11px; padding: 10px 0 0 0; display: block; }
#cart-sidebar .checkbox-terms input { margin: 0 5px 0 0; width: auto; height: auto; }
#cart-sidebar .checkbox-terms a { color: #f3a01c; }
#cart-sidebar .checkbox-terms label { position: absolute; bottom: 52px; left: 25px; }
#cart-sidebar .get_adress { font-size: 11px; text-align: right; padding: 10px 0 0 0; display: block; }
#cart-sidebar .get_adress a { color: #f3a01c; }
#cart-sidebar #cart-sidebar-end { height: 13px; position: absolute; left: 0; width: 239px; bottom: -13px; background: url(images/2col-right-end.gif) no-repeat left top; }

.cart_container { text-align: left; }

.ext_cart { text-align: left; }
.ext_cart table { font-size: 11px; line-height: 15px; color: #747578; }
.ext_cart table span { font-size: 13px; font-weight: bold; }
.ext_cart table td { vertical-align: bottom; }
.ext_cart table .table-end td { border-top: 1px solid #f18e00; color: #f18e00; padding: 10px 0 0 0; font-size: 15px; }
.ext_cart table td.caption { width: 110px; }
.ext_cart .alignright { float: right; } 

.ext_cart dl {
	margin: 0 0 15px 0;
	font-size: 11px; 
	line-height: 15px; 
	color: #747578;
	width: 190px;
	float: left;
}
#preloader {
	width: 180px;
	padding: 10px 0 0 0;
	text-align: center;
}
.ext_cart .button_uppdatera {
	font-size: 12px;
	background: 0;
	margin: 10px 0 0 0;
	width: 130px;
	text-align: left;
	cursor: pointer;
}
.ext_cart dl dt {
	width: 105px;
	float: left;
	height: 16px;
}
.ext_cart dl dt.caption {
	width: 199px;
	margin: 10px 0 6px 0;
}
.ext_cart dl dt.caption input {
	background: #eee url(images/cart-mini-input.gif) no-repeat;
	padding: 3px;
	height: 13px;
	margin: 0 5px 0 0;
	width: 15px;
}
.ext_cart dl dt.total {
	height: 30px;
}
.ext_cart dl dd {
	width: 80px;
	height: 16px;
	float: right;
}
.ext_cart dl dd.total {
	height: 15px;
	padding: 15px 0 0 0;
}
.ext_cart a.delete-cart { 
	float: right; 
	width: 15px;
	height: 15px;
	background: url(images/cart-delete.gif) no-repeat;
	text-indent: -9999px;
} 
.ext_cart .table-end { 
	width: 189px;
	border-top: 1px solid #f18e00; 
	color: #f18e00; 
	padding: 10px 1px 0 0; 
	font-size: 15px; 
	margin: 0;
}
#main { width: 584px; float: left; margin: 0 0 0 11px; }
#main #find-more { width: 464px; background: url(images/featured-two.jpg) no-repeat left top; height: 181px; position: relative; padding: 20px 0 0 120px; }
#main #find-more-pitch { width: 597px; background: url(images/pilot.gif) no-repeat; height: 210px; position: relative; padding: 0; }
#main #find-more-pitch  .link{ width: 100px; height: 25px; float: right; background: none; margin: 160px 55px 0 0; text-indent: -9999px; }
#main #find-more #badge { width: 125px; top: -7px; position: absolute; text-align: center !important; left: -9px; height: 126px; background: url(images/badge.jpg) no-repeat left top; }
#main #find-more #badge span { font-size: 10px; line-height: 12px; font-weight: bold; padding: 45px 0 0 0; display: block; }
#main #find-more a { font-size: 17px; color: #fff; line-height: 20px; font-weight: bold; text-decoration: none; position: absolute; right: 20px; bottom: 15px; text-align: right; }
#main #find-more h3 { font-size: 23px; line-height: 24px; color: #f18e00; padding: 0 0 5px; }
#main #find-more p { font-size: 13px; }
#main #find-more .addon-info { font-size: 12px; line-height: 16px; font-weight: bold; position: absolute; left: 99px;}
#main #find-more ul { font-size: 13px; line-height: 16px; width: 260px; padding: 5px 0 0 0; }
#main #find-more ul li { background: url(images/tick.gif) no-repeat left center; float: left; width: 115px; padding: 0 0 0 15px; margin: 0 0 5px; }
#main #featured-section { width: 559px; height: 277px; margin: 0 0 29px 0; padding: 25px 0 0 25px; position: relative; background: url(images/featured-image.jpg) no-repeat left top; }
#main #featured-section .featured_click { width: 559px; height: 297px; z-index: 10; position: absolute; top: 0; left: 0; background: none; }
#main #featured-section h2 { /*text-shadow: -1px -1px 1px #fff;*/ padding: 0 0 40px; }
#main #featured-section p.intro { text-shadow: 0px 0px 2px #fff; }
#main #featured-section p { padding: 0 0 40px; line-height: 1.5em; }
#main #featured-section .bull-1 { position: absolute; text-align: center; font-size: 11px; left: 225px; top: 105px; }
#main #featured-section .bull-1 span { font-size: 60px; font-weight: bold; letter-spacing: -7px; }
#main #featured-section .bull-2 { position: absolute; text-align: center; font-size: 11px; left: 440px; top: 100px; }
#main #featured-section .bull-2 span { font-size: 16px; }
#main #featured-section a { display: block; width: 126px; position: absolute; height: 29px; bottom: 19px; right: 13px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; line-height: 29px; background: url(images/featured-button.jpg) no-repeat left top; }
#main .single { padding: 40px 0 0 25px; min-height: 535px; width: 559px; }
#main .single-omgrace { background: url(images/single-omgrace.jpg) no-repeat left bottom; }
#main .single-medicinsk { background: url(images/single-medicinsk.jpg) no-repeat right 10px; }
#main .single-ambassador { background: url(images/single-ambassador.jpg) no-repeat right 10px; }
#main .single-fitnesscoach { background: url(images/single-fitnesscoach.jpg) no-repeat right 10px; }
#main .single-vd { background: url(images/single-vd.jpg) no-repeat right 10px; }
#main .single-kund1 { background: url(images/single-johan.jpg) no-repeat right 10px; }
#main .single-kund2 { background: url(images/single-mikael.jpg) no-repeat right 10px; }
#main .single-viktminskning {  }
#main .single-kundtjanst { }

#main .doclink-antioxidant { position: relative; width: 418px; text-align: center; height: 62px; color: #101bf2; background: url(images/link-antioxidant.jpg) no-repeat; padding-top: 38px; padding-left: 82px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; }
#main .doclink-antioxidant span { font-weight: bold; }
#main .doclink-antioxidant a { color: #101bf2; text-decoration: none; }
#main .doclink-antioxidant a:hover { color: #F18E00; }
#main .doclink-xantan { position: relative; width: 418px; text-align: center; height: 62px; color: #101bf2; background: url(images/link-xantan.jpg) no-repeat; padding-top: 38px; padding-left: 82px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; }
#main .doclink-xantan span { font-weight: bold; }
#main .doclink-xantan a { color: #101bf2; text-decoration: none; }
#main .doclink-xantan a:hover { color: #F18E00; }
#main .doclink-reducer { position: relative; width: 418px; text-align: center; height: 62px; color: #101bf2; background: url(images/link-reducer.jpg) no-repeat; padding-top: 38px; padding-left: 82px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; }
#main .doclink-reducer span { font-weight: bold; }
#main .doclink-reducer a { color: #101bf2; text-decoration: none; }
#main .doclink-reducer a:hover { color: #F18E00; }
#main .doclink-viktkontroll { position: relative; width: 418px; text-align: center; height: 62px; color: #101bf2; background: url(images/link-viktkontroll.jpg) no-repeat; padding-top: 38px; padding-left: 82px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; }
#main .doclink-viktkontroll span { font-weight: bold; }
#main .doclink-viktkontroll a { color: #101bf2; text-decoration: none; }
#main .doclink-viktkontroll a:hover { color: #F18E00; }

#main #gw_window { width: 559px; height: 277px; margin: 0 0 25px 0; padding: 25px 0 0 25px; position: relative; }
#main #gw_window #place { position: absolute; left: -10px; top: -10px; margin: 0; padding: 0; }
#main #gw_window #features { visibility: hidden; }
#main #gw_window #features h2 { margin: 0; padding: 0; font-size: 12px; }
#main #gw_window #features p { margin: 0; padding: 0; font-size: 12px; }

#main .single-kundtjanst .kundtjanst_box { width: 500px; height: 140px; padding: 20px; background: url(images/kundtjanst_box.jpg) no-repeat; margin: 0 0 20px 0; }

#main .single-kundtjanst a { color: #F18F02; }
#main .single-kundtjanst h4 { font-size: 16px; }
#main h2 { color: #f18e00; font-size: 33px; font-weight: bold; padding: 0 0 30px; }
#main p.intro { font-size: 16px; line-height: 20px; }
#main p { font-size: 13px; line-height: 16px; width: 260px; padding: 0 0 20px; }
#main p a { color: #f18e00; text-decoration: none; }
#main p a:hover { text-decoration: underline; }
#main .exp p { width: 500px; }
#main .exp p.small { width: 260px; }
#main ul { font-size: 13px; font-weight: bold; line-height: 24px; padding: 0 0 20px; }
#main h3 { font-size: 15px; color: #f19208; padding: 0 0 18px; font-weight: bold; }
#main .prof-pic { /* padding: 0 0 0 150px; */ }
#main .prof-pic div { float: left; font-size: 10px; width: 115px; margin: 0 0 0 20px; line-height: 12px; }
#main .prof-pic div img { display: block; margin: 0 0 5px; }
#main .prof-pic .clear { float: none !important; }
#main small { font-size: 11px; line-height: 13px; }
#main h4 { font-size: 13px; font-weight: bold; padding: 0 0 10px; }

#main .puff-mitt { position: relative; width: 600px; height: 213px; vertical-align: top; }
#main .puff-mitt #puff-beach { position: relative; float: left; width: 197px; height: 213px; background: url(images/puff-beach.jpg) right no-repeat; cursor: pointer; }
#main .puff-mitt #puff-vd { position: relative; float: left; width: 197px; height: 213px; background: url(images/puff-vd.jpg) right no-repeat; cursor: pointer; vertical-align: top; }
#main .puff-mitt #puff-kund { position: relative; float: left; width: 197px; height: 213px; background: url(images/puff-kund.jpg) right no-repeat; cursor: pointer; vertical-align: top; }
#main .puff-mitt h6 { width: 190px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; font-style: italic; margin: 0; padding: 20px 0px 20px 15px; cursor: pointer; }
#main .puff-mitt p { width: 190px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; font-style: italic; margin: 0; padding-left: 15px; cursor: pointer; }
#main .puff-mitt a { color: #000; text-decoration: none; }

#main .info-box { position: relative; width: 536px; background: url(images/info-box-mid.jpg) repeat-y; margin-top: 21px; padding: 25px; padding-bottom: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; text-align: left; color: #000; }
#main .info-box a { text-decoration: none; color: #f18e00;}
#main .info-box p { width: 100%; line-height: 20px; text-align: justify; }
#main .info-box h3 { font-size: 20px; line-height: 24px; color: #f18e00; text-align: left; }
#main .info-box-top { position: absolute; top: 0; left: 0; width: 586px; height: 9px; background: url(images/info-box-top.jpg) no-repeat; }
#main .info-box-bottom { position: absolute; bottom: 0; left: 0; width: 586px; height: 9px; background: url(images/info-box-bottom.jpg) no-repeat; }

#main #blog-choose { position: relative; top: -5px; width: 100%; height: 478px; background: url(images/choose-blog.jpg) no-repeat center; }
#main #blog-choose h2 { font-size: 23px; color: #f18e00;}
#main #blog-choose h6 { font-size: 14px; font-weight: bold; font-style: italic; }
#main #blog-choose #blog1 { position: absolute; left: 38px; top: 384px; }
#main #blog-choose #blog2 { position: absolute; left: 321px; top: 384px; }
#main #blog-choose #title1 { position: absolute; right: 310px; bottom: 20px; }
#main #blog-choose #title2 { position: absolute; right: 27px; bottom: 20px; }
#main #blog-choose #choice1 { position: absolute; left: 0; width: 50%; height: 100%; cursor: pointer; }
#main #blog-choose #choice2 { position: absolute; right: 0; width: 50%; height: 100%; cursor: pointer; }

#main .blog-post { position: relative; width: 536px; background: url(images/blog-box-mid.jpg) repeat-y; padding: 25px; margin-bottom: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: normal; text-align: justify; color: #000; }
#main .blog-post .top { position: absolute; top: 0; left: 0; width: 586px; height: 9px; background: url(images/blog-box-top.jpg) no-repeat; }
#main .blog-post .bottom { position: absolute; bottom: 0; left: 0; width: 586px; height: 9px; background: url(images/blog-box-bottom.jpg) no-repeat; }
#main .blog-post h2 { font-size: 23px; line-height: 24px; color: #f18e00; padding: 0 0 5px; margin-bottom: 0; }
#main .blog-post span { font-style: italic; }
#main .blog-post p { padding-left: 16px;  padding-right: 16px; width: 500px; margin-top: 10px; padding-bottom: 5px; line-height: 20px; }
#main .blog-post p div { padding-left: 16px;  padding-right: 16px; width: 500px; background-color: #00F; }
#main .blog-post a { color: #f3a01c; text-decoration: none; font-weight: bold; }
#main .blog-post img { display: block; margin-left: auto; margin-right: auto; border: 1px solid #d4d4d6; max-width: 500px; }

#main #kund-choose { position: relative; top: -5px; width: 100%; height: 478px; background: url(images/choose-kund.jpg) no-repeat center; }
#main #kund-choose h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; color: #f18e3a; margin: 0; padding: 0; }
#main #kund-choose p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #000; margin: 0; padding: 0; }
#main #kund-choose #kund1 { position: absolute; left: 29px; top: 14px; }
#main #kund-choose #text1 { position: absolute; left: 29px; top: 61px; }
#main #kund-choose #more1 { position: absolute; left: 89px; top: 208px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #f18e3a; }
#main #kund-choose #kund2 { position: absolute; left: 311px; top: 14px; }
#main #kund-choose #text2 { position: absolute; left: 311px; top: 61px; }
#main #kund-choose #more2 { position: absolute; left: 371px; top: 208px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #f18e3a; }
#main #kund-choose #kund3 { position: absolute; left: 29px; top: 256px; }
#main #kund-choose #text3 { position: absolute; left: 29px; top: 303px; }
#main #kund-choose #more3 { position: absolute; left: 89px; top: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #f18e3a; }
#main #kund-choose #kund4 { position: absolute; left: 311px; top: 256px; }
#main #kund-choose #text4 { position: absolute; left: 311px; top: 303px; }
#main #kund-choose #more4 { position: absolute; left: 371px; top: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; font-weight: bold; color: #f18e3a; }
#main #kund-choose #choice1 { position: absolute; left: 0; top: 0; width: 50%; height: 50%; cursor: pointer; }
#main #kund-choose #choice2 { position: absolute; right: 0; top: 0; width: 50%; height: 50%; cursor: pointer; }
#main #kund-choose #choice3 { position: absolute; left: 0; bottom: 0; width: 50%; height: 50%; cursor: pointer; }
#main #kund-choose #choice4 { position: absolute; right: 0; bottom: 0; width: 50%; height: 50%; cursor: pointer; }

.rightAligned { float: right; }

/*------ Shop ---------*/
#cart-main a.erbj_add {
	width: 163px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 0 0;
	height: 28px;
	position: absolute; 
	right: 43px; 
	top: 457px;
	background: url(images/cart-submit.png) no-repeat;
}

#aside { float: left; width: 157px; margin: 0 0 0 16px; }
#aside .info-section { position: relative; left: -5px; width: 157px; margin: 2px 0 25px 0; cursor: pointer; }
#aside .info-section p { font-size: 10px; line-height: 12px; padding: 0 15px; }
#aside .info-section p a { color: #000; text-decoration: none; }
#aside .info-section:hover a { text-decoration: underline; }
#aside .info-banners { position: relative; padding-top: 5px; }
#aside .sign { position: relative; top: 25px; text-align: center; }
#aside .sign  div { position: relative; width: 120%; left: -10px; }
#aside #quick-contact { width: 127px; padding: 0 15px; height: 163px; margin: 0 0 20px; background: url(images/contact-trigger.jpg) no-repeat left top; }
#aside #quick-contact p { font-size: 10px; line-height: 12px; }
#aside #quick-contact p a { display: block; margin: 20px 0 0; color: #000; text-decoration: none; }
#aside #quick-contact h6 { padding: 15px 0 25px; }
#aside #quick-contact:hover { cursor: pointer; }
#aside #quick-contact:hover a { text-decoration: underline; }
#aside #puff-container { position: relative; top: -5px; }

#aside #blogg-posts { position: relative; left: 2px; }
#aside #blogg-posts a { color: inherit; text-decoration: inherit; }
#aside #blogg-posts h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #f18e00; margin: 0; padding: 5px 10px 5px 10px; font-style: italic; }
#aside #blogg-posts .bg { position: relative; width: 150px; height: auto; min-height: 245px; background-image: url(images/blogg-posts-bg.jpg); background-repeat: no-repeat; background-color: #f5f6f6; }
#aside #blogg-posts .top { position: relative; width: 150px; height: 5px; background: url(images/blogg-posts-top.jpg) no-repeat; margin-top: 2px; }
#aside #blogg-posts .bottom { position: relative; width: 150px; height: 5px; background: url(images/blogg-posts-bottom.jpg) no-repeat; margin-bottom: 17px; }
#aside #blogg-posts .title { position: relative; width: 130px; padding: 5px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; cursor: pointer; border-top: 1px solid #bdbfc0; text-decoration: none; }
#aside #blogg-posts .title:hover { text-decoration: underline; }

#footer { padding: 20px 0 0 0; }
#footer .copyright { float: left; padding: 0; }
#footer p { text-align: center; font-size: 13px; color: #999a9b; padding: 0 10px 0 0; }
#footer a { text-decoration: none; }
#footer p a { color: #999a9b; text-decoration: none; }

#alt-wrapper { width: 666px; margin: 0 auto; padding: 20px 0; text-align: left; }
#alt-wrapper #logo { width: 315px; height: 113px; margin: 0 0 15px; }
#alt-wrapper #logo a { background: url(images/logo-alt.jpg) no-repeat left top; width: 315px; height: 113px; display: block; }
#alt-wrapper #logo a span { display: none; }
#alt-wrapper #info-main { float: left; width: 413px; height: 541px; padding: 0 0 0 20px; background: url(images/info-main.jpg) no-repeat left top; }
#alt-wrapper #info-main h2 { font-size: 30px; padding: 5px 0 10px; font-weight: bold; }
#alt-wrapper #info-main p { padding: 0 0 20px; font-size: 15px; line-height: 20px; width: 385px; }
#alt-wrapper #info-sidebar-main { width: 213px; padding: 10px 0 0 20px; background: url(images/info-sidebar-top.png) no-repeat left top; }
#alt-wrapper #info-sidebar { float: right; width: 233px; margin: -143px 0 0 0; }
#alt-wrapper #info-sidebar #info-sidebar-end { width: 233px; height: 17px; background: url(images/info-sidebar-bottom.gif) no-repeat left top; }
#alt-wrapper #info-sidebar h5 { font-size: 15px; color: #747578; padding: 0px 0 15px; text-transform: uppercase; }
#alt-wrapper #info-sidebar form { margin: 20px 0 0 0; }
#alt-wrapper #info-sidebar table { font-size: 11px; line-height: 15px; color: #747578; }
#alt-wrapper #info-sidebar table span { font-size: 13px; font-weight: bold; }
#alt-wrapper #info-sidebar table td { vertical-align: bottom; }
#alt-wrapper #info-sidebar table .table-end td { border-top: 1px solid #f18e00; color: #f18e00; padding: 10px 0 0 0; font-size: 15px; }
#alt-wrapper #info-sidebar table .caption { width: 110px; }
#alt-wrapper #info-sidebar label { display: block; font-size: 11px; padding: 10px 0 5px; }
#alt-wrapper #info-sidebar .text-input { width: 175px; height: 14px; font-size: 11px; color: #747578; padding: 6px 5px; background: url(images/text-input.gif) no-repeat left top; }
#alt-wrapper #info-sidebar #cart-submit { width: 163px; height: 38px; cursor: pointer; border: none; display: block; font-size: 18px; color: #fff; margin: 30px 0 0px 10px; font-weight: bold; background: url(images/cart-submit.jpg) no-repeat left top; }
#alt-wrapper #info-sidebar .radio { width: 80px; font-size: 11px; float: left; display: block; padding: 10px 0 0 0; }
#alt-wrapper #info-sidebar .radio input { margin: 0 5px 0 0; }
#alt-wrapper #info-sidebar .checkbox-terms { font-size: 11px; padding: 10px 0 0 0; display: block; }
#alt-wrapper #info-sidebar .checkbox-terms input { margin: 0 5px 0 0; }
#alt-wrapper #info-sidebar .checkbox-terms a { color: #747578; }