/* -- BODY-- */
body  {
	font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #555555;
	background: #4b0108;
	background-image:url(../graphics/bg_gradient.gif);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: left;
}

/* -- Main Div's -- */
#wrapper {
	width: 958px;
	padding: 0 20px 20px 20px;
	margin: 0;
	text-align: left;
} 
#header {
	height: 110px;
	margin:0;
	padding:0;
}
#content {
	margin: 6px 0 0 0;
	padding: 0;
}
#content_left {
	float: left;
	width: 248px;
}
#content_right {
	margin-left: 5px;
	float: left;
	width: 705px;

}
#content_main {
	position: relative;
	z-index:2;
	margin-top: -1px;
	padding: 10px 18px 10px 18px;
	background: #ffffff;
	min-height:400px;
}
#main_top {
	position: relative;
	z-index: 10;
	background-image: url(../graphics/main_top.gif);
	background-repeat: no-repeat;
	height: 1px;
	width: 705px;
	margin: 0;
	padding: 0;
	overflow:hidden; 
	display:block;
}
#main_image {
	position: relative;
	z-index:1;
	margin-top: -1px;
	background: #ffffff;
}

/* -- Bottom boxes -- */
#content_bottom {
	min-height: 138px;
	background: #d2d2d2;
	background-image: url(../graphics/bottom_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 26px 33px 16px 33px;
}
#bottom_left {
	float: left;
	width: 254px;
	border-right: 1px solid #ffffff;	
	padding-right: 10px;
}
#bottom_right {
	margin-left: 25px;
	float: left;
	width: 325px;
}
#content_bottom h2 {
	color: #da7939;
	margin: 0em;
}
#content_bottom p {
	margin: 0.6em 0em 1em 0em;
}
#content_bottom p.highlight {
    color: #da7939;
}
#content_bottom p.flat {
    margin-bottom: 0;
}

