/* -- BODY-- */
body  {
	font: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:12pt;
	color: #000000;
	background: #ffffff;
	margin: 0; 
	padding: 20px;
	text-align: left;
}

/* -- Main Div's -- */
#wrapper {
	margin: 0;
	text-align: left;
} 
#header {
	height: 110px;
	margin:0;
	padding:0;
	display:none;
}
#content {
	margin: 0;
	padding: 0;
}
#content_left {
	display: none;
}
#content_right {

}
#content_main {

}
#main_top {
    display:none;
}
#main_image {
    margin-bottom:20px;
}

/* -- Main Text Elements -- */
p 
{
	font-size: 12pt;
	line-height: 18pt;
	margin: 0em 0em 0.6em 0em;
}
p.line 
{ 
	border-bottom:1px solid #f1f1f1 ;
	margin:15px 0 15px 0;
} 
h2 
{
	font-family: Arial, sans-serif;
	font-size: 18pt;
	color: #363636;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h3 
{
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	color: #363636;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h4
{
	display:inline;
	font-size: 1.2em;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h5
{
	display:inline;
	font-size: 0.9em;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}
h6{
	font-size: 0.9em;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
}

/* -- Bottom boxes -- */
#content_bottom {
	display:none;
}
#bottom_left {
	
}
#bottom_right {

}
#content_bottom h2 {

}
#content_bottom p {

}
#content_bottom p.highlight {

}
#content_bottom p.flat {

}

/* -- Left Column boxes -- */
.content_box {

}
.content_box h2 {

}
.content_box p {

}
.content_box p.highlight {

}



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

/* -- Misc text elements -- */
#footer p 
{
	margin-top:40px;
	font-size:10pt;
	color: #999999;
	text-align:center;
}
#footer a
{
	text-decoration:none;
	color: #999999;
}
.smallFont
{
	font-size: 0.8em;
}
.smallGridFont
{
	font-size: 0.8em;
	color: #bababa;
	margin-left:8px;
}
.text_xs_g
{
	font-size: 0.8em;
	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:left;
}
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
}

/* -- Slider --*/
.slider_rail {
    float:left;
    clear: right;
    margin-right:8px;
    position: relative;
    height: 17px;
    width: 30px;
    background: #ffffff url(../graphics/bar.gif) repeat-x;
}
.slider_handle {
    position: absolute;
    height: 16px;
    width: 8px;
}

/* -- Recept sidan --*/
.greyBox2
{
    width:170px;
    background-color: #f1f1f1;
    padding:15px;
    margin-bottom:7px;
}
.receptBild
{
    border:1px solid #e0e0e0;
    padding:3px;
}
.receptShadowSmall
{
    height:114px;
    background-image:url(../graphics/recept_shadow_small.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
}
.receptShadowLarge
{
    height:308px;
    background-image:url(../graphics/recept_shadow_large.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
}
.receptH6
{
    margin-top:0px;
}

/* -- Nyhets lista -- */
.news_list
{
	width:650px;
}
.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:0.9em;
	background-color:#f4f4f4;
}
.gridview .alter_row
{
	font-size:0.9em;
	background-color:#ffffff;
}
.gridview .dropdown
{
	height:18px;
	font-size:0.9em;
}

/* -- Producent sidan -- */
#producerImagelist
{
	margin:20px 0 10px 0;
}

/* -- Produkt sida  -- */
#productWrapper
{
    width:669px;
}
#productImageContent 
{
	margin-top:8px;
	margin-bottom:6px;
	
}
#productImage {
	float: left;
	margin-top:40px;
	width: 210px;
	text-align:center;
}
.productInfo {
	margin-left: 10px;
	float: left;
	width: 449px;
}
.regularText 
{
    font-size: 0.9em;
}
.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;
}
.orderNotice
{
    background-image:url(../graphics/order_notice_bg.png);
    width:200px;
    height:47px; 
    position: absolute;
	z-index: 20;
	top: 620px;
	left: 172px;
	padding: 5px 10px 10px 15px;
	text-align:left;
}
.containerGray
{

}
.greyBoxProductFirst
{
    width:170px;
    float:left;
    padding:10px;
}
.greyBoxProductSecond
{
    width:170px;
    float:left;
    padding:10px;
    margin-left:10px;
}
.commentBox
{
    background-color:#f1f1f1;
    padding:10px;
}

/* -- 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: repeat-x;
	background-position: bottom;
}
.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: 0.9em;
	color: #911132;
	font-weight: normal;
	margin: 0.6em 0em 0.6em 0em;
	text-decoration: none;
}

/* -- 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: 0.9em;
	margin: 1px 10px 0px 5px; 
}
div.inputWrapper320
{
    float:left;
	width: 320px;
	height: 27px;
	/* 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: 0.9em;
	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: 76% Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 0.9em;
	line-height: 1.4em;
}
div.inputWrapper175
{
    float:left;
	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;
	margin-right: 10px;
}
div.inputWrapper175 input {
	width: 160px;
	border: 0;
	background-color: transparent;
	color: #5d5d5d;
	font-size: 0.8em;
	margin: 1px 10px 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: 0.8em;
	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: 76% Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 0.8em;
	line-height: 1.4em;
}
.leftInput 
{
    color: #5d5d5d;
    font-size: 1em;
	margin: 1px 4px 4px 0px;
	width: 130px;
}
input 
{
    font-size: 1em;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	color: #555555;
}
option 
{
    font-size: 1em;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	color: #555555;
}
select 
{
    font-size: 1em;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	color: #555555;
}


/* -- Buttons -- */
.button {
	margin-bottom: 10px;
}
.button img {
	display:none;
}
.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: 18px;
	margin:0px;
	font-size: 0.9em;
	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: 84px;
	text-align: center;
	width: 516px;
	float:left;
}
#menu_search{
	margin-top: 55px;
	width: 180px;
	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: 1.0em;
	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 menu Searchbox -- */
#menu_search a {
	font-size: 0.8em;
	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: 1em;
}
#menu_search #button {
	color: #000000;
}

/* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. */
.left_h2, .bottom_h2, .main_h2 {
	font-family: Arial, sans-serif;
	font-size: 1.8em;
	margin: 0.6em 0 0 0;


.product_h2 {
	color: #911132;
	font-family: Arial, sans-serif;
	font-size: 1.6em;
	margin: 0.4em 0 0.6em 0;
}


.main_h3 {
	color: #911132;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	margin: 0 0 0 0;
}
.main_h4 {
	color: #911132;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	margin: 0 0 0 0;
}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}