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


 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:84%;color:#2f3032;background:#fff;font-family:"Trebuchet", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000000;}
h1 {font-size:22px;line-height:26px;margin-top:4px;margin-bottom:0.5em;color:#b0250e;}
h2 {font-size:18px;margin-bottom:0.75em; color:#06222e;}
h2.newsstart {color:#000000; font-size:14px;font-weight:bold; padding-left: 38px; margin:0;}
#sidebar_bottom_page h2{color:#bababa; font-size:14px;font-weight:bold; padding:10px 0 5px 38px; margin:0;}
#sidebar_bottom h2{color:#000000; font-size:14px;font-weight:bold; padding:7px 0 10px 0; margin:0;}
#sidebar_bottom_page h2{color:#ffffff; font-size:14px;font-weight:bold; padding:9px 0 5px 0; margin:0;}
h2.top_cont{color:#06222e; font-size: 18px;}
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:#448e13;}
a {font-size: 13px; color:#214a06;text-decoration:underline;}
cite, blockquote {font-size:16px; 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:2.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 {background-image: url(../../pics/design1/body_bg.png);background-repeat:repeat; background-attachment: fixed; margin:0;padding:0; background-color:#e5e5e5;}
.wrapper{width:100%;overflow:hidden; margin:0;}
.head_holder{width:1035px;margin: auto;
position:relative;background-image: url(../../pics/design1/shadow_bg.png);background-repeat:repeat-y;}
.head_holder_page{width:1035px;margin: auto;
position:relative;background-image: url(../../pics/design1/shadow_bg_page.png);background-repeat:repeat-y;}
#header{background-image: url(../../pics/design1/head_bg.png);background-repeat:repeat-x;width:941px;height:100px;margin-left:47px;padding:0;background-color: #fff;}
.header-logos{float:left;width:523px;height: 100px;margin:0; padding:0px 0 0 0px;}
.header-photo{float:right;width:319px;height:100px;margin:0 0px 0 0px; padding:0px 3px 0 0px;background-image: url(../../pics/design1/foto-johan-bjerngren.png);}
.main_holder{width:1035px;overflow:hidden;}
#menubar{width: 941px; height:42px; margin-left:47px;padding-left:0px;background-image: url(../../pics/design1/menu_bg.png);background-repeat:repeat-x;}
#slider{background-image: url(../../pics/design1/slider_bg.png); width: 760px; height:385px;float:left; margin: 0px 0px 0px 47px;}

.top_cont{
	font-size: 11px;
	position:absolute;
	top:222px;
	right:285px;
	margin:0 0 0 0;
	padding:60px 0px 0 22px;
	width:321px;
	height: 214px;
	z-index: 9999;
	background-image: url(../../pics/design1/top_cont_bg.png);
}

.top_cont_shop{
	font-size: 11px;
	position:absolute;
	top:222px;
	right:285px;
	margin:0 0 0 0;
	padding:60px 0px 0 22px;
	width:321px;
	height: 214px;
	z-index: 9999;
	background-image: url(../../pics/design1/top_cont_bg_shop.png);
}

.top_cont_shop a{color: #ccc;}
.top_cont_shop a:hover{color: #ffffff;}

.visual{
	float:left;
	width: 807px;
	height:1%;
	margin:0 0 0px;
	overflow:hidden;
	position:relative;
}
#sidebar_top{float:left;width:181px;height:379px;padding:6px 0px 0px 0px;margin:0px 0px 0px 0px; background-image: url(../../pics/design1/sidebar_top_bg.png);overflow:hidden;}


#bar{float:left; width:941px;height:31px;padding:0px 0px 0px 0px;margin:0px 0px 0px 47px; background-image: url(../../pics/design1/bar_bg.png);overflow:hidden;}

#bar-stand{float:left; width:941px;height:43px;padding:0px 0px 0px 0px;margin:0px 0px 0px 47px; background-image: url(../../pics/design1/bar_bg.png);overflow:hidden;}


#bar_page{float:left; width:713px;height:34px;padding:0px 0px 0px 0px;margin:40px 0px 0px 47px; background-image: url(../../pics/design1/page_top.png);overflow:hidden;}
#bar_shop{float:left; width:713px;height:34px;padding:0px 0px 0px 0px;margin:40px 0px 0px 47px; background-image: url(../../pics/design1/page_top.png);overflow:hidden;}


#content{float:left;width:709px;overflow:hidden;padding:20px 24px 20px 27px;margin:0px 0px 0px 47px;background-color: #ffffff;line-height:20px;}
#content_half{float:left;width:890px;overflow:hidden;padding:20px 24px 20px 27px;margin:0px 0px 0px 47px;background-color: #ffffff; border-top: 4px solid #214034; line-height:20px;}
#content_page{float:left;width:659px;min-height:818px;overflow:hidden;padding:5px 74px 20px 27px;margin:0px 0px 0px 47px; background-image: url(../../pics/design1/content_bg.png);background-repeat: repeat-y; line-height:20px;}

#content_page_news{float:left;width:659px;min-height:818px;overflow:hidden;padding:55px 74px 20px 27px;margin:0px 0px 0px 47px; background-image: url(../../pics/design1/content_bg.png);background-repeat: repeat-y; line-height:20px;}


.left{float:left; width: 332px; margin-right: 30px; }
.right{float:left; width: 347px; }

#sidebar_bottom{float:left;width:174px;height:424px;padding:20px 0px 0px 7px;margin:0px 0px 0px 0px; background-image: url(../../pics/design1/sidebar_bg_bottom.png);background-repeat:repeat-x;}

.sidebar_bottom_cont{padding: 0 13px 10px 14px;}


.sidebar_cont{padding: 0 10px 0px 8px;}

#sidebar_bottom_page{float:left;width:181px;height:498px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; background-image: url(../../pics/design1/sidebar_bottom_page_bg.png);background-repeat:repeat-x;}
.sidebar_bottom_page_cont{padding: 0 13px 10px 14px;}

#sidebar_bottom_page a:focus, #sidebar_bottom_page a:hover {color:#ffffff;}
#sidebar_bottom_page a {font-size: 13px; color:#ccc;text-decoration:underline;}



#footer{width:988px;margin: auto;
position:relative;background-image: url(../../pics/design1/footer_bg.png);background-repeat:none;height:92px;padding:0px 0px 0px 47px;font-size:9px;color:#fff;}

#footer_page{width:987px;margin: auto;
position:relative;background-image: url(../../pics/design1/footer_bg_page.png);background-repeat:none;height:45px;padding:0px 0px 0px 47px;font-size:9px;color:#fff;}

#footer_page .footer_bottom{color:#72878f;float:left; width:941px; height:24px; margin:0 0 0 0; padding: 2px 0px 0 13px;}
#footer_page a{
color:#72878f; font-size: 10px; text-decoration: none;
}

#footer .footer_top{color:#ffffff;float:left; width:941px; height:47px; margin:0px 0px 0 0; padding:0 0 0 0;}
#footer .footer_bottom{color:#72878f;float:left; width:941px; height:24px; margin:0 0 0 0; padding: 2px 0px 0 13px;}
#footer a{
color:#72878f; font-size: 10px; text-decoration: none;
}
.clear{clear:both;}


/* menu */
.main-nav{width:100%;overflow:hidden;}
.nav{text-align: center;text-transform: uppercase;float:left;margin:0;padding:0px 0 0 0px;list-style:none; height: 42px; width:941px;}
.nav li{float:left;width:134px;height:42px;background-image: url(../../pics/design1/menu_button.png);background-repeat:none;}
/* .nav li:hover{float:left;width:134px;height:42px;background-image: url(../../pics/design1/menu_button_selected.png);background-repeat:none;} */
.nav li.active{float:left;width:134px;height:42px;background-image: url(../../pics/design1/menu_button_selected.png);background-repeat:none;}
.nav li.last{float:left;width:137px;height:42px;background-image: url(../../pics/design1/menu_button_extra.png);background-repeat:none;}



.nav li a{display:block; padding: 7px 0px;height:42px;font-size:13px;color:#bababa;text-decoration:none; font-weight:normal;}
.nav li a:hover{color:#ffffff;}
.nav li.active a{color:#ffffff;}


.no_sub{width:650px; height:167px; position:absolute; top:169px; z-index:999;left:47px;width:auto; height:auto;margin:0 0 0 0;padding:0;list-style:none;overflow:hidden;}
.sub-nav{width:662px; height:57px; position:absolute; top:142px; z-index:999;left:47px;width:auto; height:auto;margin:0 0 0 0;padding:0;list-style:none;overflow:hidden;background-image: url(../../pics/design1/submenu_bg.png);background-repeat:repeat-x;}
.sub-nav ul{width:662px; height:24px; margin:0 0 0 0;padding:0px 30px;list-style:none;overflow:hidden;}
.sub-nav li{float:left;position:relative;/*display: none;*/}
.sub-nav li a{line-height:24px;color:#ffffff;text-decoration:none;padding: 2px 23px 0px 0px;}
.sub-nav li a:hover{padding: 2px 23px 0px 0px; color:#cc8b85;}
.sub-nav li a.active{padding: 2px 23px 0px 0px; color:#cc8b85;}
.top { top:0;}

.sub-nav-page{width:650px; height:57px; position:absolute; top:142px; z-index:999;left:47px;width:auto; height:auto;margin:0 0 0 0;padding:0;list-style:none;overflow:hidden;background-image: url(../../pics/design1/submenu_bg.png);background-repeat:repeat-x;}
.sub-nav-page ul{width:650px; height:24px; margin:0 0 0 0;padding:0px 30px;list-style:none;overflow:hidden;}
.sub-nav-page li{float:left;position:relative;/*display: none;*/}
.sub-nav-page li a{line-height:24px;color:#ffffff;text-decoration:none;padding: 2px 23px 0px 0px;}
.sub-nav-page li a:hover{padding: 2px 23px 0px 0px; color:#cc8b85;}
.sub-nav-page li a.active{padding: 2px 23px 0px 0px; color:#cc8b85;}


.slogan {
position: absolute; z-index: 999; top: 179px; left:47px;
}


.sub-sub-nav{float:left;display:inline;margin:0 0 0 0;padding:0;list-style:none;overflow:hidden;}
.sub-sub-nav li{float:left;display:inline;padding:0 12px 0 5px;margin:0 0px 0 -2px;}
.sub-sub-nav li a{line-height:24px;color:#393939;text-decoration:none;padding: 2px 2px 2px 2px;}
.sub-sub-nav li a:hover{text-decoration:underline;background-color:#fff;padding: 2px 2px 2px 2px;}
.sub-sub-nav li a.active{text-decoration:underline;background-color:#fff;padding: 2px 2px 2px 2px;}
.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;}
#slider a{color:#fff; text-decoration:none;}

/* shortcuts */
.shortcuts{float:left;display:block;margin:0px 0 0 0px;padding:0;list-style:none;}
.shortcuts li{float:left;display:block;width:132px;height:31px;padding:0px 0px 0 0px;margin:0px 0px 0 0px;background-image: url(../../pics/design1/link_bg.png);background-position: left;}
.shortcuts li a{display:block;width:132px;height:31px; font-size:12px;color:#617c4c;text-decoration:none;padding: 7px 0px 0px 40px;}
.shortcuts li a:hover{display:block;height:30px;text-decoration:none; color: #ffffff; padding: 7px 0px 0px 40px;}


/* newslist */
ul.news_start{clear:both;width:566px;height:89px;margin:3px 0 0px 0px;padding:12px 0 4px 22px;list-style:none;}
ul.news_start li{padding:2px 0px 0 0px;margin:0px 0px 0 0px;}
ul.news_start li:hover{padding:2px 0px 0 0px;margin:0px 0px 0 0px;}
ul.news_start li a{font-size:12px;font-weight:bold;color:#393939;text-decoration:none;padding: 0px 0px 0px 0px;}
ul.news_start li a:hover{color:#000;padding: 0px 0px 0px 0px;}
ul.news_start .right{float:left; padding: 12px 0 0 28px;}
ul.news_start .right a{color: #ccc;}
ul.news_start .right a:hover{color: #ffffff;}

.font {
	text-shadow: 0 1px 0 #000;
}


/* newslist news */
.news_list{clear:both;width:auto;height:95px;margin:15px 0 8px 10px;padding:8px 0 4px 0px;list-style:none;}
.news_list li{padding:2px 0px 0 0px;margin:0px 0px 0 0px; border-bottom: 1px solid #ccc;}
.news_list li:hover{padding:2px 0px 0 0px;margin:0px 0px 0 0px;}
.news_list li a{font-size:12px;font-weight:bold;color:#393939;text-decoration:none;padding: 4px 0px 0px 0px;}
.news_list li a:hover{color:#000;padding: 0px 0px 0px 0px;}
.news_list .right{float:right; margin-right:10px;margin-top:4px;}
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{border: 1px dotted black;}
.adminbox_clear{position: relative;padding: 4px;margin-top: 5px;text-align: left;border: 1px dotted black;}
.adminbox_adder_clear{position: relative;padding: 4px;margin-top: 10px;text-align: left;border: 1px dotted black;}
.adminbox a{color: #000;font-size: 10px;}
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 */

#sidebar_bottom_page fieldset {padding:1.3em;margin:0 0 1.3em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:12px;}
#sidebar_bottom_page fieldset.logon { padding:3px 14px 0 0px;margin:0 0 0px 0; border: none;}
#sidebar_bottom_page fieldset.logon legend {padding: 5px 0 17px 0px;font-weight:bold;font-size:14px; color: #ffffff;}




#sidebar_bottom_page input[type=text].logon, input[type=password].logon, input.text, input.title, textarea, select {margin-top:0;padding:4px;	border:1px solid #000;	font:11px Arial, Helvetica, sans-serif;color:#999;-moz-border-radius:3px;	-webkit-border-radius:3px;width:124px;background-color:#fff;border:1px solid #bbb;}

#sidebar_bottom_page input[type=text]:focus.logon, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus{background-color: #ffffff; border-color:#666;}

#sidebar_bottom_page input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}


fieldset {padding:1.3em;margin:0 0 1.3em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:12px;}


fieldset.logon { padding:3px 14px 0 0px;margin:0 0 0px 0; border: none;}

fieldset.logon legend {font-weight:bold;font-size:14px;}

input[type=text].logon, input[type=password].logon, input.text, input.title, textarea, select {margin-top:0;padding:4px;	border:1px solid #000;	font:11px Arial, Helvetica, sans-serif;color:#999;-moz-border-radius:3px;	-webkit-border-radius:3px;width:124px;background-color:#fff;border:1px solid #bbb;}

input[type=text]:focus.logon, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus{background-color: #f7faf2; border-color:#666;}

input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}

input.text, input.title {width:50px;padding:5px;}

label {display:block;font-weight:bold;color:#888;font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;margin:0px 0 0 0px; padding: 5px 0 0 0px;}

input[type=submit].logon, input.submit.logon, a.logon {width:auto;float:left;margin: 4px 0 0 0px;background:#2a2662;border:1px solid #383749;color:#fff;
	font-weight:bold;font-size: 11px;cursor:pointer;width:auto;-moz-border-radius:4px;
	-webkit-border-radius:4px;padding: 4px 6px 4px 6px;}


input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background:#66767d; color:#fff; }

input.edit_search { width:400px; }
select { width:auto; 
font-size: 12px;}
input:focus, textarea:focus { border-color:#ccc; color:#555; }

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;}
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:723px;height:374px;list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
#slider ul li {float: left;position: relative;/*display: none;*/}



/* Kundvagn_start */
.cart .btn-search{float:left;border:0;width:auto;height:24px;color:#fff;font-weight:bold;font-size:10px;margin:10px 0 0 5px;padding:5px;background-image: url(../../pics/design1/button_cart.png);background-repeat:repeat-x;cursor: pointer;}
.btn-search{float:left;border:0;width:auto;height:24px;color:#fff;font-weight:bold;font-size:10px;margin:10px 0 0 5px;padding:5px;background-image: url(../../pics/design1/button_cart.png);background-repeat:repeat-x;cursor: pointer;text-decoration:none;}
.cart .cart_info{margin:0 0 4px 5px;padding: 4px 4px 14px 0px;}
.cart .alter_price{margin:0 0 4px 5px;padding: 4px 4px 14px 0px;}
.cart .field{font-size:9px;display:block; width:225px;height:auto;background-color:#fff; margin:5px 0 0 5px;padding: 4px 4px 4px 4px; border: 1px solid #dedee5;}
.cart .cart_button{float:left;border:0;width:auto;height:26px;margin:7px 0 0 5px;padding:3px;}
.cart .cart_button_img{float:left;border:0;width:auto;height:26px;margin:7px 0 0 5px;padding:3px;}
input[type=select].product, input.select.product {width:auto;margin:0 0 0px 0;}
input[type=submit].product, input.submit.product {width:auto;float:left;margin:3px;background:#2a2662;border:1px solid #383749;color:#fff;
	font-weight:bold;font-size: 11px;margin-top:0px;margin-right: 0px;cursor:pointer;width:auto;-moz-border-radius:4px;
	-webkit-border-radius:4px;padding:4px;}
input[type=submit].product:hover, input.submit.product:hover{width:auto;float:left;background:#323c75;border:1px solid #06a;color:#fff;font-weight:bold;font-size: 11px;margin-top:0px;margin-right: 0px;cursor:pointer;width:auto;-moz-border-radius:4px;
	-webkit-border-radius:4px;padding:4px;}


/* Kundvagn */
#cart{padding: 0px;margin: 0px 0 0 0px;width: 420px;height: auto;}
#cart ul{background-image: url(../pics/cart_bg.png);background-repeat: repeat-y;padding: 0px;margin-left: 12px;margin-top:10px;width:400px;height:auto;}
#cart li.dark{	background-color: #e6e6e6;border-top: solid 1px #cecece;padding: 10px 4px 4px 10px; list-style-type: none;}
#cart li.light{	padding: 2px 2px 2px 15px; list-style-type: none;font: 10px "Lucida Grande", "Lucida Sans Unicode", sans-serif;background-color:#fff;}
.buttons{float:right;padding: 0px 0px 14px 0px;}
.cart_buttons{float:left;padding: 18px 10px 0px 0px;}
#cart li.sum{margin: 30px 4px 0px 0px;border-bottom: solid 1px #cecece;list-style-type: none;}
#cart .button1{float: left;margin: 20px 0px 0px 30px;padding: 0px 0px 0px 0px;}
#cart .button2{float: left;width: 100px;height: 35px;margin: 20px 0px 0px 30px;padding: 0px 0px 0px 0px;}





/* 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;
}
	  





/*SLidern
*/



.slides{
background-image: url(../../pics/design1/slider_bg.png);
width: 760px; height:385px;float:left; margin: 0px 0px 0px 47px;
padding:0;
list-style:none;
position: relative;
}
.slides li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.slides img{
	float:left;
}
.slides li.active{
	
}
.prev-next{
	position:absolute;
	top:352px;
	right:0px;
	margin:0;
	padding:0;
	list-style:none;
}
.prev-next li{
	float:left;
	margin:0 3px 0 0;
}
.prev-next li a{
	float:left;
	width:32px;
	height:24px;
	text-indent:-9999px;
	cursor:pointer;
}
.prev-next li .prev:focus{outline:none;}
.prev-next li .prev{
	background:url(../../pics/design1/bg-prev.png) no-repeat;
}
.prev-next li .next:focus{outline: none;}
.prev-next li .next{
	background:url(../../pics/design1/slider_button_next.png) no-repeat;
}
.visual-nav{
	position:absolute;
	top:37px;
	right:0px;
	margin:0;
	padding:0;
	width:24px;
	height: 24px;
	padding:0px 0px;
}
.visual-nav ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.visual-nav li{
	float:left;
	padding:0 0 0 4px;
	display:block;
	width: 24px;
	height: 24px;
	background:url(../../pics/design1/slider_button.png) no-repeat;

}

.visual-nav li.active{
	display:block;
	background:url(../../pics/design1/slider_button_active.png) no-repeat;
}