* {
	margin: 0;
	padding: 0;
	outline: 0;
}
html, body {
	height: 100%;
}
body {
	font-size: 77.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #c4e6ff url("../images/skebokott/body_bg.jpg") repeat-x bottom;
	background-attachment: fixed;
}
h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #39b000;
	margin-bottom: 0.5em;
}
h1 {
	font-size: 2.6em;
}

#statusbar h1 {
	margin: 0;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.8em;
}
h3.border {
	color: #999; 
	margin-bottom: 0.9em; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #ccc;
}
label{
	cursor: pointer;
}
h4 {
	font-size: 1.4em;
}

p {
	margin: 0.3em 0 0.6em 0;
	font-size: 1.0em;
	line-height: 1.4em;
}

p.date {
	font-weight: 600;
	margin: 0;
}
div#errorBox{
	background:#F29A79 none repeat scroll 0 0;
	border:1px solid red;
	margin:0 0 15px;
	padding:10px;
}
p.error {
	padding: 10px;
}
a, 
a:link {
	color: #39b000; /*326812;*/
}
ol {
	margin-left: 25px;
	list-style-position: outside;
}
ul {
	margin-left: 15px;
	list-style-type: disc;
	list-style-position: inside;
}
	ul li, ol li {
		padding-left: 5px;
		padding-bottom: 0.7em;
	}
table, table td {
	font-size: 1.0em;
}
img.border{
	border:1px solid #ccc;
	background-color: #fff;
	padding:7px;
}
a#logo_home {
	display: block;
	position: absolute;
	width: 320px;
	height: 102px;
	top: 10px;
	left: 340px;
}
div#wrapper {
	position: relative;
	width: 998px;
	min-height: 100%;
	margin: 0 auto;
	background: url("../images/skebokott/wrapper_bg.png") no-repeat 0px 195px;
}
* html #wrapper {
	height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
	div#header {
		height: 120px;
		background: url("../images/skebokott/skebo_logo.gif") no-repeat center;
	}
	div#top_menu {
		position: relative;
	}
	div#top_menu div.studioLiMenu ul {
		height: 33px;
		position: relative;
		margin: 0 7px;
		list-style-type: none;
		list-style-position: outside;
	}
		div#top_menu div.studioLiMenu ul li {
			float: left;
			background: url("../images/skebokott/menu_bg.gif") repeat-x;
			list-style-type: none;
			list-style-position: outside;
			margin-top: 4px;
			margin-right: 1px;
			padding-left: 0;
			padding-bottom: 0;
			font-size: 1.2em;
		}
		div#top_menu div.studioLiMenu ul li.selected {
			background: #fff;
			margin-top: 0px;
		}
			div#top_menu div.studioLiMenu ul li p.sifr_menu {
				float: left;
			}
			div#top_menu div.studioLiMenu ul li div.menu_left {
				float: left;
				width: 9px;
				height: 9px;
				background: url("../images/skebokott/menu_tab_left.gif") no-repeat left top;
			}
			div#top_menu div.studioLiMenu ul li div.menu_right {
				float: left;
				width: 9px;
				height: 9px;
				background: url("../images/skebokott/menu_tab_right.gif") no-repeat left top;
			}
			div#top_menu div.studioLiMenu ul li a {
				display: block;
				float: left;
				padding: 0 10px;
				height: 29px;
				line-height: 29px;
				color: #ccc;
				text-decoration: none;
			}
			div#top_menu div.studioLiMenu ul li.selected a {
				height: 33px;
				line-height: 33px;
				color: #000;
				font-weight: 600;
			}
				/* Sub menu */
				div#top_menu div.studioLiMenu ul li.selected ul {
					position: absolute;
					left: 1px;
					top: 33px;
					height: 42px;
					width: 720px;
					margin: 0;
					background-color: #fff;
					border-bottom: 1px solid #eee;
				}
					div#top_menu div.studioLiMenu ul li.selected ul li {
						font-size: 0.8em;
						margin: 0;
						background: none;
						display: block;
						float: left;
						margin-top: 4px;
						
					}
					div#top_menu div.studioLiMenu ul li.selected ul li.selected {
						background: none;
					}
					div#top_menu div.studioLiMenu ul li.selected ul div.menu_left,
					div#top_menu div.studioLiMenu ul li.selected ul div.menu_right {
						display: none;
					}
						div#top_menu div.studioLiMenu ul li.selected ul li a {
							display: block;
							float: left;
							font-weight: normal;
							color: #787878;
							padding: 0 15px 2px 10px;
							background: url("../images/skebokott/sub_menu_line.gif") no-repeat right center;
						}
						div#top_menu div.studioLiMenu ul li.selected ul li.selected a {
							display: block;
							float: left;
							color: #58ac25;
							text-decoration: underline;
							font-weight: bold;
						}

		#menu_webshop {
			display: block;
			position: absolute;
			width: 130px;
			height: 28px;
			top: 5px;
			right: 7px;
			background: url("../images/skebokott/menu_webshop.gif") no-repeat;
		}
		#menu_blog {
			display: block;
			position: absolute;
			width: 130px;
			height: 28px;
			top: 5px;
			right: 111px;
			background: url("../images/skebokott/menu_blog.gif") no-repeat;
		}
	div#content {
		clear: both;
		background: url("../images/skebokott/content_bg.gif") 7px repeat-y;
	}
	div#left_col {
		float: left;
		width: 730px;
	}
		div#left_col div.inner {
			padding: 22px 20px 0px 28px;
		}
	div#right_col {
		float: left;
		width: 268px;
		_width: 266px;
	}
		div#right_col div.inner {
			padding: 20px 28px 0px 20px;
		}
	div#footer {
		margin-top: 20px;
		padding: 0 17px;
		padding-bottom: 156px;
		_padding-bottom:0px;
		clear: both;
		font-size: 0.85em;
		color: #666;
	}
		div#footer a {
			color: #666;
		}
	
	div#right_col div.icmsLatestNews {
		width:220px;
		height: 216px;
		padding-top: 40px;
		color: #ffffff;
		background: url("../images/skebokott/blogg_background.jpg") no-repeat;
	}

	div#right_col div.icmsLatestNews div.blog_item {
		padding: 0 0 0 15px;
		margin: 0 0 15px 0;
		
	}
	
