
a {
	color:#5C5C61;
}

a:visited{
	color:#333;
}
h4 a:visited {
	color:#5C5C61;
}


#legal{
	padding-top:100px;
}
div.sidebar {
	float: left;
	padding: 26px 0;
	clear: both;
	background:#fff;
	width:191px !important;
	margin-left:31px;
}

div.page_pos{
	margin-left: 30px;
	width:924px;
}

div.full-column {
	float: left;
	width: 630px;
	margin: 0 0 0 24px;
	padding: 29px 0 30px 0;
}

ul.side-menu li span {
	color: #333366;
}

.full-column p {margin: 0 0 1em 0;}

p.intro {margin: 0 0 1em 0; }

p.footer {
	border-top: 1px solid #cccccc;
	padding: 16px 0 0 0;
	margin: 30px 0 0 0;
}

p.footer img {
	float: right;
	margin: 10px 0 10px 20px;
}


h3.tech-sub-title, h3.tech-sub {font-size: 160%;}

h3.tech-sub-title{
	width: 351px;
	float:left;
	padding-top:77px;
}

#page-bg div.full-column h2.tech{
	font-size:2em;
	font-weight:normal;
}

h4 {margin: 15px 0 0 0; color: #666666;}

.sIFR-active h2, .sIFR-active h3 {margin: 0; padding: 0; visibility: hidden;}

.bd-technology-tsi  h3.tech-sub,
.bd-technology-tdi  h3.tech-sub,
.bd-technology-dsg  h3.tech-sub,
.bd-technology-bluemotion  h3.tech-sub {margin-top: 30px;}

.bd-technology-entertainment-systems h3.tech-sub{margin: 19px 0 19px 0;}

.more a {
	color: #555555 !important;
	font-weight: bold;
}

p.fix a{
	position:absolute;
	bottom: 7px;
}

.more a span{
	background: transparent url(/assets/common/img/small-arrow-right-blue.png) 100% 4px no-repeat;
	height: 7px;
	width:7px;
	margin-left:4px;
}

/* layout */

.tech-box{
	float: left;
	width: 153px;
	margin: 18px 5px 15px 0;
	display:inline;
}

.tech-box-half {
	float: left;
	width: 310px;
	margin: 5px 6px 0 0;
}

.tech-box-third{
	width: 202px;
	margin: 5px 10px 33px 0;
	height:244px;
	float:left;
}

.ride{
 margin:2px 0 0 0;
}

.ride .comment .inner {
	background:#fff;
	overflow:hidden;
}

.mtop{
margin-top:5px;
}
.tech-box-2-thirds{
	width:414px;
	float:left;
	margin: 16px 27px 10px 0;	
}

.tech-box .inner .bd,
.tech-box-third .inner .bd{
	height: 260px;
}

.tech-box-half div{
	line-height:1.1em;
}

.tech-box-half div h4{
	margin:6px 0;
}

.tech-box-half img.thumb{
	position:absolute;
	top:1px;
	width:78px;	
}

.popular{
	position:relative;
	float:right;
	width:183px;
	overflow:hidden;
	margin-right:6px;
	display:inline;
}

.popular img {
	margin-bottom: 1em;
}
/* end layout */
.tech-define{
	margin:0;
	font-size: 0.8em;
}

.tech-define ul, .ac_results ul{
	padding:7px 4px 0 8px;
	margin:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none
}


.tech-define em{
	font-style:normal;
	display:block;
	margin-top: 5px;
	color: #425482;
}

.tech-define h5{
	font-size: 1.3em;
	padding: 3px 0 0 8px;
}

.related{
	padding-left:14px;
}

.techdef{
	font-size:1.2em;
	font-weight:bold;
	}
.techdef a{
	color: #425482;
}

.category p{
	margin: 0 0 0 10px;
	line-height:1.1em;
	padding-right:3px;
}

.category h4{
	margin: 1px 0 5px 10px;
}
.category img{
	margin-top: 9px;
}

.tech-box-2-thirds h4{
	margin: 0;	
}

.bd-technology-glossary .tech-box-third{
	background: transparent;
	height: 120px;
	margin-bottom: 31px;
}

.tech-box p,
.tech-box h4,
.tech-box-third p,
.tech-box-third h4{
margin-left: 7px;
}

.tech-box-third h4{
font-size:150%;
}


.tech-box h4 {
	background: transparent url(/assets/common/img/technology/tech-head-bg.png) repeat-x top left;	
	margin: 0;
	padding: 3px 0 3px 7px;
}

.popular h5{
	margin: 3px 0 0 0;;
}
.tech-news{
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div.tech-box-half .inner .bd{
	height:69px;
}

#breadcrumb{
	height:15px;
	margin: 4px 0 9px 0;
}
/* tabbed content*/
.tabbed_content {
	width: 635px;
	height: 260px;
	position: relative;
	background: transparent url(/assets/common/img/technology/tech-glossary-bg.png) bottom left no-repeat;	
	float:left;
}

.expanded_content{
	background-position: bottom left;
	height:480px;
	
}

.hideGlossary{
	background-position:0 -1000px;
	height: auto;
}

div.hideGlossary div.tab_content{
	height: auto;
}

div.hideGlossary div.tab_content p{
	float:none;
}

.tabbed_content ul.simple_tab_nav{
	background: transparent url(/assets/common/img/technology/tech-glossary-bg-hd.png) 0 0 no-repeat;	
	margin: 0;
}

.tabbed_content  a {
	color:#5C5C61;
}


.tabbed_content .tab_content p a{
	padding: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display:inline;
	line-height: 1.9em;
}

.tabbed_content .tab_content p a:hover, a.set{
	color: #fff;
	background: #444;
	text-decoration:none;
}

.tabbed_content a span, .tabbed_content li p{
	font-size:1.1em;
	line-height:1.7em;
}

.tab_content {
	outline: none;
	position: relative;
	zoom: 1;
	padding: 10px;
	height: 199px;
}

.js .tabbed_content h2 {
	position: absolute;
	left: -9999em;
}
.js .tab_content {
	position: absolute;
	top:40px;
	left: -9999em;
}
.js .active {
	position: absolute;
	top:30px;
	left: 0;
}
.js .tabbed_content ul {
	overflow: hidden;
	zoom: 1;
	padding: 0 2px;
}
.js .tabbed_content li {
	float: left;
	display: block;
}
.js .tabbed_content li a, .js .tabbed_content li p {
	display: block;
	float: left;
	padding: 4px;
}
.js .tabbed_content li a:focus,
.js .tabbed_content li a:hover,
.js .tabbed_content li a:active {
	border-bottom: none;
}
.js .tabbed_content li.selected a span{
	color: #FFF;
}

.js .tabbed_content li em {
	position: absolute;
	left: -9999em;	
}

.tabbed_content  a {
	display:block;
	margin:3px;
}

.js .tabbed_content li p{
	margin:3px;
}

.tabbed_content  a:focus {
	outline: none;
}

.tabbed_content  .tab_content p{
	width:272px;
	overflow:visible;
	float:left;
	margin: 8px;
}


blockquote{
	margin: 20px 0;
}

blockquote p.bq{
	font-size:1.5em;
	line-height:1;
	margin: 0;
}

.tdq{
left:3px;
}

.bdq{
right:95px;
top:198px;
}


.dquotes{
	position:absolute;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:1.9em;
	color:#263B6F;
}


blockquote p.author{
	font-size:1.2em;
	text-decoration:underline;
}

/* end tabbed content */
p.tech-content {margin: -3px 0 1em 0;}

.tech-content a.learn  {
	padding: 0 10px 0 10px;
	background: transparent url(/assets/common/img/small-arrow-right.png) 100% 4px no-repeat;
	background-position: left center;
	font-weight: bold;
}

#tech-select {
	width: 628px;
	height: 117px;
	background: transparent url(/assets/common/img/technology/tech-car-select-bg.png) 0 0 no-repeat;
	float: none;
	clear: both;
	margin: 30px 0;
	position: relative;
}
#tech-select div.arrow {
	background: transparent url(/assets/common/img/technology/which-left.png) no-repeat scroll left top;
	cursor: pointer;
	display: block;
	position: absolute;
	height: 25px;
	width: 17px;
}

