@import url("css/reset.css");
/*@import url("css/gravityforms.css");*/
/*
Theme Name: Hafo
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Hafo
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu
*/
.gform_validation_container {display: none;}


/*---------------------------------------[   General   ]*/

body {color: #aea79f; font: 12px/1.3 "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: #1e1e1e;}

a {color: #28a8e4;}
a:hover {color: #fff; text-decoration: none;}

blockquote {padding: 20px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px; font-style: italic; font-size: 18px;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-bottom: 10px; color: #fff;}
h1 {font-size: 30px; font-weight: normal; text-transform: uppercase; }
h2 {font-size: 20px;}
h3 {font-size: 20px; font-weight: normal;}
h4 {text-transform: uppercase; margin: 0; font-size: 14px; height: 18px;}
h5 {}

img {border: none; vertical-align: top;}

p {padding: 0 0 10px;}

table img {vertical-align: top;}



#mainWrapper { width: 940px; margin: 0 auto; }



img.down-a-little {margin-top: 9px;}


/*---------------------------------------[   Header   ]*/
#header_box {height: 86px; }
#header {position: absolute; width: 100%; top: 0; left: 0; height: 99px; background: url(images/top.png); z-index: 1}
.wrapper {width: 940px; margin: 0 auto; position: relative;}
#header .wrapper {height: 86px; overflow: hidden;}

#logo a{}
#logo a:hover {}
#header h1 {margin: 0px;}




/*---------------------------------------[   mainNav   ]*/

#mainNavWrapper {position: absolute; right: 0px; bottom: 0px;}
.mainNav li {display: inline; position: relative;}
.mainNav li a {
    display: block;
    float: left;
    padding: 0px;
    margin: 0 0 0 30px;
    height: 45px;
    color: #000;
    border-bottom: 4px solid #ff5800;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 0 1px 0 #ff7831;
    font-size: 14px;
    text-decoration: none;
}
.mainNav span {display: block; font-size: 10px; text-transform: none; color: #973704 /*#a43c05*/; padding: 2px 0 0; font-weight: normal;}

.mainNav li a:hover,
.mainNav li.current_page_item a,
.mainNav li.current_page_parent a,
.mainNav li.current-page-ancestor a {
    border-color: #a43c05;
    color: #000;
}

/*   lvl 2   */
.mainNav ul {display: none;}





/*
*******************************************/
#salesArea {margin: 0 0 30px; position: relative; }
#tagline {position: absolute; top: 100px; right: 0px; }
#tagline .tagline {background: url(images/trans.png); color: #000; text-transform: uppercase; font-size: 28px; padding: 3px 10px 5px; display: block; float: right; clear: both; margin: 0 0 10px;}



/*---------------------------------------[   subNavWidget   ]*/
#sidebarLeft {width: 160px; float: left; padding: 0 20px 0 0; min-height: 20px;}
.sub-menu {border-left: 1px solid #ff5800; padding: 10px 0;}
.sub-menu a {display: block; padding: 5px 0 5px 15px; text-transform: uppercase; color: #fff; text-decoration: none; }
.sub-menu a:hover {color: #ff5800;}
.sub-menu .current_page_item a {background: url(images/dot.gif) no-repeat left center;}






/*---------------------------------------[   Content   ]*/
#content { padding: 0 0px 30px; float: left;}
.content-general {width: 520px;}
.content-wide {width: 700px;}
	body .post, body .page {padding: 0 0 20px 0;}

	.post-title {margin: 0 0 10px}
	.post-title h2 {margin: 0px;}
	.postmetadata {font-size: 11px; color: #777;}

    .entry {}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol {list-style: disc outside; margin: 0 0 10px 20px}
    .entry ol li {list-style: decimal outside;}





/*---------------------------------------[   Sidebar   ]*/
#sidebarRight {width: 220px; float: left; padding: 0 0 30px 20px;}





/*---------------------------------------[   Footer   ]*/
#footer {clear: both; padding: 0px 0 40px; background: url(images/footer.png) repeat-x; position: relative; overflow: hidden;}
.dinwebb {margin: 0;}
.dinwebb a {position: absolute; top: 22px; display: block; text-indent: -99999px; overflow: hidden; background: url(images/dinwebb.png); width: 70px; height: 11px;}
#copyText {text-align: right; line-height: 56px; font-size: 10px;}

#car_brands {padding: 18px 0 50px; text-align: center; line-height: 1.7; color: #4a4a4a; font-size: 10px;}



/*---------------------------------------[   Ovrigt   ]*/
.redigera {background: url(images/edit.png) no-repeat left center; padding: 0 0 0 20px; height: 20px; line-height: 20px;}
.edit-puff-link {background: url(images/edit.png) no-repeat left center; height: 16px; width: 16px; position: absolute; top: 0px; right: 0px; display: block; text-indent: -99999px;}
.hidden {display: none;}
.sep {padding: 0 6px;}




/*---------------------------------------[   Puff   ]*/
.ps_puff {background: #000 url(images/pattern.png) repeat left top; padding: 10px 10px 10px;}
.widget-title {font-size: 13px; text-transform: uppercase;}
.widget-content {}

.widget {margin: 0 0 20px;}

.ps_puff p {margin: 0; padding: 0;}
.ps_puff .knapp {
    display: block;
    position: relative;
    width: 100%;
    background: url(images/knapp2.png) no-repeat right top;
    line-height: 33px;
    height: 33px;
    text-decoration: none;
    padding: 0 10px;
    margin: 10px 0 -10px -10px;
    color: #333; text-transform: uppercase; text-indent: -9999px;
}
.knapp:hover {background: url(images/knapp3.png) no-repeat right top;}







/* FORM
******************************/
#tyck_till {position: fixed; top: 50%; left:-10px; width: 39px; height: 191px; background: url(images/tyck-till.png) no-repeat; margin: -96px 0 0 0; cursor: pointer;}
#tyck_till_form {}





/* HOME
****************************/
.page-template-homepage-php #tagline {right: auto; left: 0px;}
.page-template-homepage-php #tagline .tagline {float: left;}
.content-homepage {width: 560px;}
.content-homepage .entry {padding: 0 20px 0 10px;}
.page-template-homepage-php #sidebarRight {width: 360px;}

#home_form {position: absolute; top: 20px; right: 20px; width: 340px; background: url(images/start-form.png) no-repeat; height: 410px}
#home_form .intrasse {background: none; padding: 0px 40px 0 20px; float: none; clear: both; width: auto;}
#home_form h3 {text-transform: uppercase; font-size: 18px; padding: 15px 0 0 20px; margin: 0; height: 31px;}
#home_form .intrasse input, #home_form .intrasse select, #home_form .intrasse textarea { width: 270px;}
#home_form select {background: #515151; padding: 4px 0; margin: 0px; width: 200px}
#home_form option {background: #515151;}
#home_form input {border: 0px solid #f33;}
#home_form .gform_footer input {width: 119px; margin: 0 5px 26px;}

#home_form .gfield_error input {background: url(images/error.png) no-repeat 255px 8px;}




/* Kontakt
*****************************/
.sl-input {padding: 0 0 0px; overflow: hidden;}
.sl-input label {display: block;}
#sl-input {background: url(images/sl.png) no-repeat; width: 190px; display: block; clear: both; border: 0px solid #333; padding: 7px 5px; color: #fff; margin: 0 0 10px;}
.res-submit {background: none; border: 0px solid #000; color: #28a8e4; padding: 0px; margin: 0; cursor: pointer; display: block; text-decoration: underline; float: left;}
.res-submit:hover {text-decoration: none;}
.senare {float: right;}






/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background: url(images/light-trans.png); padding:5px; -moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px;	border-radius: 20px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:8px; right: 10px; display:block; background:url(images/close.png) top center no-repeat; width:41px; height:42px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}









/* Sidebar form
******************************/
input, select, option, textarea {color: #fff; font: 12px/1.1 "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.gform_wrapper {}
.gform_wrapper ul,
.gform_wrapper ul li,
.gform_wrapper ol li {list-style: none; padding: 0; margin: 0;}
.skriv-till-oss {overflow: hidden}
.skriv-till-oss .gform_heading { border-bottom: 1px solid #393536; padding: 0; margin: 0 0 30px;}
.skriv-till-oss .gform_title {text-transform: uppercase; font-size: 20px; padding: 0; margin: 0;}
.skriv-till-oss .gfield { margin: 0 20px 10px 0; background: none; position: relative; float: left; width: 340px; padding: 0;}
.skriv-till-oss .t-odd {margin: 0 0 10px;}
.skriv-till-oss .ginput_container {}
.skriv-till-oss input {background: url(images/input2.png) no-repeat; border: 0px solid #000; width: 330px; padding: 5px; height: 20px }
.skriv-till-oss .meddelande {width: 100%; clear: both; float: none;}
.skriv-till-oss textarea {background: url(images/form.png) no-repeat; border: none; width: 690px; padding: 5px; height: 78px; overflow: auto;}
.skriv-till-oss .gfield_required {display: none;}

.skriv-till-oss label {margin: 0 0 2px; display: block;}
.skriv-till-oss select {width: 340px; background: url(images/input2.png) no-repeat; border: 0px solid #000; padding: 5px; margin: 0; height: 30px;}
.skriv-till-oss option {background: #4b4b4b;}
.drop-down { position: relative; z-index: 10;}
.drop-down .ginput_container {background: url(images/input2.png) no-repeat; height: 30px;}

.skriv-till-oss .gfield_error input {background: url(images/input2.png) 0px -30px;}




/* Sidebar form
******************************/
#puff-147 {padding: 0; border-bottom: 3px solid #3b3b3b}
#puff-147 .widget-title {display: none;}
.gform_wrapper {}
.intrasse {background: url(images/sidebar-forms.png); padding: 10px 12px 0; float: left; width: 196px;}
.intrasse .gform_heading {height: 28px; background: none; padding: 8px 0 0; overflow: hidden;}
.intrasse .gform_title {text-transform: uppercase; font-size: 18px; padding: 0 0 0 7px; margin: 0;}
.intrasse .gfield {height: 30px; padding: 0 0 10px; background: none; overflow: hidden; position: relative; width: 100%; clear: both; float: left;}
.intrasse .g-textarea {height: 90px;}

.intrasse input, .intrasse select, .intrasse option, .intrasse textarea {background: none;color: #fff; font: 12px/1.1 "Lucida Grande", "Lucida Sans Unicode", sans-serif; width: 180px;}
.intrasse label {display: none;}
.intrasse select {width: 188px; margin: 5px; background: #4b4b4b; border: 0px solid #000; padding: 0px;}
.intrasse option {padding: 0px; background: #4b4b4b; border: 0px solid #000; width: auto;}
.intrasse input {border: 0px solid #aaa; padding: 7px 8px 0px;}
.intrasse textarea {border: 0px solid #aaa; padding: 6px 8px; height: 75px; overflow: auto;}

.intrasse .gform_footer {}
.gform_footer input, .gform_footer button {float: right; width: 119px; display: block; overflow: hidden; text-indent: -99999px; background: url(images/submit.png); cursor: pointer; height: 30px; padding: 0; margin: 0 0 10px; border: 0px solid #333}
.gform_footer input:hover, .gform_footer button:hover {background-position: 0px -30px;;}

.gform_edit_link {display: none;}

.validation_error, .validation_message {display: none;}
.gfield_error input {background: url(images/error.png) no-repeat 175px 8px;}

.intrasse .show-label {display: block; position: absolute; color: #fff; top: 8px; left: 9px;}

.drop-class {position: relative; z-index: 10;}




/* -------------
 * Selects
 * ------------- */
 
.jqTransformSelectWrapper {
	width: 1145px;
	position:relative;
	height: 31px;
	float:left;
    color: #fff;
}

.jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: -5px;
	width: 31px;
	height: 31px;
	background: url(images/select-arr.png) no-repeat center center;;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 2px;
	list-style: none;
	background-color: #222;
	border: solid 1px #000;
    border-top: 0px solid #000;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	line-height: 15px;
	height: 15px;
	text-decoration: none;
	color:#fff;
	background: none;
	font-size: 12px;
    border-top: 1px solid #111;
}

.jqTransformSelectWrapper ul a.selected {
	background: #000;
	color: #fff;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#666;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}
.gform_wrapper .drop-class {overflow: visible}












#tyck_till_form {width: 840px; padding: 40px; background: url(images/bg-tyck-till.png);-moz-border-radius: 20px; -khtml-border-radius: 20px; -webkit-border-radius: 20px;	border-radius: 20px;}
#tyck_till_form .gform_wrapper {}
#tyck_till_form .gform_title {font-size: 30px; margin: 0; text-transform: uppercase;}
#tyck_till_form .gform_heading {margin: 0 0 40px;}
#tyck_till_form .gfield {padding: 0 0 20px; border-bottom: 1px solid #202020; margin: 0 0 25px; height: 40px; }
#tyck_till_form .gfield_label {width: 570px; display: block; color: #fff; text-transform: uppercase; font-size: 14px; padding: 0 35px; float: left;}
#tyck_till_form .gfield_radio li {display: block; position: relative; margin: 0px 0 0; float: left;}
#tyck_till_form .gfield_radio label {position: absolute; display: block; top: -12px; left: 8px; display: none; color: #fff;}
#tyck_till_form .ginput_container {float: left;}
#tyck_till_form .gform_footer {overflow: hidden;}

#field_3_1 {background: url(images/numbers.png) no-repeat}
#field_3_2 {background: url(images/numbers.png) no-repeat 0px -91px;}
#field_3_3 {background: url(images/numbers.png) no-repeat 0px -183px;}

#tyck_till_form #field_3_4 {padding: 0; height: auto; border: none;}
#tyck_till_form #field_3_4 label {float: none; padding: 0 0 5px;}
#tyck_till_form #field_3_4 .ginput_container {float: none;}
#tyck_till_form textarea {background: #202020; border: 0px solid #000; height: 130px; width: 830px; padding: 5px; color: #fff;
        font: 12px/1.1 "Lucida Grande", "Lucida Sans Unicode", sans-serif; border-bottom: 1px solid #272727; border-top: 1px solid #202020}

#tyck_till_form .gchoice_1_0 label,
#tyck_till_form .gchoice_1_5 label,
#tyck_till_form .gchoice_2_0 label,
#tyck_till_form .gchoice_2_5 label,
#tyck_till_form .gchoice_3_0 label,
#tyck_till_form .gchoice_3_5 label {display: block;}




.kontakt-tabell1 p {padding: 0 0 20px;}
.kontakt-tabell1 {margin: 20px 0 0;}
.kontakt-tabell1 td,
.kontakt-tabell1 tr {vertical-align: top;}

.kontakt-adress {width: 200px;}
.kontakt-oppet {width: 130px;}
.kontakt-tid {padding: 18px 30px 0 0;}
.kontakt-karta {width: 220px;}