/* -- Left Column boxes -- */
.content_box {
	min-height: 96px;
	background: #d2caae;
	background-image: url(../graphics/box_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 12px 0 2px 16px;
}
.content_box h2 {
	color: #ffffff;
	margin: 0em;
}
.content_box p {
	margin: 0.2em 1em 1em 0em;
}
.content_box p.highlight {
    color: #da7939;
    margin: 0.6em 0em 0.4em 0em;
}
.content_box .float_left
{
	width:130px;
	float:left;
}
.content_box .float_right
{
	float:right;
}
.content_gray_box {
	min-height: 96px;
	background: #d2d2d2;
	background-image: url(../graphics/box_gray_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 2px 0 12px 16px;
}
/* -- Puff lista -- */
.news_box_list
{
	width:248px;
	padding:0;
	margin:0;
}
.news_box_list .list_image
{
	float:left; 
	clear:right; 
	width:80px;
}
.news_box_list .list_no_image
{
	float:left; 
	clear:right; 
	width:0px;
	display:none;
}
.news_box_list .list_content
{
	float:left; 
	clear:right; 
	width:145px;
}
.news_box_list .list_content_no_image
{
	float:left; 
	clear:right; 
}

/* -- Main Text Elements -- */
p 
{
	font-size: 11px;
	line-height: 1.4em;
	margin: 0em 0em 0.6em 0em;
}
p.line 
{ 
	border-bottom:1px solid #f1f1f1 ;
	margin:15px 0 15px 0;
} 
p.grey_text 
{ 
	color: #bababa;
} 
h1 
{
	font-size: 20px;
	color: #363636;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h2 
{
	color: #911132;
	font-size: 18px;
	font-weight: normal;
	margin: 0.4em 0 0.6em 0;
}
h3 
{
	font-size: 16px;
	color: #363636;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h4
{
	display:inline;
	font-size: 13px;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h5
{
	display:inline;
	font-size: 10px;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h6{
	font-size: 10px;
	color: #911132;
	font-weight: normal;
	margin: 8px 8px 8px 0px;
}

/* -- Länkar -- */
a 
{
	color: #555555;
	text-decoration: underline;
}
a:link {}
a:visited {}
a:hover 
{
	color: #999999;
}
a:active {}

a.red_link
{
	color: #911132;
	text-decoration:none;
}

/* -- Misc text elements -- */
#footer p 
{
	font-size:9px;
	margin-top:5px;
	color: #f1f1f1;
	text-align:center;
}
#footer a
{
	text-decoration:none;
	color: #f1f1f1;
}
.smallFont
{
	font-size: 10px;
}
.small_text
{
	font-size: 9px;
}
.smallGridFont
{
	font-size: 9px;
	color: #bababa;
	
}
.text_xs_g
{
	font-size: 10px;
	color: #bababa;
	margin-left:8px;
}
.redFont
{
	color: #911132;
}

/* -- Misc Elements -- */
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.float_right 
{
    float:right;
}
.float_left
{
    float:left;
}
.margin20
{
	margin:0 20px 0 20px;
}
.floatLeft
{
    float:left;
    clear:right;
}
.floatRight
{
    float:right;
    clear:right;
}
hr
{
	height:1px;
	color:#f1f1f1;
}
.line660
{
	width:660px;
}
.line440
{
	width:440px;
}
.line150
{
	width:150px;
}
.line100
{
	width:100px;
    text-align: left;/*this will align it for IE*/
    margin: 0 auto 0 0; /*this will align it left for Mozilla*/ 
}
img {
	border: none;
}
.container
{
	width:669px;
}

.columnLeft
{
	border-right:1px solid #f1f1f1; 
	float:left; 
	width:450px; 
	padding-right:20px; 
	margin-right:20px;
}
.columnRight
{
	float:left; 
	width:150px
}
.columnMidLeft
{
	border-right:1px solid #f1f1f1; 
	float:left; 
	width:310px; 
	padding-right:20px; 
	margin-right:20px;
}
.columnMidRight
{
	float:left; 
	width:310px
}
.foto_link{
    position: absolute;
    top: 5px;
    right: 10px;    
    font-size: 10px;
}
.text_middle{
    vertical-align:middle;
    border: 0;
}

/* -- Recept sidan --*/
.greyBox2
{
    width:170px;
    background-color: #f1f1f1;
    padding:15px;
    margin-bottom:7px;
}
.receptBild
{
    border:1px solid #f1f1f1;
    padding:3px;
}
.receptBildLarge
{
	border:1px solid #f1f1f1; 
	width:648px; 
	padding:4px; 
	text-align:center;
}
.receptShadowSmall
{
    height:114px;
    background-image:url(../graphics/recept_shadow_small.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
}
.receptShadowLarge
{
	height:16px;
    background-image:url(../graphics/recept_shadow_large2.jpg);
    background-repeat: no-repeat;
    background-position:top left;
}
.receptH6
{
    margin-top:0px;
}
/* -- Drink sidan -- */
.drink_info_left
{
	float:left; 
	width:450px; 
	margin-right:20px;
}
.drink_info_right
{
	float:left; 
	width:180px;	
}
.drink_info
{
	float:left; 
	width:310px;
}
.drink_image
{
	float:left; 
	width:140px; 
	text-align:center;
}
/* -- Nyhets lista -- */
.news_list
{
	width:650px;
}
.news_list .list_item
{
	margin-bottom:45px;
}
.news_list .list_image
{
	float:left; 
	clear:right; 
	width:190px;
}
.news_list .list_content
{
	float:left; 
	clear:right; 
	width:450px;
}

/* -- Beställnings lista -- */
.gridview
{
	width:100%;
	padding:4px;
	border:none;
}
.gridview .row
{
	font-size:11px;
	background-color:#f4f4f4;
}
.gridview .alter_row
{
	font-size:11px;
	background-color:#ffffff;
}
.gridview .dropdown
{
	height:18px;
	font-size:11px;
}

/* -- Producent sidan -- */
#producerImagelist
{
	margin:20px 0 10px 0;
}
/* -- Restaurangsales sidan -- */
.salesinfo{
	padding:0 0 0 25px;
}

/* -- In English -- */
a.img_zoom{
    position:relative;
    top: -140px;
    left: 415px;
	display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: transparent url("../graphics/img_zoom.png") no-repeat 0 0;
	outline: none;
	border: 0;
}
a.img_zoom:hover{background-position: -29px 0;}
a.img_zoom:active{outline: none;}

/* -- Produkt sida  -- */
#productWrapper
{
    width:669px;
    margin-bottom:30px;
}
#productImageContent 
{
	margin-top:0px;
	margin-bottom:6px;
	
}
#productImage {
	float: left;
	margin-top:17px;
	width: 210px;
	text-align:center;
}
.productInfo {
	margin-left: 10px;
	margin-top:25px;
	float: left;
	width: 449px;
}
.regularText 
{
    font-size: 11px;
}
.greyBox1
{
    width:429px;
    background-color: #f1f1f1;
    padding:10px;
}
.clockType 
{ 
	float:right;
}
.produktFakta
{
	color: #911132;
}
.clockType p {margin: 0;}
.clockType td {padding-right:10px;}
.iconImg 
{
    vertical-align:middle;
    margin-right:4px;
}
.product_order_notice
{
    background-image:url(../graphics/order_notice_bg.png);
    width:228px;
    height:84px; 
    position: absolute;
	z-index: 20;
	top: 560px;
	left: 174px;

}
.product_order_notice .content
{
	padding: 12px 5px 10px 21px;
	text-align:left;
}
.containerGray
{
	width:669px;
	/*background-image:url(../graphics/fakeboxes_bg.gif);
	background-repeat:repeat-y;*/
}
.greyBoxProductFirst
{
    width:196px;
	height:118px;
    float:left;
    padding:10px;
    background-color:#f1f1f1;
}
.greyBoxProductSecond
{
    width:196px;
    height:118px;
    float:left;
    padding:10px;
    margin-left:10px;
    background-color:#f1f1f1;
}
.commentBox
{
    background-color:#f1f1f1;
    padding:10px;
}
.box_input
{
	width:185px;
}
/* -- Produkt lista -- */
.productList
{
	width:330px;
}
.productListImage
{
    width:100px;
    float:left;
    margin: 20px 0px 20px 0px;
    text-align:center;
}
.productListInfo
{
	width:210px;
	float:left;
    margin-right: 20px;
    margin-top: 20px;
}
a.productListLink
{
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
	text-decoration: none;
}
.list_headline {
    background-image: url(../graphics/result_line.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.pager
{
	text-align:center;
	margin:35px 0 15px 0;
}
.productListInfo p {margin: 0;}
.productListInfo h6 {margin: 0;}
.productListInfo td {padding-right:10px;}
#ClockType td
{
    text-align:center;
    padding: 0 5px 0 5px;
}
.table_header a
{
	font-size: 11px;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
	text-decoration: none;
}

/* -- Kommentarer -- */
.comments_list_holder
{
	margin-bottom:10px;
}
.comments_list_item
{
	padding:10px; 
	margin-bottom:5px;
}
.comments_holder
{
	padding:10px; 
	background-color:#f1f1f1; 
	margin-bottom:10px;
}
.comments_holder .name_field
{
	float:left; 
	width:185px;
}
.comments_holder .send_button
{
	float:left; 
	width:60px;
}
.comments_holder .message
{
	float:left; 
	width:300px;
}
.comments_holder .clear
{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin-bottom:5px;
}

/* -- Input Elements -- */
div.inputWrapper460 
{
    float:left;
	width: 460px;
	height: 30px;
	/* padding: 4px 10px 3px 10px;  */
	background-image: url(../graphics/input_bg_460.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
}
div.inputWrapper460 input {
	width: 445px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	font-size: 11px;
	margin: 2px 10px 0px 5px; 
}
div.inputWrapper320
{
    float:left;
	width: 320px;
	height: 26px;
	/* padding: 4px 10px 3px 10px;  */
	background-image: url(../graphics/input_bg_320.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-bottom:5px;
}
div.inputWrapper320 input {
	width: 305px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	font-size: 11px;
	margin: 1px 10px 0px 5px; 
}
div.inputWrapper320area
{
    float:left;
	width: 320px;
	height: 127px;
	/* padding: 4px 10px 3px 10px;  */
	background-image: url(../graphics/input_bg_320_textarea.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
}
div.inputWrapper320area textarea {
	width: 305px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	margin: 2px 5px 0px 5px;
	font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 11px;
	line-height: 14px;
}
div.inputWrapper175
{
	width: 175;
	height: 30px;
	/* padding: 4px 10px 3px 10px;  */
	background-image: url(../graphics/input_bg_175.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.inputWrapper175 input {
	width: 160px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	font-size: 11px;
	margin: 1px 7px 0px 5px; 
}
div.inputWrapper200
{
	width: 200;
	height: 30px;
	background-image: url(../graphics/input_bg_200.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
div.inputWrapper200 input {
	width: 185px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	font-size: 11px;
	margin: 1px 10px 0px 5px; 
}
div.inputWrapper640
{
	width: 640;
	height: 80px;
	/* padding: 4px 10px 3px 10px;  */
	background-image: url(../graphics/input_bg_640.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:5px;
}
div.inputWrapper640 textarea {
	width: 625px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	margin: 2px 5px 0px 5px;
	font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 11px;
	line-height: 14px;
}
div.inputWrapper640gray
{
	width: 640;
	height: 80px;
	/* padding: 4px 10px 3px 10px;  */
	background-image: url(../graphics/input_bg_640_gray.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:1px;
}
div.inputWrapper640gray textarea {
	width: 625px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	margin: 2px 5px 0px 5px;
	font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 11px;
	line-height: 14px;
}
.leftInput 
{
    color: #5d5d5d;
    font-size: 11px;
	margin: 1px 4px 4px 0px;
	width: 130px;
}
.dropdown
{
	
}
input 
{
    font-size: 11px;
    font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
	color: #555555;
}
option 
{
    font-size: 11px;
    font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
	color: #555555;
}
select 
{
    font-size: 11px;
    font-family: Lucida Sans, Trebuchet MS, Verdana, Arial, sans-serif;
	color: #555555;
	height:20px;
}

/* -- Slider -- */
 .slider_rail {

    position: relative;
    height: 17px;
    width: 30px;
    background: #ffffff url(../graphics/bar.gif) repeat-x;
}
.slider_handle 
{
	cursor:pointer;
    position: absolute;
    height: 16px;
    width: 8px;
}


/* -- Buttons -- */
.button {
	margin-bottom: 10px;
}
.button img {
	vertical-align:top;
}
.button18 {
	display:inline-block;
	height: 18px;
	text-align:center;
}
a.button18 {
	background-image: url(../graphics/link_bg_18.gif);
	background-position: left top;
	padding: 0px 8px 0px 8px;
	line-height: 19px;
	margin:0px;
	font-size: 10px;
	font-weight: bold;	
	color: #ffffff;
	text-decoration: none;
}
a.button18:link {}
a.button18:visited {}
a.button18:hover { 
	background-position: 0% -18px; 
}
a.button18:active {}
/* -- Rounded corners for buttons -- */
.btn_top, .btn_bottom {
 font-size:1px; 
 overflow:hidden;
 display:block;
}
.btn_top {height:1px; background:#f5c765; margin-left: 1px; margin-right: 1px;}
.btn_bottom {height:1px; background:#eb893f; margin-left: 1px; margin-right: 1px;}


/* -- ROUNDED CORNERS -- */
.mt1px_w, .mt1px_g, .mt1px_a, .mt1px_b 
{
 font-size:1px; 
 overflow:hidden; 
 display:block;
}
.mt1px_w {height:1px; background:#ffffff; margin-left: 1px; margin-right: 1px;}
.mt1px_g {height:1px; background:#d2d2d2; margin-left: 1px; margin-right: 1px;}
.mt1px_a {height:1px; background:#cec7ae; margin-left: 1px; margin-right: 1px;}
.mt1px_b {height:1px; background:#d2caae; margin-left: 1px; margin-right: 1px; margin-bottom: 5px;}


/* -- Fallback header elements -- */
#header_alternative {
 height: 115px;
 margin:0;
 padding:0;
}
#logo {
 margin-top: 20px;
 margin-left: 36px;
 width: 186px;
 float:left;
}
#menu {
 margin-top: 68px;
 text-align: left;
 width: 500px;
 margin-left:30px;
 float:left;
}
#submenu {
 text-align: left;
 width: 530px;
 margin-left:30px;
 float:left;
}
#menu_search{
 margin-top: 40px;
 width: 150px;
 float:right;
    text-align: right;
}


/* -- Fallback Menu -- */
#menu ul {
 margin: 0;
 padding: 0;
 list-style-type:none; 
}
#menu li {
 margin: 0;
 padding: 0;
 padding-right: 20px;
 display:inline;
}
#menu li a {
 font-size: 11px;
 font-weight: bold; 
 color: #ffffff;
 text-decoration: none;
}
#menu li a:link {
 color: #ffffff;
}
#menu li a:visited {
 color: #ffffff;
 }
#menu li a:hover {
 color: #db9c53;
}
#menu li a:active {
 color: #db9c53;
}
/* -- Fallback SubMenu -- */
#submenu ul {
 margin: 0;
 padding: 0;
 list-style-type:none;
 line-height:1.1em;
}
#submenu li {
 margin: 0;
 padding: 0;
 padding-right:5px;
 margin-right:5px;
 display:inline;
 border-right:1px solid #ffffff;
 line-height:1.1em;
}
#submenu li a {
 font-size: 10px;
 font-weight: normal; 
 color: #ffffff;
 text-decoration: none;
 line-height:1.1em;
}
#submenu li a:link {
 color: #ffffff;
}
#submenu li a:visited {
 color: #ffffff;
 }
#submenu li a:hover {
 color: #ffffff;
 text-decoration: underline;
}
#submenu li a:active {
 color: #ffffff;
}

/* -- Fallback menu Searchbox -- */
#menu_search a {
 font-size: 10px;
 font-weight: normal; 
 color: #ffffff;
 text-decoration: none;
}
#menu_search a:link {
 color: #ffffff;
}
#menu_search a:visited {
 color: #ffffff;
 }
#menu_search a:hover {
 color: #db9c53;
}
#menu_search a:active {
 color: #db9c53;
}
#menu_search form{
 margin-top: 10px;
}
#menu_search input {
 font-size: 11px;
}
#menu_search #button {
 color: #000000;
}

/* -- sIFR -- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

/* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. */
h1{
	font-family: Arial, sans-serif;
	font-size: 1.8em;
	margin: 0.6em 0 0 0;
}
h2 {
	color: #911132;
	font-family: Arial, sans-serif;
	font-size: 1.6em;
	margin: 0.4em 0 0.6em 0;
}
h3 {
	color: #911132;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	margin: 0 0 5px 0;
}
.shadow_h2, .shadow_red_h2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	margin: 0.6em 0 0 0;
}
.main_h3 {
	color: #911132;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	margin: 0 0 5px 0;
}
.sIFR-active .shadow_h2, .sIFR-active .shadow_red_h2, .sIFR-active h1 {
    visibility: hidden;
	font-family: Arial, sans-serif;
	font-size: 1.8em;
}
.sIFR-active h2 {
    visibility: hidden;
	font-family: Arial, sans-serif;
	font-size: 1.6em;
}
.sIFR-active h3 {
    visibility: hidden;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
}
.sIFR-active .main_h3 {
    visibility: hidden;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
}