#tech-select div.arrow:hover {
	background-position: bottom left;
}

#tech-select div#model-select-left {
	background-image: url(/assets/common/img/technology/which-left.png);
	left: 20px;
	top: 48px;
}

#tech-select div#model-select-right {
	background-image: url(/assets/common/img/technology/which-right.png);
	right: 20px;
	top: 48px;
}

#tech-select  div#scroll {
	overflow-x: scroll;
	position: relative;
	width: 544px;
	margin: 0 36px;
}

#tech-select ul {
	list-style-type: none;
	margin: 0 0 0 85px;
	padding: 0;
	width: 1368px;	/* number of cars x 152 px */
}

#tech-select li {
	float: left;
	margin: 0;
	white-space: nowrap;
	width: 152px;
}

#tech-select li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-weight: bold;
	padding-top: 60px;
	text-align: center;
	text-decoration: none;
	width: 152px;
}

#tech-select li a:hover {
	background-position: -152px 0;
	color: #3E5E8F;
}

#tech-select h4 {
	font-size: 1.1em;
	color: #336699;
	padding: 14px 0 0 20px;
	margin: 0;
}

/* rounded corner glossary search*/
	
	input.rounded {
		background-color: transparent;
		border: 0;
		width: 132px;
		height:14px;
		margin: 6px 0 0 12px;
		font-size: 1em;  
	}
	
	#glossary-search div.chooseOn{
		background-position:0 -67px; 
	}
	
	#glossary-search div.firstSelected{
		background-position:0 -30px !important; 		
	}
	
	#glossary-search{
			margin: -4px 13px 25px 10px;
			float:right;
			position:relative;
			width: 232px;
			height: 25px; 
			line-height:1.0em;	
	}
	
	#glossary-search div{
		background: url(/assets/common/img/technology/glossary-bg.png) top left no-repeat; 
		margin: 0;
		width: 241px;
		height: 27px;
		display:none;
	}
	#glossary-search div span{
		position:absolute;
		right:62;
		width:15px;
		height:25px;
		cursor:pointer;
	}
	input.glossarySbmt{
		position:absolute;
		right:0;
		top:6px;
		border:none;
		padding:0;
		width:61px;		
	}