/* Blog properties */
	div.blog_items div.blog_date {
		float: left;
		width:115px;
		height: 95px;
		background: url("../images/skebokott/blog_calendar.jpg") center no-repeat;
	}
	div#print {
		background: white;
		padding: 10px;
		color: #626262;
	}
	
	div.published {
		color: #626262;
		padding: 5px;

	}
	div#blog-pic {
		width: 230px;
		float: right; 
		padding: 10px;
	}
	div.blog_items div.blog_right p {
		float: left;
	}
	div.blog_items div.blog_right h4 a {
		font-size: 1.4em;
		text-decoration: none;
	}
	div.blog_items div.blog_right h4 a:hover {
		text-decoration: underline;
	}

		
	div.blog_items span.blog_date_day, div.blog_items span.blog_date_month {
		display: block;
		text-align: center;
	}
	div.blog_items span.blog_date_day {
		font-size:1.8em;
		margin: 5px 0 0 0;
	}
	div.blog_items span.blog_date_month {
		font-size:1.8em;
		color: white;
		margin: 3px 0 10px 0;
	}
	div.blog_items div.blog_right {
		width: 330px;	
		float: left;
		color: #535353;
	}
	div.blog_items div.blog_right p {
		float: left;	
	}
	div.blog_tool {
		width: 150px;
		height: 105px;
		float: right;
		margin: 0 20px 0 0;
		border-left: solid 1px #d6d6d6;
	}
	div.blog_tool a.blog_readmore, div.blog_tool span.blog_comments {
		padding-left: 20px;
		padding-top: 4px;
		display: block;
		float: left;
		clear: both;
		margin: 0 0 10px 20px;
		padding-bottom: 3px;
		color: #535353;
		background: url("../images/skebokott/blogg_readmore.jpg") left 5px no-repeat;
	}
	div.blog_tool span.blog_comments {
		color: #535353;
		background: url("../images/skebokott/blogg_comments.jpg") left 5px no-repeat;
	}
	div.blog_items {
		margin: 0 0 20px 0;
		clear: both;
	}
