/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
html {font-size:100.01%;}
body {font-size:82%;color:#000000;background:#ffffff;font-family:"Trebuchet", Trebuchet, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#000000;font-family:"Trebuchet", Trebuchet, Helvetica, sans-serif;}
h1 {font-size:26px;line-height:1;margin-bottom:0.5em;color:#000756;}
h2 {font-size:18px;margin-bottom:0.75em;color:#000756;}
h2.newsstart{color:#000756; font-size:18px;font-weight:bold; margin:0; padding:0;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;color:#ccc;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000000;text-decoration:none;}
a {color:#000756;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr{width:auto;border-top: 1px solid #808080; border-bottom: 1px solid #cccccc;}
span.error{color:red; font-weight: bold; font-size: 14px; border: 1px dotted gray; padding: 4px;}




/* layout */
body {margin:0;padding:0; background-color:#ffffff;}
#head{float:left;width:100%;height:119px;margin:0;padding:0;}
.logo{float:left; width 326px;}
.logos{float:left; width 726px; margin-top: 45px;}
#sidebar{float:left; width: 166px; height:700px;margin: 0px 0px 0px 0px; padding: 0 0 0 0; background-image: url(../../pics/design2/sidebar_bg.png);background-repeat:no-repeat;}
#main_content{float:left;width:866px; height:auto;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.banner{float:left;width:866px; height:272px; padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; background-image: url(../../pics/design2/startpage_bg_top.png);background-repeat:no-repeat;}
.page_cont{float:left;width:746px; height:auto; padding:8px 40px 0px 80px;margin:0px 0px 0px 0px; background-image: url(../../pics/design2/main_cont_bg.png);background-repeat:no-repeat;}
.footer{float:left;width:866px;height:80px;padding:20px 0px 0px 120px;margin:0px 0px 0px 0px; font-size: 10px; color: #4D4C4C;}

.clear{clear:both;}
hr{margin-top:10px; margin-bottom:15px;width:700px;border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc;}
hr.news{margin:6px;width:700px;border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc;}

table{
	font-family: "Lucida Sans Unicode",f "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 25px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


/* menu */
ul.nav{float:left;margin:20px 0 0 30px;padding:0px 0 0 0px;height: auto;}
.nav li{float:left;list-style:none; padding: 0px 0 6px 0; margin: 0 0 0 0; display: block;}
.nav li a{margin: 0 0 0 0; padding:0px 0px 0 0px;float:left;height:auto; width: 126px;font-size:14px;color:#ffffff;text-decoration:none; font-weight:bold;}
.nav li a:hover, .nav a.active{color:#a7aaac;font-weight:bold;}

ul.sub-nav{float:left;margin:0 0 20px 0px;padding:0px 0 0 0px; height: auto; width:100%;}
.sub-nav li{float:left;height:auto;width:auto; list-style:none;}
.sub-nav li a{padding:0 16px 0 0px;float:left;height:auto;width:auto;font-size:12px;color:#4d4c4c;text-decoration:none; font-weight:normal;}
.sub-nav li a:hover,#sub-nav a.active {color:#000000;font-weight:normal;}

ul.sub-sub-nav{float:left;margin:0 0 20px 0px;padding:0px 0 0 0px; height: auto; width:100%;}
.sub-sub-nav li{float:left;height:auto;width:auto; list-style:none;}
.sub-sub-nav li a{padding:0 16px 0 0px;float:left;height:auto;width:auto;font-size:12px;color:#4d4c4c;text-decoration:none; font-weight:normal;}
.sub-sub-nav li a:hover,#sub-nav a.active {color:#000000;font-weight:normal;}

.footer-nav{float:left;display:inline;margin:0 0 0 0;padding:0;list-style:none;}
.footer-nav li{float:left;display:inline;padding:0 12px 0 5px;margin:0 0px 0 -2px;}
.footer-nav li a{line-height:24px;color:#393939;text-decoration:none;padding: 2px 2px 2px 2px;}
.footer-nav li a:hover{text-decoration:underline;background-color:#fff;padding: 2px 2px 2px 2px;}
.footer-nav li a.active{text-decoration:underline;background-color:#fff;padding: 2px 2px 2px 2px;}

/* searchbar */
.search{float:left;display:inline;width:226px;margin:2px 0px 0 0px;}
.search .text {float:left;font-size:10px;width:140px; height: 18px;padding:8px 0 0 7px;margin:0; background-image: url(../../pics/design1/searchbar_bg.png);background-repeat:repeat-none;border:0;}
.search .btn-search{float:left;border:0;width:40px;height:24px;color:#fff;font-weight:bold;font-size:11px;margin:0;padding:3px;background-image: url(../../pics/design1/search_button.png);background-repeat:no-repeat;cursor:pointer;}

/* shortcuts */
.shortcuts{float:left;margin:20px 0 0 30px;padding:0;height:auto;}
.shortcuts li{float:left;list-style:none;display: block;padding:0px 0px 6px 0px;margin:0px 0px 0 0px;}
.shortcuts li a{float:left;width:126px; font-size:14px;color:#ff6c00;text-decoration:none;padding: 0px 0px 0px 0px; font-weight:bold;}
.shortcuts li a:hover{color:#a7aaac;font-weight:bold;}
.shortcuts li a.active{color:#a7aaac;font-weight:bold;}


/* newslist */
ul.news_start{border: 1px solid #ccc;clear:both;width:723px;height:215px;margin:4px 0 0px 0px;padding:6px 0 0px 14px;list-style:none; background-color:#f5f7f8;}
ul.news_start li{width:600px; padding:6px 3px 3px 3px;margin:0px 0px 0px 0px;}
ul.news_start span.news_text{padding:2px 0px 0 0px;margin:0px 0px 0 4px;font-size:10px;}
span.right{font-size:16px; display: block; float:right; margin: 6px 4px 4px 4px;}
ul.news_start li a{color: #4D4C4C; text-decoration: none;}
ul.news_start li a:hover{color: #000000;text-decoration: none;}


/* newslist news */
ul.news_list{clear:both;width:150px;height:95px;margin:15px 0 8px 10px;padding:8px 0 4px 10px;list-style:none;}
ul.news_list li{padding:3px 0px 0 5px;margin:0px 0px 0 10px; border-bottom: 1px solid #000000;}
ul.news_list a{font-size:12px;font-weight:bold;color:#000000;text-decoration:none;padding: 4px 0px 0px 0px;}
ul.news_list a:hover{color:#000;padding: 0px 0px 0px 0px;}
hr.news_seperator{width:auto;border-top: 1px solid #fff; border-bottom: 1px solid #ccc;border-left: 10px solid #000;}


/* mce och adminbox */

.logout{position: absolute;top:0px;left:0px;z-index: 8;color: #000;background-color: #fff;border: 1px dotted black;padding: 5px;margin: 5px;}
.adminbox{font-size: 9px;border: 1px dotted black;}
.adminbox_clear{font-size: 9px;position: relative;padding: 3px;margin-top: 5px;text-align: left;border: 1px dotted black;background-color: #fff;}
.adminbox_adder_clear{font-size: 9px;position: relative;padding: 3px;margin-top: 5px;text-align: left;border: 1px dotted black;background-color: #fff;}
.adminbox a{color: #000;font-size: 9px;}
adminbox img, .box .adminbox img{vertical-align: middle;margin-top: 0px;margin-left: 0px;padding-bottom: 0px;}
.admin_edit{text-decoration: none;}
body.mceContentBody{background: #FFFFFF;}

/* forms */
fieldset {padding:1.3em;margin:0 0 1.3em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {width:300px;background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:320px;height:140px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.6em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
label {	display:block;font-weight:bold;color:#888;font:10px Arial, Helvetica, sans-serif;	text-transform:uppercase;margin:3px 0 3px; padding-right:30px;}
input, select{margin-top:0;padding:2px;	border:1px solid #000;	font:14px Arial, Helvetica, sans-serif;width:60px;color:#999;-moz-border-radius:3px;	-webkit-border-radius:3px;}

#register .left{float:left;width:240px;}
#register .right{float:left;width:240px; margin:0 0 0 20px;} 
#register fieldset.register {padding:1em;margin:0 0 0 10px;border:1px solid #ccc;}
#register legend.register {font-weight:bold;font-size:1.2em;}
#register label {display:block;font-weight:bold;color:#888;font:10px Arial, Helvetica, sans-serif;	text-transform:uppercase;margin:3px 0 0px;}
#register input[type=text], input[type=password], input, input, textarea {width:200px;background-color:#fff;border:1px solid #bbb;}
#register input[type=text]:focus.register, input[type=password]:focus.register, input.text:focus.register, input.title:focus.register, textarea:focus, select:focus {border-color:#666;}
#register input[type=radio] {float:left;margin:0px 2px 4px 2px;display:block;}
#register input[type=text], input[type=password], input.text, input.title, textarea {margin:0.5em 0;}
#register input.text, input.title {width:200px;padding:5px;}
#register input.title {font-size:1.5em;}
#register textarea {width:220px;height:140px;padding:5px;}
#register input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

/* jquery image fader */
#slider ul {width:279px;height:273px;list-style-type: none;margin: 19px 0 0 24px;padding: 0;overflow: hidden;}
#slider ul li {float: left;position: relative;/*display: none;*/}
#slider ul li .bottom {position: absolute;width: 279px;height:10px;background-color:#ffffff;color: #000000;top:243px;left: 0px;/*display: none;*/padding: 7px 0px 13px 15px;}
#slider ul li .bottom_empty { display: none;}

#slider ul li div a{color: #000000;font-weight:bold;}
.top {top: 0;}
.bottom {font-size:12px;bottom: 0;}
.bottom_empty {display:none; font-size:12px;bottom: 0;}




/* Produktvisning prew */
.product_prew {padding: 0 0 10px 0;margin: 0px 0 20px 0px; width: 750px;height:auto;border-bottom: 1px solid #E2E2E2;float: left;}
.product_prew .product_inner_left {margin:0 0 0px 0px;width: 250px;height: auto;float: left;}
.product_prew .product_inner_right {margin-top: 5px;width: 445px;height: auto;;float: left;}
.product_prew .product_image {margin-top: 40px;margin-left: 25px; padding:0px;width: 365px;height: auto;float:left;}
.product_prew .product_name {padding:0 0 0px 0px; margin: 0 0 16px 0;width: 495px;height: 40px;float:left;border-bottom: 1px solid gray;}
.product_prew .product_price {width:340px; margin-left: 25px;margin-top: 10px;padding-top: 0px;height: 25px;font-weight: bold;
	float:left;}



/* Produktvisning helsida */
.product_wrapper {padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;margin-top: 0px;
	margin-left: 0px;margin-right: 0px;margin-bottom: 0px;width: 780px;height:auto;border-bottom: 1px solid #E2E2E2;float: left;}
.product_wrapper .product_inner_left {margin-top: 5px;margin-left: 3px;width: 350px;height: auto;float: left;}
.product_wrapper .product_inner_right {margin-top: 5px;width: 400px;height: auto;;float: left;}
.product_wrapper .product_image {margin-top: 40px;margin-left: 25px; padding:0px;width: 368px;height: auto;float:left;}
.product_wrapper .product_name {padding-top: 0px;padding-left: 0px;width: 340px;height: 60px;float:left;border-bottom: 1px solid gray;}
.product_wrapper .product_price {width:340px; margin-left: 0px;margin-top: 10px;padding-top: 0px;height: 25px;font-weight: bold;
	float:left;}


/* Ajaxforms */

#FormContainer {           /*Centers the FormContainer div for this example. See other rules for this div in the EA_Form.css file*/
		  margin-left: 10px;
		  margin-right: auto;
	  }
	  #FormContainer p {
		  text-align:center; 
		  margin-bottom: 2em;
	  }
	  #FormContainer h1 {		  
		  text-align: center;
		  font-size: 1.6em;
		  color: #148C14;
		  margin-bottom: 0;
		  font-weight:bolder;
	  }		
	  .req_input {		
		  color: red;	
		  font-size: .8em;
	  }
	  label {                     /*Gives consistent width to all form labels.*/
		  display: block;
		  width: 165px;
		  margin-bottom: .5em;
	  }
	  input[type="text"], select {   /*input[type="text"] not supported in IE6, text input will display at default IE6 width*/
		  width: 140px;	
	  }
	  textarea {
		  width: 340px;
		  height: 100px;
		  margin-bottom: .6em; /*Gives proper spacing to last input field in this example.*/
	  }
	  #SubmitButton {     /*Pushes the submit button under the last input area (in this case the <textarea> and aligns it*/
		  clear: both;
		  margin-left: 0px;
		  margin-top: 1em;
	  }
	  
	  @charset "utf-8";

/*
*
* NOTE: PLEASE LEAVE THIS NOTE IN YOUR PROJECT IF YOU USE THE PROVIDED ERROR MESSAGE IMAGE 
*
* Error message image (triangle with exclamation point) is modified version of the 		
* original created by Mark James as part of his Silk icon theme. 
* 
* Please see http://www.famfamfam.com/lab/icons/silk/ for more info. 
*
*/


/*
*
* Thank you for purchasing EasyAjax_Form. 
* 
* Please review the following notes before implementing into your project.  
* Your form will work well without changing a thing but I designed this tool
* so every designer could make it their own. 
*
* Make sure not to change the selector names of the required CSS rules 
* (.FAIL, #FORM_LOAD, etc) but feel free to test away with 
* new delcarations (property:value;).  If you would like to change the 
* selector names, see the advanced customization options in the 
* documentation.
*
* John Stevens
* JJStevens17@gmail.com
*
*/




/*
*
* Reccomended CSS for the EasyAjax_Form
*
*/


#FormContainer {		/*This is the parent of the <form>, usally a wrapping div.  Name it whatever you want, but keep in mind the following*/
	position:relative;		/*NOTE: You need to give this element a positioning context to constrain the loading overlay (during ajax)*/
	padding: 10px 5px;	    /*NOTE: Left and right padding on this element is reccommended for responses from the server side script.*/ 
	margin: 0;
	min-height:500px;       /*NOTE: Using a min-height on this element looks better when the ajax loading overlay is applied.  Not supported in ie6*/
	width: 520px;           /*Use width to make room for validation error messages*/
	/*-moz-border-radius: 8px;*/      /*NOTE: these border radius rules are optional and not supported by internet explorer*/
	/*-webkit-border-radius: 8px;*/
}

* html #FormContainer{   /*IE6 CSS fix as IE6 does not support min-height*/		 
	height:500px;
	overflow: auto;    /*You may want to do overflow:hidden depending on the project.*/
}

input, textarea, select {  /*Reccomended in order to align validation pass/fail messages next to each form field.  You can also style each individual field with a float: left.  If left out, error message will fall below the field.*/
	float: left;
	
}

label {                /*Not always needed but required if you use the example markup*/
	clear: both;
	float: left;
}

form {                    /*Not always needed but ensures that your form will fade properly during Ajax communication*/
	display: inline-block;
}

.captchaIMG {      /*Required for human checker field.*/
	background:transparent url(../../modules/ajaxform/images/EA_Form_RUhuman1.png) no-repeat scroll 0 0;  /*Replace this image with any you'd like to use (20px X 70px)*/
	display:block;
	float:left;
	height:20px;
	margin-left:15px; /*Optional*/
	margin-top:2px;  /*Optional*/
	width:70px;
}


/*
*
* Required CSS for the EasyAjax_Form 
*
*/



.AJAX_TIMEOUT {		/*Style Ajax timeout error*/
	font-weight: bold;
	color: red;
}

.AJAX_RESPONSE {		/*Style successful responses from server side script*/
	font-weight: bold;	
}

#FORM_LOAD {		/*This acts as a modal type overlay added during ajax processing. It's attached to the form's parent element.*/
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	height: 100%;
	width: 100%;
	background: url(../../modules/ajaxform/images/EA_Form_Load.gif) no-repeat center;    /*NOTE: CUSTOMIZE YOUR LOADING IMAGE AT www.ajaxload.info */
	background-color: #545454;        /*Take out background-color and opacity rules (the next three) to remove the 'modal' overlay.  Will only show icon*/
	opacity: .55;                     /*Adjust opacity of the overlay with the following three rules*/
	-moz-opacity:0.55;
	filter:alpha(opacity=55);
	/*z-index:1001;*/		          /*NOTE: z-index may need to be used if you are using serveral absolutely placed elements*/
	/*-moz-border-radius: 8px;*/      /*NOTE: these border radius rules are optional and not supported by internet explorer*/
	/*-webkit-border-radius: 8px;*/
}

.PASS {		/*Class that is added if input for this field is valid*/
	background: url(../../modules/ajaxform/images/EA_Form_Pass.png) no-repeat scroll 0 0;
	height:16px;					/*height should be equal to the height of your validation pass imaage*/
	margin-left:7px;                
	width:23px;						/*width needs to accomodate your validation pass image.*/
	float:left;                    
}

.FAIL {		/*Class that is added if input for this field is not valid*/
	background: url(../../modules/ajaxform/images/EA_Form_Error.png) no-repeat scroll 0 0;  /* KEEP THIS NOTE: Image modified from the silk icon theme by Mark Jackson*/
	color:red;
	font-size: 11px !important;     
	height:16px;
	margin-left:7px;
	padding-left:20px;       /*Padding should be equal to the width of your error image plus whatever padding between the image and error message.*/
	float:left;
}

/*
*
* Required IE6 fixes  
*
*/

* html #FORM_LOAD {
	height: 488px;		/*
						* NOTE: Width and height may have to be set for this IE6 fix.  Unfortunately you will have to some testing here.  
						* IE6 will be dead soon!  Without setting the width, you may get a small gap in your ajax overlay on ie6.
						*/
      
}


/*
*
* Style EasyAjax Form Class Markers.
*
* All remaining EasyAjax Form classes are used primarily as markers for the EA_Form javaScript Object but
* you can also give them CSS values to visually group fields that are alike.  Any marker class that you 
* add to the html class attributes for input fields (including textarea, select, etc.) can be used in this way.
*
*/

.REQUIRED {                   
	background: #ffffe6;  
	border: solid 1px #CCC;
}

.OPTIONAL {
	background: #fafafa;
	border: solid 1px #CCC;
}