/* end rounded corner*/

	/*--------------------------------------------------------------------*/
		/* Container - Base Styles */
		#navigation ol li,
		#navigation ul li,
		#navigation ul, a{
			margin: 0;
			padding: 0;
			list-style: none;	
		}

		#navigation {
			font-size: 1em;
			width: 184px;
			color: #404040;
			float: left;
			position:relative;
			z-index:100;
		}
		
		/*--------------------------------------------------------------------*/

		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
		#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}
		
		#navigation td {
			border: none;
			text-align: left;
		}

		/*--------------------------------------------------------------------*/
		/* Top Level UL */
		
		#navigation ul {
			border-bottom: 1px dotted #a4a4a4;
			margin: 2px 0 0 5px;
		}
		
		#navigation li {
			position: relative;
			z-index:0;
		}
		
		#navigation li.techHeader{
			padding: 2px 10px 0px 10px;
		}
		/* Style the links for the top level */
		#navigation a,
		#navigation a:visited {
			display: block;
			padding: 2px 10px;
			text-decoration: none;
			cursor: pointer;
		}

		#navigation #home {
			border-top: 1px dotted #a4a4a4;
		}
		#navigation #home a {
			font-weight: 700;
			color: #2b5c94;
		}
		#navigation li.top {
			border-top: 0;
		}
		#navigation li.top a {
			color: #767678;
		}
		
	
		/* Style the top level hover */
		#navigation a:hover,
		#navigation ul ul a:hover,
		#navigation ul li.prom a:hover,
		#navigation #home a:hover,
		#navigation li.top a:hover { color:#2b5c94; }
		/*#navigation :hover > a, #navigation ul ul :hover > a { color:#2b5c94; }*/
		
		
		#navigation h3.tech{
			margin-left:14px;
		}
		
		#navigation h4{
			font-size: 1.1em;
			margin:10px 0 19px 5px;
			padding-left: 10px;
			border-top: 1px dotted #a4a4a4;
			border-bottom: 1px dotted #a4a4a4;
			color:333;
		}
		#navigation h4 a{
			padding:0 !important;
			color:#7a7a7a;
		}
		/* style the second level links */	
		#navigation li a, #navigation li span {
			margin: 1px 0 0 15px;
			color: #7a7a7a;
			position: relative;
			display:block;
			background: url(/assets/common/img/plus.gif) no-repeat 0 1px;
		}
		
		#navigation li span{
			padding: 2px 10px;
			color:#2b5c94;
		}
		
		/*
		#navigation li span {
			margin: 1px 0 0 15px;
			display:block;
		}
		*/
		#navigation ul li.prom a span, #navigation ul li.prom span span{
			display:inline;
			margin:0;
		}
		#navigation ul li.techHeader, #navigation ul li.techHeader a{
			margin: 0;
			color:#333333;
			background: none;
		}

		#navigation ul li.techHeader a.more{
			padding: 2px 10px 0px 0;
		}
		
		#navigation ul li#glossaryLink a.more{
			background: none !important;
		}

		#navigation ul li.prom {
			padding-top: 0.3em;
			margin-bottom: 1.5em;
			border-bottom: 1px dotted #a4a4a4;
			z-index: 0;
			color: #242424;
			font-weight: bold;
			background: url(/assets/common/img/navbg.gif) 0 0 repeat-y;
			border-top: 1px dotted #a4a4a4;
		}
		#navigation ul li.prom a span { 
			background:transparent url(/assets/common/img/small-arrow-right-blue.png) no-repeat scroll 5px 3px;
			text-indent:-9999px;
			color:#2b5c94;
			padding:0;
		}
		
		#navigation #glossaryLink{
			background:none;
			border:none
		}

		/* Style the second level hover */
		#navigation ul ul a:hover{ color:#2b5c94; }
		#navigation ul ul :hover > a { color:#2b5c94; }
		
		/* Make the second level visible when hover on first level list OR link */
		#navigation ul li:hover ul,
		/*#navigation ul a:hover ul{ visibility:visible; }
		*/
		
		
		/*--------------------------------------------------------------------*/
		
		/* position the third level flyout menu transparent url(/assets/common/img/navPopup.gif) no-repeat top left;*/
		
		#navigation ul div.popup {
			background: none;
			left: 162px;
			margin: 0;
			padding: 5px;
			position: absolute;
			top: -9px;
			visibility: hidden;
			width: 105px;
			font-size: 0.9em;
		}
	
		
		#navigation ul div.popup li {
			margin: 0;
			padding: 0;
			border: 0;
		}

		#navigation ul div.popup a {
			margin: 0 0 0 9px;
			padding-left: 8px;
			background: none;
			border: 0;
			color: #848484;
		}
		#navigation ul div.popup a:hover{ color:#2b5c94; }
		/*#navigation ul ul ul.popup :hover > a { color:#2b5c94; }*/
		
		/* make the third level visible when you hover over second level list OR link */
		#navigation ul :hover div{ visibility:visible; } 
		#navigation li.hover :hover div{ visibility:visible; } 

		#navigation ul li div.techSub a, #navigation ul li div.techSub a:visited{
			line-height:1.1em;
			background:none;
			margin-left:0;
			padding-left:25px;	
		}
		#navigation div.techSub{display:none;}
			
		.bd-technology-diesel div.diesel,
		.bd-technology-diesel-tdi div.diesel,	
		.bd-technology-diesel-v8-tdi div.diesel,
		.bd-technology-diesel-v6-tdi div.diesel,
		.bd-technology-diesel-common-rail div.diesel,
		.bd-technology-petrol div.petrol,
		.bd-technology-petrol-tsi div.petrol,
		.bd-technology-petrol-w12 div.petrol,
		.bd-technology-transmissions-and-drivetrains div.trans_drive,
		.bd-technology-transmissions-and-drivetrains-dsg div.trans_drive,
		.bd-technology-transmissions-and-drivetrains-automatic div.trans_drive,	
		.bd-technology-transmissions-and-drivetrains-manual div.trans_drive,
		.bd-technology-transmissions-and-drivetrains-4motion div.trans_drive,
		.bd-technology-braking-and-stability-systems div.brake_stab,
		.bd-technology-braking-and-stability-systems-acc div.brake_stab,
		.bd-technology-braking-and-stability-systems-esp div.brake_stab,
		.bd-technology-braking-and-stability-systems-abs div.brake_stab,
		.bd-technology-braking-and-stability-systems-xds div.brake_stab,
		.bd-technology-proximity-sensing div.prox_sense,
		.bd-technology-proximity-sensing-adc div.prox_sense,
		.bd-technology-proximity-sensing-lane-assist div.prox_sense,
		.bd-technology-proximity-sensing-side-assist div.prox_sense,
		.bd-technology-passive-safety div.pass_safe,
		.bd-technology-passive-safety-euro-ncap div.pass_safe,
		.bd-technology-passive-safety-airbags div.pass_safe,
		.bd-technology-passive-safety-crumple-zones div.pass_safe,
		.bd-technology-passive-safety-child-safety div.pass_safe,
		.bd-technology-passive-safety-tyres-and-flat-tyres-indicator div.pass_safe,
		.bd-technology-visibility-and-security div.vis_sec,
		.bd-technology-visibility-and-security-light-systems div.vis_sec,
		.bd-technology-visibility-and-security-immobilisers-and-alarm div.vis_sec,
		.bd-technology-bluemotion-technologies div.blue_tech,
		.bd-technology-bluemotion-technologies-recuperation div.blue_tech,
		.bd-technology-bluemotion-technologies-stop-start div.blue_tech,
		.bd-technology-bluemotion-technologies-low-rolling-resistance div.blue_tech,
		.bd-technology-bluemotion-technologies-aerodynamics div.blue_tech,
		.bd-technology-parking-and-manoeuvring div.park_man,
		.bd-technology-parking-and-manoeuvring-park-assist div.park_man,
		.bd-technology-parking-and-manoeuvring-parking-sensors div.park_man,
		.bd-technology-parking-and-manoeuvring-rear-view-camera div.park_man,
		.bd-technology-parking-and-manoeuvring-electronic-parking-brake div.park_man,
		.bd-technology-parking-and-manoeuvring-aerodynamics div.park_man,
		.bd-technology-parking-and-manoeuvring-auto-hold div.park_man,
		.bd-technology-parking-and-manoeuvring-electric-parking-brake div.park_man,
		.bd-technology-driving div.driving,
		.bd-technology-driving-power-assisted-steering div.driving,
		.bd-technology-driving-cruise-control div.driving,
		.bd-technology-comfort-and-convenience div.comf_conv,
		.bd-technology-comfort-and-convenience-air-conditioning-and-climate-control div.comf_conv,
		.bd-technology-comfort-and-convenience-multifunction-steering-wheel div.comf_conv,
		.bd-technology-comfort-and-convenience-auto-rain-sensors div.comf_conv,
		.bd-technology-comfort-and-convenience-electric-door-mirrors div.comf_conv,
		.bd-technology-entertainment-systems div.ent_sys,
		.bd-technology-entertainment-systems-rcd-210 div.ent_sys,
		.bd-technology-entertainment-systems-rcd-310 div.ent_sys,
		.bd-technology-entertainment-systems-rcd-510 div.ent_sys,
		.bd-technology-navigation-and-entertainment-systems div.nav_ent,
		.bd-technology-navigation-and-entertainment-systems-rns-310 div.nav_ent,
		.bd-technology-navigation-and-entertainment-systems-rns-510 div.nav_ent,
		.bd-technology-navigation-and-entertainment-systems-rns-810 div.nav_ent,
		.bd-technology-other-technologies div.oth_tech,
		.bd-technology-other-technologies-mdi div.oth_tech,
		.bd-technology-other-technologies-dab div.oth_tech,
		.bd-technology-other-technologies-dynaudio div.oth_tech,
		.bd-technology-communication div.comm,
		.bd-technology-communication-telephone-prep div.comm
		{display:block !important;}

		/*--------------------------------------------------------------------*/