/* Blog comments */
	div#comments {
		background: #deefff;
		padding: 10px;
		border: solid #c4e2fe 1px;
	}
	
	div.comment {
		margin: 0 0 15px 0;
	}
	div.comment_bodybgDark, div.comment_bodybgLight {
		background: #cae4fd;
		float: left;
		width: 500px;
		padding: 10px;
		position: relative;
		color: #434343;
		border: solid 1px #b3d7f9;
		margin-bottom: 10px;
	}
	div.comment_bodybgLight {
	 	background: #ecf6ff;
		border: solid 1px #cbe5fc;

	}
	div.comment_header {
		width: 110px;
		height: 110px;
		position: relative;
		float: left;
		font-size: 0.9em;
		text-align: right;
		background: #deefff;
	}
	div.comment_cornerbgDark, div.comment_cornerbgLight {
		position: absolute;
		width: 10px;
		height: 10px;
		left: -10px;
		top: 15px;
		background: url("../images/skebokott/comments_corner_dark.gif") no-repeat;
	}
	
	div.comment_head {
		padding: 10px;
		background: #deefff;
		border: solid #c4e2fe 1px;
	}
	div.comment_cornerbgLight {
		background: url("../images/skebokott/comments_corner_light.gif") no-repeat;
	}
		div.comment_header div.comment_name, div.comment_header div.comment_date {
			margin: 0px 20px 0 0;
		}
		div.comment_header div.comment_name {
			margin: 10px 20px 0 0;
		}
		div.comment_report {
			float: right;
			position: absolute;
			right: 5px;
			bottom: -20px;
		}
		div.comment_report a {
			font-size: 0.9em;
			color: #707070;
			padding-left: 20px; 
			padding-top: 3px;
			padding-bottom: 3px;
			background: url("../images/skebokott/comments_report.gif") no-repeat left;
		}
	div#right_col div.icmsLatestNews h4 {
		font-size: 1.2em;
	}
	div#right_col div.icmsLatestNews h4 a {
		color: #ffffff;
	}
	
	div#left_col div.icmsLatestNews {
		background: white;
		padding: 20px;
	}
	#loginBox {
		position: absolute;
		top: 0px;
		right: 7px;
		width: 128px;
		height: 114px;
		background-color: #fff;
		font-size: 9px;
		border-left:1px solid #39B000;
		border-right:1px solid #39B000;		
	}
		#loginBox #loginBoxContainer {
			padding: 5px 10px;
		}
		#loginBox #loginBoxMessage {
			position: absolute;
			bottom: -28px;
			right: -1px;
			width: 130px;
			height: 28px;
			text-align: center;
			color: #39B000;
			background: url("../images/skebokott/pren_message_2.gif") left bottom no-repeat;
			cursor: pointer;
		}
			#loginBox #loginBoxMessage span {
				color: #000;
			}

		input#skebo-user,
		input#skebo-pw {
			font-size: 10px;
			margin-bottom: 5px;
			padding: 2px;
			width: 100px;
			border: 1px solid #eee;
		}

div#bottom {
	position: relative;
	height: 146px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
	margin-top: -146px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
	text-align: center;
	background: url("../images/skebokott/bottom_bg.gif") repeat-x;
	z-index: 500;
}
p#wa {
	position: absolute;
	bottom: 10px;
	right: 30px;
	color: #fff;
	font-size: 0.8em;
}
	p#wa a {
		color: #fff;
	}
img#bottomGradient {
	position: absolute;
	_position: relative;
	width: 998px;
	height: 146px;
	bottom: 30px;
	z-index: 1;
}

