/*  
Theme Name: Mera Mål
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

*/



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


/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; background: url(images/bg.png)}
body  { color: #545454; font: 13px/1.4 "Lucida Grande", "Lucida Sans Unicode", sans-serif;; background: #f8f8f8 url(images/shadow.png) repeat-y center top; }

.bg-0 {background: url(images/top.jpg) repeat-x left top;}
.bg-1 {background: url(images/top-bg3.jpg) no-repeat center top;}
.bg-2 {background: url(images/top.jpg) repeat-x left bottom; }
.bg-3 {background: url(images/bottom3.jpg) no-repeat center bottom;position: relative; padding: 0 0 0 0px;}


/*   Links   */
a {color: #0075af;}
a:hover {text-decoration: none; border: none;}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*   Headers   */
h1, h2, h3, h4, h5, h6  {line-height: 1.1; color: #404040;}
h1,
h1 a {font-size: 28px;  font-weight: normal; margin: 0 0 20px; color: #404040; text-decoration: none;} /* */
h2,
h2 a {font-size: 25px; color: #404040; text-decoration: none} 
h3 {font-size: 15px;} /* */
h4 {font-size: 18px;} 
h5 {font-size: 14px;} 
h6 {font-size: 14px; border-bottom: 1px solid #dfdfdf; color: #333;}

img {vertical-align: top;}

p  {margin: 0 0 10px;}


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

/*   Form   */
select, input, textarea, button { margin: 0; color: #545454;  font: 13px/1.4 "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: #fff; border: 1px solid #dfdfdf; width: 190px; }
input, textarea { padding: 2px; }
textarea {overflow: auto;}

/*   Text selection   */
::-moz-selection {background: #00a1d8; color:#fff; text-shadow: none; }
::selection { background:#00a1d8; 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,
.wpsc_checkout_table .make_purchase {  padding: 0; margin: 0 0 0 -5px; background: url(images/knapp.png) no-repeat left center; text-decoration: none; display: block; height: 58px; width: 215px !important; color: #fff; line-height: 58px; text-align: center; font-size: 16px; text-shadow: 0 1px 0 #005b88; border: none;}
.knapp:hover,
#submit:hover,
.wpsc_checkout_table .make_purchase:hover { cursor: pointer; text-decoration: underline;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; // first!
	filter: alpha(opacity=90);					// second!
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.slide-text .knapp { bottom: 30px; position: absolute; padding: 0; margin:0 0 0 28px; background: url(images/knapp.png) no-repeat left center; text-decoration: none; display: block; height: 58px; width: 215px; color: #fff; line-height: 58px; text-align: center; font-size: 16px; text-shadow: 0 0px 0 #005b88; border: none;}


/*-------------------------------------------------------------------------------------------*/
/*
/*   Header 
/*
/*-------------------------------------------------------------------------------------------*/
#container  {width: 960px; margin: 0 auto;}
#pageWrap { background: #fff; padding: 10px 0 50px; position: relative; min-height: 340px; height: auto !important; height: 340px;}

#header {height: 98px; position: relative;}

/*   Logo   */
#logo {margin: 0; padding: 0;}
#logo a {width: 154px; height: 98px; background: url(images/mera-mal.png) no-repeat center center; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}


/* NAV
************************************/
#topNav {position: absolute; top: 0; right: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: url(images/top-menu.png) repeat-x; padding: 12px 0 0 12px; }
#topNav { }
#topNav li {display: inline;}
#topNav a {display:block; padding:0 12px 0 0; color: #8d8d8d; float: left; text-shadow: 0 1px 0 #eee; text-decoration: none;}
#topNav a:hover, 
#topNav .current_page_item a  {color: #333; }

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


/* NAV
************************************/
#mainNav {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; position: absolute; bottom: 0; right: 0;}
#mainNav li {display: inline;}
#mainNav a  {display:block; padding: 10px 7px; color: #000; float: left; font-size: 14px; text-decoration: none;}
#mainNav a:hover, 
#mainNav .current_page_item a  {color: #8d8d8d; text-shadow: 0 1px 0 #eee;}

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






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


.widget_wpsc_categorisation .widget-title {display: none;}
.sub-menu,
.wpsc_categorisation_group {background: #e7e7e7 url(images/sub-top.png) no-repeat; margin: 0 0 20px;}
#subNav,
.wpsc_categories {background: url(images/sub-bottom.png) no-repeat left bottom; padding: 10px 0 20px;}
#subNav a,
.wpsc_categories a {display: block; padding: 5px 0 5px 15px; color: #6d6c6c; text-shadow: 0 1px 0 #fff; text-decoration: none; }

#subNav a:hover,
.wpsc_categories a:hover {color: #000}
#subNav .current_page_item a,
.wpsc_categories .wpsc-current-cat {color: #000; padding-left: 30px; background: url(images/dott.gif) no-repeat 15px 10px;}

#subNav .current_page_ancestor a {color: #000; padding-left: 30px; background: url(images/dott.gif) no-repeat 15px 10px;}

/*  Lvl 3  */
#subNav ul {display: none;}
#subNav .current_page_item ul,
#subNav .current_page_ancestor ul {display: block; margin: -5px 0 0;} 
#subNav .page_item ul a {padding-left: 30px; background: none; color: #6d6c6c; }
#subNav .page_item ul a:hover { color: #000; }
#subNav .page_item ul .current_page_item a{color: #000; padding-left: 45px; background: url(images/dott.gif) no-repeat 30px 10px;}

#sidebar_left .ps-puff .widget-content {
	padding:0 0 0 10px;
}



/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.content {position: relative;}

#main {width:620px; float: left; margin: 0 20px 0 0;}
#main.box  { width: 620px; padding: 0;}
#main.right  { width: 680px; }
#main.fullwidth  { width: 900px; }

#main.home-box {width: 630px;}
#main.main-blog {padding: 50px 0 0;}


#main.box-no-sub {padding: 0 0 0 10px;}
.sales-wrap {padding: 0 10px}
.sales-wrap .page-thumb {width: 620px;}


.page-thumb {padding: 0 0 40px; background: url(images/big-shadow.png) no-repeat right bottom;}


.index-intro {margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; position: relative;}


/*   post   */
.post  { margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; position: relative;}
.post-title {margin: 0 0 0px;}
.post-meta{ margin: 0 0 15px 0; font-size: 15px; color: #404040; }


/*   entry   */
.entry {} 
.entry ol { margin-left: 20px; }
.entry ol { list-style-type: decimal; }
.entry ul, .entry ol {margin: 0 0 20px;}
.entry ul li {padding: 0 0 0 30px; background: url(images/dott-o.gif) no-repeat 19px 6px;}



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





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

/* 2.7 Footer */
#footer  { margin-top: 0px; font-size: 13px; padding: 11px 0 40px 0; float: left; width: 960px;}
#footer a {}

.facebook { width: 960px; float: left; margin: 20px;}

.dinwebb {float: left; padding: 5px 0 0;}
.copy-text {float: right;}
.copy-text, 
.copy-text a {font-size: 11px; color: #8d8d8d; text-shadow: 0 1px 0 #fff; text-decoration: none;}
.copy-text a:hover {color: #444}

.footer-text {font-size: 11px; color: #8d8d8d; text-shadow: 0 1px 0 #fff; text-decoration: none; width: 960px; float: left; }



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

.widget-title a { text-decoration: none; color: #404040; }

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

#sidebar_left .ps_puff {padding: 0 10px 40px;}

#sidebar_right .widget-title {padding: 0 0 22px; background: url(images/small-shadow2.png) no-repeat center bottom;}
#sidebar_right .ps_puff {margin: 0 10px 20px 0;}

#content_widget {padding: 0 0 0 10px;}
#content_widget .widget {width: 300px; float: left; margin: 0 20px 0 0;}
#content_widget .puff-nr-2 {margin: 0;}
#content_widget .widget-title {margin: 0 0 10px;}



.gform_widget .gform_wrapper {padding: 5px 15px;}
.gform_widget input {width: 175px;}



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


/* 6.4 Gravity Forms  */
.gform_wrapper {}
.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 10px; padding: 0;  list-style: none; background: none;}
.gfield_required {display: none;}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {}
.gform_wrapper input {}
.gform_wrapper select {}
.gform_wrapper textarea{}
.gform_wrapper .ps-textarea textarea{width: 610px; height: 100px;}

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

.gform_wrapper .button {margin: 0; color: #fff; padding: 0 0 3px; background: #fff url(images/submit.png) repeat-x; height: 36px; display: block; border: 0px solid #fff; font-weight: normal; line-height: 27px; width: 195px; text-shadow: 0 1px 0 #005b88}
.gform_wrapper .button:hover {color: #ccc; cursor: pointer;}
.gform_edit_link {display: none;}

.gform_ajax_spinner {}
.gfield_error input,
.gfield_error textarea {}
.validation_error, 
.validation_message {display: none}

.gfield_radio input { width: auto; padding: 0; margin: -2px 10px 0 0;   }



.bildspel {height: 270px; margin: 0 0 20px 10px; width: 950px; overflow:hidden; position: relative;}
#slideshow, .slide {height: 270px; width: 950px; overflow:hidden;}

.slide-thumb {width: 640px; height: 270px; float: left;}
.slide-text {width: 270px; padding: 20px; float: left; height: 230px; background: #828282; color: #fff; }
.slide-text h1 {color: #fff; text-shadow: 0 -1px 0 #444;}

#slideNav {position: absolute; bottom: 7px; right: 20px; z-index: 30; width: 270px; text-align: center; }
#slideNav a {display: inline; background: #a4a4a4; color: #a4a4a4; font-size: 10px; margin: 0 3px; padding: 0 7px;}
#slideNav .activeSlide {background: #ff894c; color: #ff894c;}



.prenummerera-ola { width: 620px; height: 110px; background: url(images/form_bg.png) no-repeat; padding: 10px; margin: 10px; font-size: 10px;}
.prenummerera-ola h3 {font-size: 18x; color: #000; font-weight: normal; line-height: 32px;}
.subscribe-buttton {background: url(images/prenummerera.png); width: 160px; height: 32px; float: right;  padding: 0 0 0 6px; text-shadow: 0 1px 0 #444; margin: 2px 0 0;}
#subscribe_form { margin: 8px 0 0;}

#subscribe_form .gfield { position: relative; float: left; overflow: hidden; height: auto; margin: 0; line-height: 23px;}
#subscribe_form .ginput_container {float: left; margin: 0 3px 0 0; padding: 0; height: auto; width: 200px; overflow: hidden;}
#subscribe_form label {position: absolute; top: 6px; left: 10px; color: #878787;  text-shadow: none; font-size: 13px; display: none;}
#subscribe_form input {width: 187px; height: 36px; padding: 1px 4px 0 10px; display: block; background: url(images/form.png) no-repeat; border: none;}
#subscribe_form .button { margin: 0; padding:0 0 5px 25px; line-height: 37px; background: #fff url(images/submit.png) repeat-x; height: 37px; display: block; border: 0px solid #fff; font-weight: normal; width: 195px; text-shadow: 0 1px 0 #d06228;}
.gfield_error input {border-color: #ff894c;}
#subscribe_form .button:hover { text-decoration: underline; color: #9c3906; text-shadow: 0 1px 0 #fca070;}

.entry-ola {padding: 0 0 50px; background: url(images/big-shadow.png) no-repeat center bottom; margin: 0 0 0 10px; overflow: hidden;}
.ola-thumb {width: 170px; min-height: 200px; float: left; background: none; padding: 0 20px 0 10px;}
.ola-text {width: 420px; float: left;}
.ola-date {color: #0075af; font-size: 12px;}



#gform_wrapper_4 textarea { width: 300px; }
#gform_wrapper_4 .ginput_container input { width: 300px;}



#ps_error_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: url(images/trans-white.png); } 
#ps_form_error { position: fixed; top: 100px; left: 50%; width: 400px; margin: 0 0 0 -200px; background: #fff; border: 4px solid #f68b4f; padding: 10px 20px; cursor: pointer; border-radius: 3px; }
#ps_form_error .validation_message { display: block; padding: 0; color: #911; }
.e-close { background: url(images/fileclose.png); width: 16px; height: 16px; position: absolute; top: -10px; right: -10px;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Subpages - template
/*
/*-------------------------------------------------------------------------------------------*/
.subpage {overflow: hidden; margin: 0 0 20px;}
.sub-img {float: left; margin: 0 20px 0 0;}






/*-------------------------------------------------------------------------------------------*/
/*
/*   Blogg
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_blog {float: left; width: 210px; margin: 0 40px 0 0; padding: 30px 0 0;}


#sidebar_blog .widget  {background: #e7e7e7 url(images/sub-top.png) no-repeat;}
#sidebar_blog .widget-content {background: url(images/sub-bottom.png) no-repeat left bottom; padding: 10px 0 20px;}
#sidebar_blog .widget-title {padding: 0 0 0 15px; text-shadow: 0 1px 0 #fff; }
#sidebar_blog a {display: block; padding: 5px 0 5px 15px; color: #6d6c6c; text-shadow: 0 1px 0 #fff; text-decoration: none; }

#subNav a:hover {color: #000}
#subNav .current_page_item a {color: #000; padding-left: 30px; background: url(images/dott.gif) no-repeat 15px 10px;}



.comments-navigation {overflow: hidden;}
li.comment {border-bottom: 1px solid #eee; margin: 0 0 15px;}
.comment-author img {float: left; margin: 2px 10px 0 0;}
.comment-meta {margin: 0 0 10px; font-size: 10px;}
.comment-meta a {text-decoration: none; color: #999;}


#respond {margin: 0 0 20px;}
#respond h3 {clear: both; margin: 0 0 10px;}
.comment-field {overflow: hidden; padding: 0 0 5px;}
#commentform label {display: block; float: left; width: 150px;}
#commentform input {width: 340px}
#commentform textarea {width: 340px; height: 100px;}
#commentform #submit { border: 0px solid #fff; height: 30px; padding: 0 0 2px; background: url(images/knapp.png) no-repeat -20px -10px; margin: 0 0 0 150px; width: 206px; color: #fff; text-shadow: 0 1px 0 #005b88; cursor: pointer; width:100px;}









div.default_product_display div.textcol div.imagecol a img,
div.single_product_display div.textcol div.imagecol a img {
	height: auto !important;
}




#gform_fields_7 textarea {width: 400px;}
#input_7_6 {width: 400px;}





body .show-shipping-row td label {padding: 10px 0 0; display: block;}
#show_shipping {width: auto; margin: 0 10px 0 0;}

.sales-wrap {background: url(images/shadow-full2.png) no-repeat center bottom;}
.sales-wrap .page-thumb {float: left; background: none;}
#sales_right {background: #2e6fac; width: 260px; float: left; color: #fff; font-size: 15px; padding: 150px 30px 0px; height: 150px; }
.citat-namn {padding: 0px 0 0; text-align: right; font-style: italic;}