/* Boxes */

.box-top{height:6px; display:block; background:url(/assets/common/img/technology/tip-top-bg.png) no-repeat 2px top; width: 131px;}

.box-content {width: 131px; padding:0; background:url(/assets/common/img/technology/tip-body-bg.png) no-repeat 2px top;padding:0 0 4px; 0}

.box-bottom{height:6px; display:block; background:url(/assets/common/img/technology/tip-bottom-bg.png) no-repeat 2px top; width: 131px;position:relative;bottom:3px}

.box-content p{margin:20px 0;}




.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}

/* ----- simple (extends mod) ----- */
.simple .inner {border:1px solid #D7D7D7;/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.simple b{background-image:url(skin/mod/simple_corners.png);}
/* ----- basic (extends mod) ----- */
.basic .inner {/*-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;*/}
.basic b{background-image:url(skin/mod/round.png);}
/* ----- simpleExt (extends mod) ----- */

/* ----- flow (extends complex) ----- */
/*.flow b{background-image:url(skin/mod/even.png);}*/
.flow b{background-image:url(/assets/common/img/technology/tech-var-bg.gif);}
.flow .inner{padding:0 4px 0 0;}
.flow .top{height:4px;}
.flow .bottom{height:4px;margin-top:-4px;}
.flow .br,.flow .bl{margin-top:-6px;}/* margin top = bottom height - corner height */


.comment .inner{
	background:transparent url(/assets/common/img/technology/tech-var-inner.gif) repeat scroll left 41%;
}


.inner .bd div {
	padding: 0 10px 0 90px;
}

.inner .bd div p, .inner .bd div h4{
	margin: 5px 0;
}

.inner .bd {
	padding:2px 0 7px 1px;
	overflow:hidden;
}

.stage {
	width: 628px;
	height: 333px;
}

body.bd-technology-rollercoaster {
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color: #ffffff; 
}

/* autocomplete style */

.ac_results ul li{
	padding: 2px 0 2px 9px;
	margin:0;
	cursor:pointer;
}

.ac_results ul li.ac_over{
	background: #BED9F6;
}


div.ac_results{
	margin-top: 1px;
	margin-left: -5px;
}

.ac_results ul{
	background:#e5e5e5;	
	width:158px;
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #bed9f6 #afb8c3 #afb8c3 #afb8c3;
	padding:0;
	position:absolute;
	z-index:100;
}

.bCol{
 color:#3399CC;	
}

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

.mNone{
	margin:0;
}

.clear{
	clear:both;
}
html { height:100%; }

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
