@charset "UTF-8";
/*
** CSS for main2.phtml
*/
/* All positionning is specific to a pattern and goes here */
/* This css file includes Float, Size of main box ... */ 
/* small image inserted with class image://file.ext */
img.left {
	float: left;
}
img.center {
	vertical-align:middle;
	margin:0 auto;
	display: block;
}
img.right {
	float: right;
}
/* First Level Zone inside Containre */
#header,
#body_bg,
#footer {
	padding-top:   5px;
	padding-right: 5px;
	padding-left:  5px;
}
#footer {
	padding-bottom: 5px;
}
/* Only right padding */
#center {
	margin-left: 180px;
	margin-right: 25px;
}
#right {
	padding-right: 0px;
}
/* Size of main Zone */
#container {
	width: 900px;
}
/*
** HEADER
** ======
*/
#header {
	overflow: hidden; /* Avoid height:0 bug when using float */
	background: none;
}
#header .image_title {
	text-align: right;
}
#header .public.link {
	float:  left;
}
#header .mailto,
#header .image {
	float:     right;
	clear:     right;
}
#header .mailto a {
	text-align:right;
}
/*
** BODY_BG: #main_menu, #product and #breadcrumb zones
** =======
*/
#body_bg {
	overflow: hidden; /* Height:0 bug */
	min-height: 400px;
	position: relative;
}
/* No Left Zone */
/* Center Zone */
#center {
	float: left;
	width: 487px;
}
#subject .subject_list {
	overflow: hidden; /* Height:0 bug */
}
#subject li {
	float: left;
	padding-right: 5px;
}
#product,
#category,
#subject {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#product,
#category {
	overflow: hidden /* Height:0 bug */
}
#product  .image {
	padding-right:  10px;
	padding-bottom: 10px;
	float:          left;
}
#product  .image_title {
	font-size: .9em;
	text-align: right;
}
#product  .text_title {
	float:    none;
	padding:  0px;
	margin:   0px;
}
#product  .text {
	float: none;
	padding: 0px;
	display: inline;
	/* show tab space and wrap word without breaking word with IE, Firefox, Crhome and safarie */
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
#product .link {
	float:none;
	text-align:left;	
}
#product .sublink {
	float:none;
	text-align:left;	
}
#breadcrumb {
	text-align: right;
}

/* Right Zone */
#right {
	float: right;
}
#right,
#feature {
	width: 150px;
}
#main_menu ul {
	padding-left: 5px;
}
#main_menu ul.sub_list {
	padding-left: 5px;
}
#main_menu li{
	padding-top:  5px;
	padding-left: 5px;
	list-style:none;
	text-align: center;
}
#main_menu li.sublink {
	font-size: .8em;
	padding-left: 5px;
}
#feature {
	overflow: hidden;
	padding-top: 5px;
	padding-left:5px;
	background-color:#F2F2F2;
	top:   -50px;
	right: 0px;
}
#feature .image {
	margin-top: 5px;
	text-align:center;
	vertical-align:50%;
}
#feature .image_title {
	text-align:     center;
}
#feature .text {
	padding-bottom: 10px;
}
#feature .botimg {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
/* Footer Zone */
#footer {
	position: relative;
}
.footer_list {
	overflow: hidden;
}
.footer_list li {
	padding-right: 5px;
	float: left;
	list-style:none;
	border-right: #ccc 1px solid;
	margin-right: 5px;
}
.footer_list li.last {
	border-right: none;
}
#footer .cr {
	float: right;
}