div.boxContainer {
	clear: both;
	height: 200px;
	padding-top: 30px;
	color: #fff;
}
	div.boxContainer a {
		color: #fff;
	}
	div.boxContainer div.leftBox {
		position: relative;
		float: left;
		width: 330px;
		height: 180px;
		background: url('../images/skebokott/puff_black.gif') no-repeat;
	}
		div.boxContainer div.leftBox form {
			position: absolute;
			top: 40px;
			left: 137px;
			width: 175px;
			font-size: 0.9em;
		}
		div.boxContainer div.leftBox form input.text {
			float: right;
			width: 130px;
			margin-top: 5px;
			padding: 2px 4px;
			border: 1px solid #ccc;
			color: #999;
			font-size: 0.9em;
		}
		div.boxContainer div.leftBox form input.submit {
			clear: right;
			float: right;
			margin-top: 10px;
			width: 75px;
			height: 23px;
		}
	div.boxContainer div.rightBox {
		position: relative;
		float: left;
		margin-left: 15px;
		width: 330px;
		height: 180px;
		background: url('../images/skebokott/puff_green.gif') no-repeat;
	}
		div.boxContainer div a.heading {
			position: absolute;
			top: 7px;
			left: 20px;
			font-weight: bold;
			font-size: 1.0em;
			text-decoration: none;
		}
		div.boxContainer div.leftBox a.heading {
			color: #999;
		}
		div.boxContainer div .boxImage {
			position: absolute;
			top: 30px;
			left: 0px;
			width: 120px;
			height: 150px;
			overflow: hidden;
		}
		div.boxContainer div.rightBox div.content {
			position: absolute;
			top: 40px;
			left: 137px;
			width: 175px;
			font-size: 0.9em;
		}
		div.boxContainer div.rightBox a.readmore {
			position: absolute;
			bottom: 6px;
			right: 6px;
			font-size: 0.85em;
		}
		div.boxContainer div.rightBox div.content h4 {
			font-size: 1.3em;
			color: #fff;
		}
		div.boxContainer div div.boxCorner {
			position: absolute;
			width: 4px;
			height: 3px;
			left: 0px;
			bottom: 0px;
			background: url('../images/skebokott/puff_corner_piece.gif') no-repeat;			
			z-index: 500;
		}
h2.productCategory {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #c4e6ff;
	color: #000;
}
table.productTable {
	width: 100%;
}
	table.productTable h4 {
		font-weight: bold;
		letter-spacing: 1px;
		padding: 0px;
		margin: 0px;
	}
	table.productTable h4 a {
		color: #39B000;	
	} 
	table.productTable th {
		padding: 5px;
		text-align: left;
		color: #000;
		font-size: 9px;
		font-weight: bold;
		border-bottom: 1px solid #999;
	}
	table.productTable tr.odd {
		background-color: #cfefff;;
	}
	table.productTable tr.even {
		background-color: transparent;
	}
		table.productTable td {
			padding: 5px;
		}
		table.productTable td.productImage img {
			background-color: #FFF;
			padding: 3px;
			border: 1px solid #EEE;
			
		}
		table.productTable p {
			padding: 0px;
		}

	table.productTable img {
		border: 0;
	}
	 
	table.productTable a {
		color: #000;
		text-decoration: none;
	}
	table.productTable a:hover {
		text-decoration: underline;
	}
p.status {
	padding: 10px;
	border: 2px solid #fff;
}

div.productBox {
	margin-bottom: 20px;
}
	div.productBoxItem {
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;	
	}
		div.productBox div.productBoxItem a.price {
			display: block;
			width: 117px;
			height: 21px;
			padding-top: 6px;
			padding-left: 10px;
			color: #fff;
			text-decoration: none;
			background: url("../images/skebokott/button_buy.gif");
		}
		div.productBox div.productBoxItem h4 {
			font-weight: bold;
		}
			div.productBox div.productBoxItem h4 a {
				color: #000;
				text-decoration: none;
			}
			div.productBox div.productBoxItem h4 a:hover {
				text-decoration: underline;
			}
		div.productBox div.productBoxItem p.preamble {
			font-size: 10px;
		}
		div.productBox div.productBoxItem .product {
			margin: 10px 0;
			/*border: none;*/
		}
		div.productBox div.productBoxItem div.price a {
			color: #fff;
		}

	#homedelivery,
	#choosepickupplace {
		margin: 10px;
	}

