/*  
Theme Name: GETE Motordelar
Theme URI: http://www.dinwebb.nu/
Version: 2.0
Description: Design & Programmering av <a href="http://www.dinwebb.nu">Dinwebb.nu</a>.
Author: Spathon @ Dinwebb.nu
Author URI: http://www.dinwebb.nu
*/


/*-------------------------------------------------------------------------------------------*/
/*
/*   RESET
/*
/*-------------------------------------------------------------------------------------------*/
@import "css/reset.css";



@font-face {
    font-family: 'FuturaLTBold';
    src: url('font/futuralt-bold-webfont.eot');
    src: url('font/futuralt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futuralt-bold-webfont.woff') format('woff'),
         url('font/futuralt-bold-webfont.ttf') format('truetype'),
         url('font/futuralt-bold-webfont.svg#FuturaLTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
html {background: #e3e3e3 /*#d0d0d0 url(images/bg.png) repeat-y center top; 
	background-image: -moz-linear-gradient(0deg, #d0d0d0, #eee 40%, #eee 60%, #d0d0d0);
	background-image: -webkit-gradient(linear, left top, right top, from(#d0d0d0), to(#d0d0d0), color-stop(40% #eee), color-stop(60% #eee)); 
	background-image: -webkit-linear-gradient(0deg, #d0d0d0, #eee 40%, #eee 60%, #d0d0d0);
	background-image:     -ms-linear-gradient(0deg, #d0d0d0, #eee 40%, #eee 60%, #d0d0d0);
	background-image:      -o-linear-gradient(0deg, #d0d0d0, #eee 40%, #eee 60%, #d0d0d0);
	background-image:         linear-gradient(0deg, #d0d0d0, #eee 40%, #eee 60%, #d0d0d0);*/
}
body  { color: #444; font: 13px/1.3 "Lucida Grande", "Lucida Sans Unicode", sans-serif;}

/*   Links   */
a { color: #65809a;}
a:hover {text-decoration: none; }
a:hover, a:active { outline: none; }

/*   Headers   */
h1, h2, h3, h4, h5, h6  {margin: 0 0 10px; line-height: 1.1; color: #212121; }
h1 {font-size: 23px; text-transform: uppercase;} 
h2 {font-size: 23px;} 
h3 {font-size: 20px; margin: 0;} 
h4 {font-size: 20px; text-transform: uppercase;} 
h5 {font-size: 14px;} 
h6 {font-size: 14px; border-bottom: 1px solid #ccc; margin: 0 0 5px;}

img {vertical-align: top;}
.entry img,
.page-image img,
#sales_area img {border: 5px solid #fff;}

p  {margin: 0 0 20px;}


/*   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: 428px; }
input, textarea { padding: 7px 5px; }
textarea {overflow: auto; height: 120px;}


/*   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 { text-decoration: none; color: #8e8e8e; background: url(images/sprite.png); display: block; width: 175px; padding: 14px 44px 6px 10px; height: 39px; text-shadow: none; text-transform: none; position: absolute; bottom: 40px; left: 20px;}
.knapp strong {color: #fff; text-transform: uppercase; display: block;}
.knapp:hover {color: #fff; background-position: 0px -59px;}

.button,
.knapp-2,
.knapp-lightbox {display: block; text-decoration: none; color: #fff; background: #000 url(images/knapp-2.png) repeat-x; padding: 9px 5px; text-shadow: none; text-transform: uppercase; float: left;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-o-border-radius: 11px;
	-khtml-border-radius: 11px;
	border-radius: 11px;
}
.button:hover,
.knapp-2:hover,
.knapp-lightbox:hover {  	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}


/*-------------------------------------------------------------------------------------------*/
/*
/*   Header 
/*
/*-------------------------------------------------------------------------------------------*/
.wrapper {width: 960px; margin: 0 auto;}


#header {height: 108px; }

/*   Logo   */
#logo {margin: 0; padding: 20px 0 0; float: left;}
#logo a {width: 111px; height: 77px; background: url(images/gete-logo.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}


/* NAV
************************************/
#mainNav  { }
.main-nav {float: right; border-left: 1px solid #fff;}
.main-nav li {float: left;}
.main-nav a { display:block; line-height: 1; text-align: center; padding: 48px 0px 0; height: 60px; color: #6e6e6e; margin: 0; font-family: "FuturaLTBold", Impact,Charcoal,sans-serif; font-size: 14px; width: 100px; text-transform: uppercase; text-decoration: none;
	border-left: 1px solid #d4d4d4; border-right: 1px solid #fff; 
	text-shadow: 0 1px 0 #fff; 
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
body .main-nav .dark-nav-item a {background: #000; color: #fff; text-shadow: none;
	background-image: url(images/dark-menu.png);
	background-image: -moz-linear-gradient(0deg, #000 0%, #222 15%, #444 45%, #444 55%, #222 85%, #000 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000), color-stop(50% #444)); 
	background-image: -webkit-linear-gradient(left, #000 0%, #222 15%, #444 45%, #444 55%, #222 85%, #000 100%);
	background-image:     -ms-linear-gradient(left, #000 0%, #222 15%, #444 45%, #444 55%, #222 85%, #000 100%);
	background-image:      -o-linear-gradient(left, #000 0%, #222 15%, #444 45%, #444 55%, #222 85%, #000 100%);
	background-image:         linear-gradient(left, #000 0%, #222 15%, #444 45%, #444 55%, #222 85%, #000 100%);
}
.main-nav .dark-nav-item a:hover {color: #a2a2a2; opacity: .9}
.main-nav a:hover, 
.main-nav .current-page-ancestor a,
.main-nav .current_page_item a  { color: #a2a2a2; text-decoration: none; background: #ddd /*-moz-radial-gradient(0deg, farthest-corner, #fff, #eee)*/; 
}

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




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sales area
/*
/*-------------------------------------------------------------------------------------------*/
#sales_area {margin: 0 0 35px; padding: 15px 0; }
.sales-area { overflow: hidden; position: relative; width: 100%; color: #fff; text-shadow: 0 -1px 0 #465e76;
	background-image: url(images/sales-bg.gif);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#617b94), to(transparent), color-stop(5%, #617b94), color-stop(5%, transparent)), 
	-webkit-gradient(linear, left top, right top, from(#617b94), to(#65809a), color-stop(5%, #617b94), color-stop(5%, #65809a)); 
	background-image: -webkit-linear-gradient(left, #617b94 0px, #617b94 1px, transparent 1px, transparent 9px, transparent), -webkit-linear-gradient(top, #617b94 0px, #617b94 1px, #65809a 1px, #65809a 9px, #65809a);
	background-image:    -moz-linear-gradient(left, #617b94 0px, #617b94 1px, transparent 1px, transparent 9px, transparent), -moz-linear-gradient(top, #617b94 0px, #617b94 1px, #65809a 1px, #65809a 9px, #65809a);
	background-image:     -ms-linear-gradient(left, #617b94 0px, #617b94 1px, transparent 1px, transparent 9px, transparent), -ms-linear-gradient(top, #617b94 0px, #617b94 1px, #65809a 1px, #65809a 9px, #65809a);
	background-image:      -o-linear-gradient(left, #617b94 0px, #617b94 1px, transparent 1px, transparent 9px, transparent), -o-linear-gradient(top, #617b94 0px, #617b94 1px, #65809a 1px, #65809a 9px, #65809a);
	background-image:         linear-gradient(left, #617b94 0px, #617b94 1px, transparent 1px, transparent 9px, transparent), linear-gradient(top, #617b94 0px, #617b94 1px, #65809a 1px, #65809a 9px, #65809a);
	background-size: 10px 10px;
}
/*.sales-area:after {content: ' '; position: absolute; top: -10px; right: 0; left: 0; height: 10px; -moz-box-shadow: 0 0 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); box-shadow: 0 0 20px rgba(0,0,0,.5);}
.sales-area:before {content: ' '; position: absolute; bottom: -10px; right: 0; left: 0; height: 10px; -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); box-shadow: 0 0 20px rgba(0,0,0,.5);}*/
/* Div insted of after because of z-index */
.shadow {z-index: 15; position: absolute; right: 0; left: 0; height: 10px; -moz-box-shadow: 0 0 20px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.7); box-shadow: 0 0 20px rgba(0,0,0,.7);}
.shadow-top { bottom: -10px; }
.shadow-bottom { top: -10px; }
.sales-area h1,
.sales-area h2,
.sales-area h3,
.sales-area h4,
.sales-area p {color: #fff; margin: 0 0 30px;}


/*  Slideshow on startpage
*****************************************/
#home_slides {height: 360px; width: 960px;}
.home-slide {text-transform: uppercase; height: 360px; overflow: hidden; position: relative;width: 960px;}
.home-slide-text {width: 380px; padding: 50px 20px; float: left;}
.home-slide-img {padding: 15px 20px 15px 20px; float: right;}
.home-slide-img img {border: 5px solid #fff;}

/* Slideshow nav */
.slide-nav-borders {float: left; border-left: 1px solid #fff; border-right: 1px solid #bababa}
.home-slide-nav {background: #d0d0d0; border-top: 1px solid #dfdfdf; margin: 0 0 30px;}
.home-slide-nav a {display: block; float: left; width: 148px; height: 50px; line-height: 50px; text-align: center; border-left: 1px solid #bababa; border-right: 1px solid #e3e3e3; text-shadow: 0 1px 0 #e3e3e3; text-decoration: none;}
.home-slide-nav a {color: #373737; text-transform: uppercase;}
.home-slide-nav span {display: none;}
/*   current   */
.home-slide-nav .activeSlide {color: #fff; background: url(images/slide-button-2.gif); position: relative;
	background-image: -moz-linear-gradient(135deg, #a8a8a8 41%, #989797 41%, #989797 58%, #a8a8a8 58%, #a8a8a8 100%);
	background-size: 3px 3px;
} 
.activeSlide span {display: block; position: absolute; width: 41px; height: 21px; background: url(images/sprite.png) no-repeat 0px -118px; top: -21px; left: 11px; z-index: 20;}



/*  Sales puff
*****************************************/
.sales-area .ps_puff {position: relative; margin: 0;}
.no-puff-img {padding: 10px 0;}
.ps_puff p,
.ps_puff h4 {margin: 0;}
.sales-area .has-puff-img {padding: 0 30px; text-shadow: none; position: relative; z-index: 1;}
.has-puff-img:after {
	content: "\0020";
	position: absolute;
	bottom: 0; left: 43px; z-index: -1;
	background: #000;
	height: 10px;
	width: 91%;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}
.has-puff-img p {color: #444;}
.has-puff-img h4 {color: #000;}
.has-puff-img .puff-content{position: absolute;  top: 5px; left: 35px; background: url(images/white-60.png); background: rgba(255,255,255,.6); width: 260px; height: 180px; padding: 30px 15px 0; display: none;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar left
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_left {width: 200px; margin: 0 40px 0 30px; float: left;}

.ps-sub-menu {}
#subNav {border-bottom: 1px solid #ececec;}
#subNav a {display:block; padding: 5px 10px; color: #6e6e6e; font-family: "FuturaLTBold", Impact,Charcoal,sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 #fff;
	border-top: 1px solid #ececec; border-bottom: 1px solid #c2c2c2;
}
#subNav li:first-of-type a {border-top: none;}
#subNav .current_page_item a,
#subNav a:hover {color: #000; }


/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.content {margin: 0 0 40px;}

#main {float: left;}
#main.box { width: 930px; padding: 0 30px 0 0; }
#main.box-right {width: 660px; padding: 0 30px 0 0;}

/* normal page */
.page-image {width: 440px; float: left; min-height: 200px; padding: 0 25px 12px 25px; margin: 0; background: url(images/img-bg.png) no-repeat center bottom}
.page-content {width: 440px; float: left;}



/*   post   */
.hentry {position: relative;}
.post  {}
.post-title a {text-decoration: none;}
.post-title a:hover {color: #000}
.post-meta{}
.type-post {border-bottom: 1px solid #c2c2c2; margin: 0 0 30px;}
.post-navigation span {text-decoration: underline;}
.post-navigation span:hover {text-decoration: none;}
.post-navigation .post-nav-new { float: left; }
.post-navigation .post-nav-old {float: right;}

/*   entry   */
.entry {}
.entry ul, 
.entry ol { margin-left: 1.8em; }
.entry ol { list-style-type: decimal; }
.entry ul { list-style-type: disc; }




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







/*-------------------------------------------------------------------------------------------*/
/*
/*   Footer  PUFFAR
/*
/*-------------------------------------------------------------------------------------------*/

.f-puffar {margin: 0 0 50px; 
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.2);
	box-shadow: 0 3px 4px rgba(0,0,0,.2);
}
.f-puff { float: left; position: relative; height: 170px;}
/*.f-puff .knapp-2 {float: none; position: absolute; bottom: 20px; margin: 0; left: 200px;}*/
.f-puff-left {background: #fff; width: 340px; padding: 15px 30px 0px 200px;}
.f-puff-left img {position: absolute; top: -20px; right: 390px; }

.f-puff-right {width: 270px; padding: 15px 20px 0px 100px; background: url(images/f-puff-right.png); color: #fff;}
.f-puff-right h6,
.f-puff-right h3,
.f-puff-right h4,
.f-puff-right h5 {color: #fff}
.f-puff-right img {position: absolute; top: 10px; right: 300px; }

.f-puff-right .knapp-lightbox:first-child { margin: 0 10px 0 0;}



/*-------------------------------------------------------------------------------------------*/
/*
/*   Footer
/*
/*-------------------------------------------------------------------------------------------*/

/* 2.7 Footer */
#footer  { color: #919191; font-size: 11px; padding: 0 0 50px;}
#footer a {}

#copy_text {border: 1px solid #cecece; border-width: 1px 0; padding: 12px 10px; text-align: right; margin: 0 0 10px;}
.dinwebb {float: left;}

.footer-extra {text-align: center; padding: 0 50px;}




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

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







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


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

.gform_fields {position: relative;}
.gform_wrapper .gfield { margin: 0 0 10px;}
.gfield_required {display: none;}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {}
.gform_wrapper input {}
.gform_wrapper select {}
.gform_wrapper textarea{}

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

.button { width: 97px; height: 32px; line-height: 32px; border: 0px solid #fff; cursor: pointer; padding: 0 0 2px; }
.button:hover {}
.gform_edit_link {display: none;}

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




/************************************************/
/*
/*   Logos Home
/*
/************************************************/
.logos {overflow: hidden; padding: 0px 0; margin: 0 0px 15px; height: 70px; position: relative;}
.logos table {width: 100%; text-align: center;}
/*
.logos td {vertical-align: middle; width: 160px;}

#logo_wrap {width: 10000px;}

.logo-slide {height: 70px; width: 960px; float: left;}
*/
#logo_wrap {width: 960px; overflow: hidden; position: relative;}
.logo-slide {height: 70px; width: 960px; float: left; position: relative;}

.logo {width: 160px; height: 70px; display: table-cell; text-align: center; vertical-align: middle;}

.logo * { vertical-align: middle; }
.ie6 .logo,
.ie7 .logo {display: block; float: left;}
.ie6 .logo span,
.ie7 .logo span {display: inline-block; height: 100%; width: 1px;}







/************************************************/
/*
/*   Leverantörer
/*
/************************************************/
.select-cat {overflow: hidden; margin: 0 0 20px;}
.select-cat a {float: left; margin: 0 10px 0 0;}
.select-cat .lev-cat-active {color: #000; text-decoration: none;}

#leverantorer {border-bottom: 1px solid #ececec; }
.lev {border-top: 1px solid #ececec; border-bottom: 1px solid #c2c2c2; padding: 15px 0 0;}
.lev:first-child {border-top: none;}