.homebox {
  float:left;
  margin:0 0 20px 6px;
  width:710px;
  height:300px;
  background: #3C3B3E url(http://herkt.sales.dia.ovh/_source/default/media/private/home/home_box.jpg) repeat-x left top;
}

.fambox {
  float:left;
  margin:0 0 0 5px;
  width:720px;
}

div.hbox {
  float:left;
  background: #ffffff url(../media/private/home_box_bg.gif) repeat-y left top;
  margin:0 0 14px 0;
  padding:0;
  width:228px;
}
div.hboxspacer {
  float:left;
  margin:0;
  padding:0;
  width:15px;
}

div.hbox a{
  text-decoration:none;
}
div.hbox a:hover{
  text-decoration:underline;
}

div.hboxtop {
  width:228px;
  height:2px;
  background: #ffffff url(../media/private/home_box_top.gif) no-repeat left top;
  margin:0;
  padding:0;
}
div.hboxbtm {
  width:228px;
  height:7px;
  background: #ffffff url(../media/private/home_box_btm.gif) no-repeat left top;
  margin:0;
  padding:0;
}
div.hboxcontent{
  padding:0 0 0 8px;
  color:#666;
  font-size:10px;
  font-family:sans,arial;
  height:80px;
}
div.hboxname {
	font-size:10px;
	font-weight:bold;
	margin:6px 0 0 0;
	padding:0 0 0 0;
	width:140px;
	height:14px;
	overflow:hidden;
}

.hboxcontent .box a {
	font-size:10px;
	text-decoration:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#hkatpic {
	float:left;
	margin:0 6px 0 0;
	text-align:center;
	width:56px;
	height:70px;
	padding:1px 0 0 0;
	overflow:hidden;
	border:0;
}

.homekatboxtext {
  float:left;
  margin:4px 0 0 0;
  height:56px;
  width:143px;
  color:#666;
  font: normal 9px Arial, Helvetica, SunSans-Regular, sans-serif;
}

#homekatboxtextlink {
  color:#666;
  text-decoration:none;
}
#homekatboxtextlink:hover {
  color:#333;
  text-decoration:none;
}

/* ------------------------------------------------------------------------- */
/* Home Teaser */

/* Most common stuff you'll need to change */

.coda-slider-wrapper {width:710px;height:300px;position:relative;}
.coda-slider {width:710px;height:300px;}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {height: 300px; overflow: auto !important;}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {width:710px;height:300px;}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Tab nav */
.coda-nav ul li a.current { background: #39c }

/* Panel padding */
.coda-slider .panel-wrapper {}

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul {clear: both;display: block;margin:0;padding:0;position:absolute;top:0;left:0;z-index:2;}
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #333; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

/* Miscellaneous */
.coda-slider-wrapper { clear: both;}
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

.cmscontent {
  color:#fff;
  font-size:12px;
}
.cmscontent h3 {
  font-size:20px;
  padding:0;
  margin:0;
}
.cmscontent p {
  font-size:14px;
  padding:0;
  margin:0;
}

.cmscontentleft {
  float:left;
  width:355px;
  height:300px;
  padding:0;
  text-align:center;
  overflow:hidden;
}

.cmscontentright {
  float:left;
  width:355px;
  height:300px;
  padding:0;
  text-align:center;
  overflow:hidden;
}