div.productCategory {
	position: relative;
	float: left;
	width: 610px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: 2px solid #fff;
	/*background: #c4e6ff;*/
	cursor: pointer;
}
	div.productCategory h2 {
		padding-top: 5px;
	}
	div.productCategory div.image {
		float: left;
		margin: 10px 20px 10px 10px;
		width: 180px;
		height: 120px;
		overflow: hidden;
		border: 4px solid #fff;
	} 
	div.productCategory a {
		color: #000;
		text-decoration: none;
	}

div.tr, div.tl, div.br, div.bl {
	position: absolute;
	height: 10px;
	width: 10px;
}
	div.tr {
		top: -10px;
		right: -10px;
		background: url(../images/skebokott/corners/tr.gif);
	}
	div.tl {
		top: -10px;
		left: -10px;
		background: url(../images/skebokott/corners/tl.gif);
	}
	div.br {
		bottom: -10px;
		right: -10px;
		background: url(../images/skebokott/corners/br.gif);
	}
	div.bl {
		bottom: -10px;
		left: -10px;
		background: url(../images/skebokott/corners/bl.gif);
	}
div.t, div.b {
	width: 100%;
	height: 10px;
	background: #fff;
	position: absolute;
}
	div.t {
		top: -10px;
		left: 0px;
	}
	div.b {
		bottom: -10px;
		left: 0px;
	}
div.r, div.l {
	width: 10px;
	height: 100%;
	background: #fff;
	position: absolute;
}
	div.r {
		right: -10px;
		top: 0px;
	}
	div.l {
		left: -10px;
		top: 0px;
	}

div.formGroup {
	position: relative;
	padding: 10px;
	width: 90%;
	background: #fff;
	margin-top: 50px;
}
	div.heading {
		position: absolute;
		top: -30px;
		left: 0px;
		height: 30px;
		padding: 0px;
		width: 200px;
		background: #fff;
		z-index: 500;
	}
	
div.subscriptionType {
	border: 1px solid #ccc;
	background: #f2f2f2;
	padding: 5px;
	margin-bottom: 20px;
	width: 300px;
}
	div.subscriptionType input {
		float: left;
		margin: 20px 10px 0px 10px;
	}
	div.subscriptionType div.subscriptionContent {
		float: left;
		border: 1px solid #ccc;
		background: #fff;
		color: #000;
		padding: 5px;
		font-size: 0.9em;
	}
	div.subscriptionType img {
		float: left;
	}
table#extraOrderTable {
	margin: 10px 0;
	border: solid #d4ccb0 1px;
}
	table#extraOrderTable tr th {
		font-size: 0.9em;
		font-weight: 600;
		padding: 7px 7px 7px 10px;
		color: gray;
		text-align: left;
	}
	table#extraOrderTable tr td {
		padding: 7px;
		font-size: 0.9em;
	}
	
	table#extraOrderTable tr.extra_order_total td {
		padding: 5px;
		font-size: 0.9em;
		background: #efece1;
		border-top: solid #fcfcfa 1px;
	}

div.shopContainer {
	clear: both;
}
	div.shopContainer h4 {
		margin-top: 20px;
		color: #000;
		font-weight: bolder;
	}
	div.shopContainer a {
		color: #44d100;
	}
	div.checkZip {
		color: #fff;
		margin-bottom: 10px;
		padding: 10px;
		background: #000;
		text-align: center;
		font-weight: bold;
	}
		div.checkZip input.text {
			float: left;
			width: 100px;
			margin-top: 5px;
			padding: 2px 4px;
			border: 1px solid #ccc;
			color: #999;
			font-size: 0.9em;
		}
		div.checkZip input.submit {
			margin-top: 5px;
		}
