body { font:normal normal 12px verdana,arial,helvetica,sans-serif; }

a { color:#000; text-decoration:underline; }
a:hover { color:#666; }
img { border:0; }

/**
 * Block types h1-h6, pre, p and address can be used in Lemon's editor and
 * you can customize their names by altering the comment behind the rule.
 * See the example below! Note: The rule must be on ONE line to work in Lemon.
 */
h1 { font:normal 18px Arial,Helvetica,Verdana,sans-serif; padding:0 0 10px; text-transform:uppercase; } /* HUVUDRUBRIK */
h2 { font:bold 14px Arial,Helvetica,Verdana,sans-serif; padding:5px 0 5px; } /* Mellanrubrik */

.small { font-size:10px; } /* LemonStyle: Liten text */

table { width:100%; margin-bottom:10px; }
td { padding:5px; }

ul { margin-bottom:10px; }
ul li { margin:0 0 5px 20px; list-style-type:disc; line-height:18px; }

p { margin:0; padding:0 0 10px 0; line-height:18px; font-size:12px; } /* Stycke */

.clear { clear:both; }

#wrapper { width:820px; margin:50px auto 0 auto; }
	#logotype { padding:0 0 20px 20px; }
	#container { float:left; width:706px; background:url('../img/container_bg.png') no-repeat top left; }
		#menu { margin:10px 28px 10px 28px; border-bottom:1px solid #999; padding-left:10px; }
			#menu .item a { float:left; font:bold 12px arial; color:#000; text-decoration:none; padding:7px; background:#ececec; margin-right:3px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
			#menu .item a:hover { background:#ddd; }
			#menu .active a { background:#ddd; }
		#header { margin:20px 28px; }
		#content { margin:0 28px 20px 28px; }
			#content_left { float:left; margin-right:20px; width:278px; }
			#content_right { float:left; ; width:350px; border:1px solid #ccc; }

		#footer { margin:0 19px 0 20px; text-align:center; font-size:11px; color:#999; }
		#container_bottom { height:20px; background:url('../img/container_bottom_bg.png') no-repeat top left;}
	#sidebar { float:left; width:110px; }
		#sidebar_top { width:100px; height:10px; background:url('../img/sidebar_top.png') no-repeat top left; }
		#sidebar_middle { width:90px; padding:0 10px 0 0; background:url('../img/sidebar_middle.png') repeat-y; }
		#sidebar_bottom { width:100px; height:110px; background:url('../img/sidebar_bottom.png') no-repeat top left; }
		#buy { text-align:center; font:bold 10px verdana; padding-top:5px; }
			#buy a { text-decoration:none; }

/* Clear after #wrapper */
#wrapper:after,#menu:after,#content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#wrapper,#menu,#content{display:inline-block;}* html #wrapper,* html #menu,* html #content{height:1%;}#wrapper,#menu,#content{display:block;}


/* form.con - styling for lemongenerated forms --------------*/
.form { margin:0 auto; width:500px; background:#f5f5f5; border:1px solid #ccc; }

.form td { text-align:center; }
.form td img { margin:10px 0; width:200px; height:55px; }
.form #uword { margin-top:10px; }

.label_td { width:200px; padding:10px 0 0 10px; text-align:left !important; }
.field_td { width:300px; padding:10px 0 0 10px; text-align:left !important; }

.group_td { width:400px; padding-left:10px; padding-bottom:10px; text-align:left !important; }

.field_input { width:280px; margin:0 10px 0 0; }
.field_text, .field_textarea, .field_select { font-size:13px; }
.field_textarea { height:70px; overflow:auto; }
.field_checkbox { width:auto; }

.button { margin:0 7px 10px 0; font:bold 12px tahoma; width:80px; }

.line {
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
	display: block;
}
.order {
	width: 530px;
	padding: 0px;
	margin: 0px;
}
	.order label { margin-right: 3px; }
	.order .req { color: #FF5000; }
	.order .status { color: red; font-weight: bold;font-size: 11px; display: none; }
	.order .input { padding: 1px 2px 2px 2px; border: 1px solid #999999; }
	.order .button { width: auto; padding: 3px 3px 5px 3px; }
	.order .rightspace { margin-right: 8px; }
	.order .textarea { padding: 1px 2px 2px 2px; border: 1px solid #999999; }

	.order .area {
		background:#f5f5f5; 
		padding: 5px 5px 5px 5px;
		border:1px solid #ccc;
		margin: 0px 0px 5px 0px;
	}
	.order .noborder {
		background: none; 
		border: none;
		margin: 0px 0px 0px 0px;
	}
	
	.order .smallinput { width: 30px; }
	.order .fullwidth { width: 98%; }
	.order .full { width: 99%; }
	.order .half { width: 48%; }
	.order .left { float: left; display: block; padding: 0px 5px 0px 5px; }
	.order .clear { clear: both; }

	.order .error {  border: 1px solid #770000; }