/*  
Theme Name: Hjälp hemma 2
Theme URI: http://www.dinwebb.nu/
Version: 2.0
Description: Design & Programmering av <a href="http://www.dinwebb.nu">Dinwebb.nu</a>.
Author: Dinwebb.nu
Author URI: http://www.dinwebb.nu

	Copyright: (c) 2010 dinwebb.nu
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

	
	
	Brown: #836032
*/


/* Standard inst?llningar */
@import "css/reset.css";


/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; background: #fff}
body  { color: #737373; font: 12px/1.5 Arial,Helvetica,Sans-serif;}

/*   Links   */
a {text-decoration: none; color: #836032; border-bottom: 1px dotted #836032;}
a:hover {text-decoration: none; border-color: transparent;}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*   Headers   */
h1, h2, h3, h4, h5, h6, .h1  { line-height: 1.1; color: #212121; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0; font-weight: normal;}
h1,
.h1, h1 a {font-size: 20px; color: #464646; font-weight: normal; text-transform: uppercase; border: none;} 
h2, h2 a {font-size: 16px; color: #464646; font-weight: normal; text-transform: uppercase; border: none; margin: 0 0 10px;} 
h3, h3 a {font-size: 16px; color: #8f7046; text-transform: uppercase; margin: 0 0 10px; border: none;} 
h4, h4 a {color: #332019; font-size: 16px; text-transform: uppercase; font-weight: bold; line-height: 1.1; margin: 0 0 15px; border: none;} 
h5, h5 a {font-size: 14px; color: #8f7046; border: none;} 
h6, h6 a {font-size: 13px; color: #464646; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #464646;} 



img {vertical-align: top;}

p  {margin: 0 0 10px;}

strong {color: #222; font-weight: normal;}
strong span {text-transform: uppercase;}

/*   table   */
td { vertical-align: top; } 

/*   Form   */
select, input, textarea, button { margin: 0; color: #545454; font: 13px/1.4 Arial,Helvetica,Sans-serif; background: #fff; border: 1px solid #dfdfdf; width: 250px; }
input, textarea { padding: 5px; }
textarea {overflow: auto;}

/*   Text selection   */
::-moz-selection {background: #836032; color:#fff; text-shadow: none; }
::selection { background: #836032; color:#fff; text-shadow: none; } 

/*   Edit   */
.redigera a,
.edit-puff-link  {position: absolute; top: 0; right: 0px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;}

/*   Knapp   */
.knapp { padding: 0 0 0 15px; background: url(images/dott.gif) no-repeat left center; text-decoration: none; }
.knapp:hover {color: #bed238}

.diskret {border: none; color: #737373;}

.boka-button { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
	width: 136px; padding: 7px 0; border: none; color: #464646; background: url(images/sprites.png) no-repeat 0px -254px; height: 31px; text-align: center; vertical-align: middle; margin: 0; font-size: 11px;}
.boka-button span {text-transform: uppercase; font-size: 10px;}
.boka-button:hover {background-position: -136px -254px;}


.boka-knapp-3 {display: block; width: 260px; padding: 0; height: 74px; border: none; background: url(images/sprites.png) no-repeat 0px -453px; text-indent: -9999em; overflow: hidden;}
.boka-knapp-3:hover {background-position: -0px -527px;}


.big-black {display: block; width: 260px; height: 75px; background: url(images/sprites.png) no-repeat 0px -299px; border: 0px solid #000; cursor: pointer;
    color: #fff; font-size: 16px; text-transform: uppercase; line-height: 75px; padding: 0 0 3px; text-shadow: 0 -1px 0 #000;}
.big-black:hover {background-position: 0px -377px; color: #eee}

.padd {padding: 0 5px;}


/*-------------------------------------------------------------------------------------------*/
/*
/*   Header 
/*
/*-------------------------------------------------------------------------------------------*/
#container  {width: 940px; margin: 0 auto; position: relative;}


#header {padding: 20px 0 10px; position: relative; border-bottom: 4px solid #836032; margin: 0 0 10px;}

/*   Logo   */
#logo {margin: 0; padding: 0;}
#logo a {width: 177px; height: 98px; border: none; background: url(images/hjalp-hemma.gif) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}


/*   contact   */
.top-contact {position: absolute; top: 20px; right: 0px; color: #7e6236; line-height: 15px;}
.top-icon {background: url(images/sprites.png) no-repeat 1px 0px; height: 15px; width: 22px; display: inline-block; margin: 0 3px 0 10px;}
.phone {}
.kontakta-oss {border: none;}
.kontakta-oss .top-icon {background-position: -35px 0; }



/* NAV
************************************/
#mainNav  {position: absolute; bottom: 8px; right: 0;}
#nav { }
#nav li {display: inline; padding: 0 0 0 20px;}
#nav a  {padding: 0px; color: #836032; border: none;}
#nav a:hover, 
#nav .current_page_item a ,
#nav .current-page-ancestor a { color: #ccc; text-decoration: none; }

/* Lvl 2 */
#nav ul {display: none;}


#sales_area {margin: 0 0 40px;}
#kunderna_tycker {width: 650px; float: left; margin: 0 10px 0 0;}
#kunderna_tycker .kund {width: 650px; float: none}
#kunderna_tycker .kund-text  {width: 620px;}
#boka_oss {width: 260px; float: left; height: 320px; background: #836032; padding: 0px 10px; color: #fff; overflow: hidden; position: relative;}


#rakna_ut {text-align: center; height: 320px; position: relative;}
.rakna-slide {height: 290px; padding: 30px 0 0; position: absolute; bottom: 0; left: 0;}
#rakna_ut h4 {margin: 0 0 15px;}
#pris_form {padding: 20px 0 0;}
#pris_form .kvm {float: none; border: none; padding: 0px; margin: 0;}
#pris_form label {left: 50%; margin: 0 0 0 -75px; text-align: left;}
#rakna_ut .big-black {position: absolute; bottom: 20px; left: 0;}

#visa_priser {position: relative; height: 320px;}
.pris-top {text-align: center; padding: 10px 0 0px; border-bottom: 1px solid #9c805b; margin: 0 0 10px;}
.pris-top h4 {font-size: 14px; margin: 0;}
#rakna_om {position: absolute; top: 60px; right: 0px; cursor: pointer; }
.kvm-title {font-size: 25px; color: #fff; }

.pris-body {}
.pris-body strong {font-size: 10px; font-weight: bold; display: block;}
.paket-box {margin: 0 0 10px;}
.pris {float: right; display: block;}
.pris-body .boka-knapp-3 {position: absolute; bottom: 20px; left: 0;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar left
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_left {width: 190px; float: left; padding: 0px 0 30px;}

#subNav {}
#subNav a {display: block; padding: 5px 0 0; border-bottom: 1px dotted #836032;}
#subNav a:hover,
#subNav .current_page_item a {color: #000;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.content {}

#main {width:430px; float: left; padding: 0 20px 30px 20px;}
#main.box  {}
#main.box-right  { width: 640px; padding: 0 20px 0 0;}
#main.leftbox  { width: 660px;}
#main.fullwidth  { width: 900px; }


/*   post   */
.hentry {margin: 0 0 20px; position: relative;}
.post  { margin: 0 0 0px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; }
.post-title {}
.post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; }


/*   entry   */
.entry {}
.entry ul { margin-bottom: 10px;}
.entry ol { margin-left: 1.8em; margin-bottom: 10px;}
.entry ol { list-style-type: decimal; }
.entry ul li { background: url(images/dott.gif) no-repeat 8px 7px; padding: 0 0 0 20px;  }




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar Right
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_right {float: left; width: 280px; }

#sidebar_right .widget {padding: 0 10px 30px; text-align: center;}



/*-------------------------------------------------------------------------------------------*/
/*
/*  INTRESSEANMALAN FOOTER KNAPP
/*
/*-------------------------------------------------------------------------------------------*/
#intresseruta {padding: 20px 0 0; text-align:center;}
#intresseruta h4 {color: #fff;}
#intresseruta li {background: url(images/checkbox.png) no-repeat 15px 4px; padding: 0 0 0 50px; line-height: 25px; text-transform: none; color: #fff; font-weight: normal; font-size: 18px;}
#intresseruta a {display: block; text-indent: -999em; overflow: hidden; width: 261px; height: 74px;     background: url("images/sprites.png") no-repeat scroll 0 -453px transparent; border: none; margin: 30px 0 0; position: absolute; bottom: 20px; left: 10px;}
#intresseruta a:hover {background-position: 0px -527px;}
#intresseruta span { color: #2F200C; font-size: 20px; margin: 0 0 25px; text-transform: uppercase; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;}
#intresseruta ul { margin: 12px 0 0; }
#intresseruta h2, 
#intresseruta h2 a  { margin: 0;}

#intresse-mini a {display: block; text-indent: -999em; overflow: hidden; width: 261px; height: 44px;     background: url("images/sprites.png") no-repeat scroll 0px -770px transparent; border: none; margin: 0; }
#intresse-mini a:hover {background-position: 0px -814px;}
#content_widget #puff-1159 {
    background: none;
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    width: 300px;

}
#content_widget #puff-1159 .widget-content {

    padding:0;
}
/*-------------------------------------------------------------------------------------------*/
/*
/*   Footer
/*
/*-------------------------------------------------------------------------------------------*/

/* 2.7 Footer */
#footer  { border-top: 4px solid #836032; padding: 15px 0 0; color: #b5a084; height: 180px;}


.dinwebb {float: left; padding: 4px 0 0; display: block; border: none;}
.copy-text {float: right;}
.copy-text a { color: #b5a084; border-bottom: 1px dotted #b5a084;}
.copy-text a:hover { color: #836032; border-color: #836032;}






/*-------------------------------------------------------------------------------------------*/
/*
/*   Widgets
/*
/*-------------------------------------------------------------------------------------------*/
.widget  { margin: 0 0 20px 0; }
.widget-title {}

/*   Puff   */
.ps_puff {position: relative;}

.ps_puff {float: left; text-align: center; background: url(images/house.png) no-repeat center 0px;}
.widget-content {padding: 35px 0 0; }

#puff-267 {background: none;}
#puff-267 .widget-content {padding: 0;}
#puff-95 .edit-puff-link { display: none;}

/*-------------------------------------------------------------------------------------------*/
/*
/*   Misc
/*
/*-------------------------------------------------------------------------------------------*/

.page-template-default .gform_wrapper {}
.page-template-default .gform_wrapper ul,
	.gform_wrapper ol,
	.gform_wrapper ol li,
	.gform_wrapper ul li  {padding: 0; margin: 0; list-style: none; background: none;}

.page-template-default .gform_fields {position: relative;}
.page-template-default .gfield { margin: 0 0 0px; float: left; width: 50%; height: 60px;}
.page-template-default .textarea-li {width: 100%; height: auto;}
.page-template-default .gfield_required {display: none;}
.page-template-default .gform_wrapper input,
						.gform_wrapper select,
						.gform_wrapper textarea {}
						
.page-template-default .gform_wrapper input { width: 195px;}
.page-template-default .gform_wrapper select {width: 260px; padding: 4px;}
.page-template-default .gform_wrapper textarea{width: 410px; height: 100px; margin: 0 0 20px;}
.page-template-default .gfield_description {font-size: 10px; padding: 3px 0 0;}
.page-template-default .button {display: block; width: 136px; padding: 0px 0 2px; border: none; color: #fff; background: url(images/sprites.png) no-repeat -10px -35px; height: 45px; text-align: center; margin: 0; clear: both; cursor: pointer; text-transform: uppercase; text-shadow: 0 1px 0 #000;}

.page-template-default .gform_edit_link {display: none;}
.page-template-default .gfield_radio input { width: auto; border: none;}
.page-template-default .gfield_radio li { float: left; margin: 0 5px 0 0;}
.page-template-default .gform_footer {}
.page-template-default #field_2_11 { height: 150px;}


.page-template-default .gform_wrapper .wide-input {width: 100%;}

/* 6.4 Gravity Forms  */
.gform_wrapper {}
.gform_wrapper ul,
.gform_wrapper ol,
.gform_wrapper ol li,
.gform_wrapper ul li  {padding: 0; margin: 0; list-style: none; background: none;}

.gform_fields {position: relative;}
.gform_wrapper .gfield { margin: 0 0 0px; float: left; width: 50%; height: 60px;}
.gform_wrapper .textarea-li {width: 100%; height: auto;}
.gfield_required {display: none;}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {}
.gform_wrapper input {}
.gform_wrapper select {width: 260px; padding: 4px;}
.gform_wrapper textarea{width: 570px; height: 100px; margin: 0 0 20px;}

.gfield_description {font-size: 10px; padding: 3px 0 0;}

.button {display: block; width: 136px; padding: 0px 0 2px; border: none; color: #fff; background: url(images/sprites.png) no-repeat -10px -35px; height: 45px; text-align: center; margin: 0; clear: both; cursor: pointer; text-transform: uppercase; text-shadow: 0 1px 0 #000;}
.button:hover {color: #ccc;}
.gform_edit_link {display: none;}

.gform_ajax_spinner {}
.gfield_error input,
.gfield_error textarea {border-color: #836032; }
.validation_error, 
.validation_message {display: none}

.gform_hidden {display: none;}






/*-------------------------------------------------------------------------------------------*/
/*
/*   Home 
/* 
/*-------------------------------------------------------------------------------------------*/
#sales_puff {float: left; margin: 0 10px 0 0;}
#sales_puff .ps_puff {width: 370px; height: 320px; background: #836032; text-align: left; color: #fff; font-weight: normal; font-size: 18px;}
#sales_puff .widget-content {padding: 30px 15px 15px;}
#sales_puff h4 {color: #fff;}
#sales_puff .puff-content li {background: url(images/checkbox.png) no-repeat 15px 4px; padding: 0 0 0 50px; line-height: 25px; text-transform: none; color: #fff; font-weight: normal; font-size: 18px;}
#sales_puff .puff-content a {display: block; text-indent: -999em; overflow: hidden; width: 341px; height: 82px; background: url(images/sprites.png) 0px -90px; border: none; margin: 30px 0 0; position: absolute; bottom: 20px; left: 15px;}
#sales_puff .puff-content a:hover {background-position: 0px -172px;}
#sales_puff .puff-content span { color: #2F200C; font-size: 20px; margin: 0 0 25px; text-transform: uppercase; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;}
#sales_puff .puff-content ul { margin: 12px 0 0; }
#sales_puff .puff-content h2, h2 a  { margin: 0;}

.kund {height: 320px; width: 560px; float: left; position: relative;}
.kund-text {position: absolute; bottom: 20px; background: rgba(255,255,255,.7) !important; background: url(images/white-46.png); color: #000; padding: 15px; width: 530px; font-size: 14px;}

.my-price {background: #ededed; border: 1px solid #e2e2e2; padding: 9px 9px 0; margin: 0 0 20px; border-width: 0px 1px; position: relative; color: #424242;}
.my-price-pre-text {float: left; width: 535px; padding: 0 10px 10px 0;}
.find-price {}
#my_price_form {}
.kvm {position: relative; border: 1px solid #969696; border-width: 1px 0 0 1px; float: left; margin: 0 10px 0 0; }
.kvm label {position: absolute; top: 0px; left: 10px; display: none; height: 57px; width: 150px; line-height: 57px; color: #c1c1c1; cursor: text; font-size: 15px;}
#kvm {height: 47px; padding: 4px 10px; line-height: 48px; border: 1px solid #dcdcdc; border-width: 1px 0 0 1px; font-size: 40px; color: #c1c1c1; text-shadow: 0 0 1px #c1c1c1; text-align: center; width: 140px; }
#calculate_price {padding: 0 0 2px; line-height: 57px; height: 57px; border: 0px solid #fff; background: url(images/sprites.png) no-repeat 0px -30px; width: 201px; color: #fff; text-transform: uppercase; font-size: 15px; cursor: pointer; text-shadow: 0 1px 0 #000;}
#calculate_price:hover {opacity: .9;}
#show_price {display: none; clear: both; border-top: 1px solid #ccc; padding: 0 0 10px; position: relative;}

#close {position: absolute; top: 0px; right: 5px; cursor: pointer; color: #bbb; font-size: 15px; font-weight: bold; text-shadow: 0 1px 0 #fff}

.b-top {position: absolute; width: 940px; height: 5px; top: 0; left: -1px; background: url(images/pris-border.png) no-repeat;}
.b-b {position: absolute; bottom: 0px; left: -1px; width: 3px; height: 3px; background: url(images/pris-border.png) -941px 0;}
.b-b-r {left: auto; right: -1px; background-position: -944px 0;}

.paket-titles {border-top: 1px solid #f3f3f3;}
.paket-title {height: auto; padding: 10px 20px 0; float: left; width: 203px; color: #797979; text-transform: uppercase; font-weight: bold; color: #797979; }
.paket-title-right {text-align: right;}
.paket-title-hur {margin: 0 0 0 40px; text-decoration: underline;}
.paket-title-hur:hover {text-decoration: none; }

.paket-wrapper {clear: both;}
.paket-wrapper h5 {margin: 0; text-transform: none;}
.paket-wrapper td {background: #ddd; height: 35px; vertical-align: middle;}
.paket-wrapper .paket-medium td {background: #e2e2e2;}

.paket-left {width: 265px; padding: 10px 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; }
.paket-middle {width: 160px; padding: 10px 80px 10px 0; text-align: right; font-size: 25px; color: #303030;}
.paket-right {width: 375px; padding: 10px 0px 10px 0;}

.paket-icon {width: 34px; height: 35px; float: left; margin: 0 10px 0 0; background: url(images/sprites.png) -202px 0px;}
.paket-medium .paket-icon {background-position: -236px 0px;}
.paket-large .paket-icon {background-position: -270px 0px;}




.home #content_widget {overflow: hidden; border-bottom: 4px solid #836032; padding: 0 0 25px; margin: 0 0 20px;}
#content_widget .ps_puff {float: left; text-align: center; width: 300px; margin: 0 20px 0 0; background: url(images/house.png) no-repeat center 10px;}
#content_widget .puff-nr-3 {margin: 0;}
#content_widget .widget-content {padding: 50px 0 0; }






/*-------------------------------------------------------------------------------------------*/
/*
/*   Kunder
/* 
/*-------------------------------------------------------------------------------------------*/
.kunden {overflow: hidden; margin: 0 0 20px;}
.kunden .wp-post-image {float: left; margin: 0 20px 0 0; width: 220px; height: 150px;}
.no-img {background: #eee; line-height: 220px; text-align: center; float: left; margin: 0 20px 0 0; width: 218px; height: 148px; border: 1px solid #ddd; color: #fff;}






.tjanst-boxar {float: right; width: 730px;}
.tjanst-box {float: left; width: 220px; margin: 0 30px 20px 0; background: #f2efea; padding: 20px 0; text-align: center; border: none; display: block; height: 170px;}
.tjanst-box:hover,
.tjanst-box:hover h3 {background: #f8f7f3; color: #836032}
.tjanst-box-s,
.tjanst-box-s h3 {color: #b5a084}
.tjanst-box-m,
.tjanst-box-m h3  {color:#9c805b}
.tjanst-box-l,
.tjanst-box-l h3 { color: #836032}
.tjanst-box-l {margin: 0;}
.tjanst-box h3 {font-weight: normal; text-shadow: 0 1px 0 #fff;}
.big-letter {font-size: 100px; line-height: 1; text-shadow: 0 1px 0 #fff;}
.p-black {color: #000; font-size: 18px;}








#speed {position: absolute; bottom: 160px; left: 70px; height: 20px;}
#speed #showSpeed {padding: 0;}
#speed a {display: block; padding: 0px 0px; color: #b5a084; border-bottom: 1px dotted #b5a084;}
#speed a:hover { color: #836032; border-color: #836032;}
#speedNav {background: #fff; display: none;}

#speed:hover #speedNav {display: block;}



/* main wrapper */
.jp-video {
	position: relative;
}
.jp-video a { text-decoration: none; border: none;}
/* Size */
.jp-play,
.jp-pause,
.jp-jplayer { width: 650px; height: 320px; }
/* the player */
.jp-jplayer {
	background: #FFFFFF;
}
/* play button not used */
.jp-video-play {position: absolute; top: 0; left: 0; width: 650px; height: 320px; background: rgba(0,233,123, .32); }

/* Controls */
.jp-interface {	position: absolute; top: 0; left: 0; z-index: 1; }
.jp-play,
.jp-pause {position: absolute; z-index: 10; width: 650px; height: 320px; top: 0; left: 0; display: block; text-indent: -99999px;  background: url(images/video-play.png) no-repeat center center; }
.jp-pause { background: url(images/video-pause.png) no-repeat center center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0.0;      /* khtml, old safari */
	-moz-opacity: 0.0;       /* mozilla, netscape */
	opacity: 0.0;           /* fx, safari, opera */
}
.jp-pause:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1.0;      /* khtml, old safari */
	-moz-opacity: 1.0;       /* mozilla, netscape */
	opacity: 1.0;           /* fx, safari, opera */
}


.jp-stop,
.jp-mute,
.jp-unmute,
.jp-volume-bar,
.jp-current-time,
.jp-duration {display: none; visibility: hidden; display: block; position: absolute; z-index: -100; left: -99999px; top: -99999px}






#fonsterputs {padding: 20px 0 0;}
#fonsterputs h4 {color: #fff;}
#fonsterputs li {background: url(images/checkbox.png) no-repeat 15px 4px; padding: 0 0 0 50px; line-height: 25px; text-transform: none; color: #fff; font-weight: normal; font-size: 18px;}
#fonsterputs a {display: block; text-indent: -999em; overflow: hidden; width: 261px; height: 76px; background: url(images/sprites.png) 0px -610px; border: none; margin: 30px 0 0; position: absolute; bottom: 20px; left: 10px;}
#fonsterputs a:hover {background-position: 0px -690px;}
#fonsterputs span { color: #2F200C; font-size: 20px; margin: 0 0 25px; text-transform: uppercase; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;}
#fonsterputs ul { margin: 12px 0 0; }
#fonsterputs h2, 
#fonsterputs h2 a  { margin: 0;}







/*-------------------------------------------------------------------------------------------*/
/*
/*   Kampanj
/* 
/*-------------------------------------------------------------------------------------------*/
#main.kampanj-box {width: 100%; padding: 0;}

.kampanj-form {float: right; width: 430px; padding: 0 0 0 20px; margin: 0 0 20px 40px; background: #e7e7e7 url(images/pris-border.png) no-repeat; position: relative; z-index: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	height: 375px;
} /* hide tmp edit button */
.kampanj-form .gform_heading {background: url(images/pris-border.png) no-repeat -510px 0; padding: 10px 0 0;}
.kampanj-form .gform_heading h3 {color: #333;}
.kampanj-form .ps-wide {width: 100%; float: none; clear: both;}

.kampanj-form .gfield {position: relative; height: 50px;}
.kampanj-form label {position: absolute; top: 8px; left: 8px; color: #c5c5c5; display: none;}

.kampanj-form .ginput_container {border-top: 1px solid #969696; float: left;}
.kampanj-form .ps-wide input {width: 395px;}
.kampanj-form input {width: 180px; border: 1px solid #dcdcdc; padding: 7px 5px;}

.kampanj-form .gfield_error input,
.kampanj-form .gfield_error textarea {border-color: #836032; }

.kampanj-form textarea { width: 395px;}

.kampanj-form .button {margin: auto 20px; text-indent: -99999px; overflow: hidden; background: url(images/boka-kostnadsfritt-hembesok.png); border: 0px solid #ccc; width: 201px; height: 50px; position: absolute; bottom: 13px; left: 95px;}
.kampanj-form .button:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}


.kampanj-widget-area {border-top: 4px solid #836032; padding: 15px 0; overflow: hidden;}

.kampanj-form .show-label {display: block;}

.paket2 {margin: 0 0 20px; overflow: hidden; width: 730px; padding: 10px 0 0;}
.paket2-box {background: url(images/prispuffar.jpg) -5px -5px; float: left; width: 210px; height: 199px; text-decoration: none; border: 1px solid #836032; margin: 0 30px 0 0; text-indent: -9999px; overflow: hidden; }
.paket2-box:hover {border: 1px solid #836032; background-position: -5px -215px;}
.paket2-m:hover { background-position: -225px -215px}
.paket2-l:hover {margin: 0; background-position: -445px -215px}

.paket2-m { background-position: -225px -5px}
.paket2-l {margin: 0; background-position: -445px -5px}







#video_title {position: absolute; bottom: 0px; left: 0px; right: 0; color: #000; font-weight: bold; z-index: 10; }








#the_video {width: 650px; height: 320px; position: relative;}
.mejs-overlay {left: 0;position: absolute;top: 0;}
.mejs-poster {position: absolute; top: 0; left: 0;}

.mejs-controls {}
#play {cursor: pointer;}
.play-pause {
    display: block;
    height: 320px;
    left: 0;
    position: absolute;
    text-indent: -99999px;
    top: 0;
    width: 650px;
    z-index: 10;
	background: url(images/play-pause.png) no-repeat center top;
	text-decoration: none; border: none;
}


.playing { background-position: -999999em 0em; /*left: -999999em;*/}
.playing:hover {
	background-position: center bottom;
}

.mejs-controls {position: absolute; bottom: 0; left: 0; width: 100%;}
#the_video.mejs-controls,
#the_video .mejs-time-total {display: block !important; visibility: visible !important;}
.mejs-time-total {position: relative; display: block; top: 0px; z-index: 103; display: none;}
.mejs-time-loaded { display: block; height: 3px; background: #c5b49a; }
.mejs-time-current { display: block; height: 3px; background: #836032; position: absolute; top: 0px; }
.mejs-time-handle { display: block; height: 7px; background: #332019; width: 7px; position: absolute; top: -2px; cursor: pointer; 
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
.mejs-time-float,
.mejs-time { display: none;}




.bt-wrapper .hidden {display: block; font-size: 13px;}
.ps-popup { padding: 10px; background: #fff; border: 4px solid #ccc; width: 400px;}
.ps-popup h5 {font-size: 20px; margin: 0 0 10px;}
.ps-popup ul,
.ps-popup li {list-style: outside disc;}
.ps-popup ul { margin-bottom: 10px;}
.ps-popup li { margin: 0 0 0 20px;  }