.checkdelivery_result {
	margin-top: 10px;
}
.dateblockcontainer{
                             width:70px;
                             float:left;
                             margin-right:10px;
                             margin-bottom:10px;
                             text-align:center;
}
.dateblock {
                             text-align: center;
                             width: 50px;
                             font-family: Arial;
                             background-color:#44d100;
                             border-right:1px solid #ccc;
                             border-bottom:1px solid #ccc;
                             margin:0 auto;
                             margin-bottom:3px;
}
.month {
                             font-size: 12px;
                             color:#fff;
                             padding-top:5px;
}
.day {
                             font-size: 26px;
                             position: relative;
                             top: -3px;
                             color:#fff;
}
.year {
                             font-size: 12px;
                             position: relative;
                             top: -5px;
                             color:#fff;
}

a.btn {
	width: 216px;
	height: 42px;
	margin-bottom: 10px;
	line-height: 42px;
	text-align: center;
	font-size:12px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	display:block;	
	cursor: pointer;	
}
.btn.btn-green {
	background: url('../images/skebokott/button_green.gif') no-repeat;
	color: #fff;
}

.btn.btn-grey {
	background: url('../images/skebokott/button_grey.gif') no-repeat;
	color: #fff;
}
/* Prenumeration */

a#startPren {
	display: block; 
	background: red;
	width: 270px;
	padding: 10px 0 21px 10px;
	color: white;
	text-decoration: none;
	font-weight: 600;
	background: url(../images/skebokott/button_green_long.gif) no-repeat ;
}
#statusbar {
	background-color:#fff; 
	padding:10px; 
	width:630px;
}
#step1, #step2, #step3, #step4, #step5 {
	text-align:center; 
	background: #f2f2f2 url("../images/skebokott/prenumeration_step.gif") no-repeat right top;
	display:block; 
	width:100px; 
	height: 70px;
	float:left; 
	margin-right: 5px;
	padding:5px; 
	padding-right:20px;
}
#step5 {
	background: #f2f2f2;
	padding-right: 0px;
}
table.contactsTable {
	table-layout: fixed;
	width: 600px;
}
	table.contactsTable label {
		display: block;
		color: #ccc;
		font-size: 10px;
		padding: 10px 3px 0px 3px;
	}
	table.contactsTable input {
		border: 0;
		padding: 3px;
	}

#persuppg fieldset {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
	#persuppg fieldset legend {
		color: #39B000;
		font-size: 1.4em;
		margin-left: 10px;
		padding: 0 5px;
	}

/*
 * Kommentera
 */
#commentBox {
	margin-top: 10px;
}
	#commentBox input, #commentBox textarea {
		padding: 2px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
	}
	#commentBox .comment_head {
		margin: 10px 0;
		font-size: 0.8em;
	}
	#addComment {
		margin-bottom: 10px;
		padding: 10px;
		border: solid 1px #c4e2fe;
	}
	.comment_header, .comment_date {
		font-size: 0.9em;
	}
	.comment_title {
		padding: 5px 0;
		font-weight: bold;
	}
	.report_comment_form {
		display: none;
		padding: 10px;
		background: #d7e9fa;
		margin: 10px 0 0 0;
		border: solid #b3d7f9 1px;
	}

/*
 * Article styles
 */
div.foodrecipeArticleRead {
	position: relative;
	margin-bottom: 10px;
}
	div.foodrecipeArticleRead h2 {
		margin-bottom: 20px;
	}
	div.foodrecipeArticleRead div.tools {
		float:right;
		text-align: right;
		margin-top:5px;
	}
		div.foodrecipeArticleRead #print_button {
			display: block;
			width: 32px;
			height: 32px;
			background: url('../images/skebokott/icon_printer.gif') no-repeat;
		}

div.foodrecipeArticleList {
	position: relative;
	margin-top: 20px;
}	
	div.foodrecipeArticleList h4 {
		margin-top: 10px;
	}
	div.foodrecipeArticleList a {
		color: #44d100;
	}

div.blogRead {
	background: #fff;

}
	div.blogRead img {
		border: 0px;
	}
		div.blogRead div.date {
			color: #999;
		}

/* Kvittosida */

/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */