/*
Design by John Ivarsson
http://www.johnivarsson.se/
*/


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 182px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 0px;
}

ul.menu li a {
  background:#000000 url(webpic/left_menu_bk.png);
  background-repeat:repeat-x;
  font: 12px Arial, Helvetica, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding: 6px 4px 4px 16px;
  height: 14px;
}

ul.menu li a:hover {

}

ul.menu li ul li a {
  background: #f2f2f2;
  font: 12px Arial, Helvetica, sans-serif;
  color: #000;
  font-weight: normal;
  padding: 2px 4px 1px 16px;
  height:auto;
}

ul.menu li ul li a:hover {
  background: #dedede;
  padding-left: 16px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

body{background: url(webpic/bk_tra.png); font: 12px Arial, Helvetica, sans-serif; text-align: center; margin: 30px 0px; color:#2f2f2f;}
a:link{color:#2f2f2f; text-decoration:none;}
a:visited{color:#2f2f2f; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
#framework{width:960px; margin-left: auto;
margin-right: auto; text-align: left; background: #FFFFFF;}

#headframe{height: 170px; background:#FFF; padding-bottom:11px; margin-bottom:20px;}
#head_left{width:182px; height: 170px; background: #FFF; float: left;}

#head_div{width: 778px; float: left;}
#head_topbanner{background:#ca1140;  height: 24px; width: 100%; text-align:right;}
#head_middle{width:596px; height: 146px; float: left;}
#head_bk{background:url(webpic/grass_bk.png);  height: 110px; width: 100%;}
#head_meny{padding-left: 62px; padding-top: 8px; height: 28px; font: 12pt "Times New Roman", Times, serif; font-weight:bold; color:#FFF; background: #97a665 url(webpic/head_meny.png);}
#head_meny a:link, #head_meny a:visited {color: #FFFFFF;}
#head_meny a:hover{color:#FFF;}
#head_middle_shadow{width: 14px; height: 146px; position:relative; z-index: 1; top: -146px; left:582px; background: url(webpic/shadow_r2l.png); }

#head_right{ width: 182px; height: 146px; float: left;}
#head_search{width:182px; height: 22px; margin-top: 20px; background:#9C3; position:relative; z-index: 1; top: 0px; left:0px;}
.right_search_form{width: 182px; background:url(webpic/src_bk.png); background-repeat:repeat-x; border:0px; height: 20px; padding-top:4px; color:#FFF;}
#head_right_shadow{width: 14px; height: 146px; position:relative; z-index: 2; top: -42px; left:168px; background: url(webpic/shadow_r2l.png); }
#head_right_bk{width: 182px; height: 146px; background: #9aab64; position:relative; z-index: 0; top: -188px; left:0px;}

#header_shadow{width: 778px; height: 11px; margin-left:182px; background: url(webpic/shadow_header.png); background-repeat: repeat-x;}

#middleframe{min-height: 400px;}

#leftbox{width: 182px; float: left;}
#left_menu_shadow{background:url(webpic/left_menu_shadow.png); background-repeat:repeat-x; height:18px; width:100%;}
#left_menu_bottom{background: #f2f2f2 url(webpic/left_menu_bottom.png); height:18px; width:100%;}

#contentbox{width: 490px; margin-left: 62px; float: left; margin-right:36px; font: 14px Arial, Helvetica, sans-serif;}
#rightbox{width: 190px;float: left;}
#shoppingcart{background: url(webpic/middle_right_tip_shadow.png); padding-left:8px; background-repeat:repeat-y;}
#prod_text{ width: 320px; float: left; font: 14px Arial, Helvetica, sans-serif; margin-bottom: 20px;}
#prod_pic{width: 150px; margin-left: 20px; float:left;}
#prod_count{width: 40px; height: 40px; margin-top:4px; float:left;}
#prod_counttx{width: 20px; margin-top:10px; float:left;}
#prod_size{width: 140px; height: 40px; text-align: right; margin-right:10px; margin-top:4px; float:left; }
#prod_sizetx{width: 60px; height: 30px; margin-top:10px; float:left;}
#prod_buy{width: 150px; height: 40px; margin-left: 20px; float:right; text-align:right;}



#right_tip{background: url(webpic/middle_right_tip_shadow.png); padding-left:8px; background-repeat:repeat-y; background-position: 0px 10px;}
.right_head{width: 174px; padding-top: 5px; padding-bottom:5px; padding-left: 8px; background: #ca1140; font: 12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold;}
.right_head a:link, .right_head a:visited, .right_head a:hover{color: #FFFFFF;}
.right_tip_price{color:#ca1140;}
#right_tip_prod{width: 172px; text-align: center; margin-left: 5px; margin-right: 5px; margin-top: 15px; margin-bottom: 110px;}


#basket_container
{
    background-image: url(webpic/varukorg_item_bg.png); 
    background-repeat: repeat; 
    width: 182px; 
    line-height: 22px; 
    float:left;
}

.basket_item_name
{
    margin-left: 6px;
    color: #404040;
    float: left; 
    clear: left;
    width: 130px;
}

.basket_item_price
{
    margin-right: 3px;
    color: #404040;
    float: right; 
    clear: right;
    width: 40px;
}

#basket_bottom{padding-top: 0px; padding-bottom:0px; margin-top:6px;  margin-left:6px; margin-right:3px;  height: 20px;}

#special_tupp{width: 100%; position:relative; top: 0px; left: 0px; z-index: 4; height:101px; background-position: 830px; background-image:url(webpic/vindsnurra.png); background-repeat:no-repeat;}

#bottomframe{height: 133px; background:#333 url(webpic/bottom_bk.png);}
#bottom_left{width:150px; margin-left: 16px; margin-right: 15px; padding-top:40px; font: 12px Arial, Helvetica, sans-serif; color:#ebebeb; float: left;}
#bottom_splitter{width:2px; height: 133px; background: url(webpic/bottom_splitter.png); background-repeat:no-repeat; float: left;}
#bottom_right{width: 594px; margin-left:16px; padding-top:40px; padding-left: 46px; float:left; color:#ebebeb}
#bottom_design{width: 71px; margin-right: 20px; float: right; font: 9px Arial, Helvetica, sans-serif; padding-top:40px;}

#cleardiv{clear:both;}
h1{font: 20pt "Times New Roman", Times, serif; text-transform:uppercase; margin:0px; font-weight: lighter; margin-bottom:10px;}
h2{font: 16pt "Times New Roman", Times, serif; text-transform:uppercase; margin:0px; font-weight: lighter; margin-bottom:10px;}

/*##########################################
Script: Niceforms 2.0
Theme: SoftGray
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/

Redesigned: John Ivarsson
http://www.johnivarsson.se/
##########################################*/

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(img/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(img/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(img/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(img/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(img/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(img/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(img/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(img/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(img/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(img/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(img/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#000; padding-left:3px; margin-left:3px; text-align:left;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px; text-align:left;}
.NFSelectOptions {position:relative; background:#FFFFFF; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#333333; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px; border:1px solid #CCC;}
.NFSelectOptions a {display:block; text-decoration:none; color:#333333; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#eaeaea;}
.NFSelectOptions a:hover {background:#eaeaea;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(img/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(img/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(img/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(img/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(img/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(img/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(img/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(img/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

#head_right_bk{background:url(webpic/right_child.png);}

img{border:0px;}



.product_container_search
{
		width: 150px; float: left; height: 150px; margin-right: 5px; margin-bottom: 20px; text-align: center; font: 12px Arial, Helvetica, sans-serif;
}

.product_container_search  p
{
    margin-top: 0px;
    padding-top: 0px;
}
.product_container_search a
{
    font-weight: bold;
}
.product_container_search img
{
	padding: 5px;
}

.gallery_container
{
		float: left; margin-right: 40px; margin-bottom: 10px; text-align: center;
}

.koptable td{ padding-bottom:6px;}

#product_image 
{
    margin-bottom: 7px;
}


.basket_header 
{
    background-color: #9f0b0f;
    padding: 5px;
    color: #FFFFFF;
}