@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 ... */ 

/* Cut/Paste this zone to the top of client.css as default */
/* If the default values are the same, trow it */

/*
** SIZE OF MAIN ZONE 
*/
/* BODY BG: #container = #left + #center + #right */
#left      { width: 200px; }
#center    { width: 500px; }
#right     { width: 200px; }
/*        =============  */
#container { width: 900px; }
/* 
** other zone 
*/
#body_bg {
	overflow:  hidden;
	min-height: 400px;
}
#headerwrapper {
/*	height: 30px; /* Only if you need to fix the height */
}
#header .public a { /* define the zone of public site */
	width:   300px;
	height:  70px;
}
/*
** PADDING
*/
#header,
#topmenu,
#footer {             
	padding-top:   10px;
	padding-left:  10px; 
	padding-right: 10px; 
}
#footer {
	padding-bottom: 10px;
}
/* Inside Body BG */
#feature,
#breadcrumb,
#product,
#category,
{
	padding-top:   10px;
}
#feature,
#breadcrumb,
#product,
#category {             
	padding-right: 10px;
}
/* End of default value */

#container,
#footer {
	position: relative;
}
#left,
#center {
	float: left;
}
#right {
	float: right;
}

/*
** Global Values
*/
.image_wrapper {
	float:          left;
}
.image_wrapper.image_title {
	font-size:    1em;
	text-align: right;
}
.image_wrapper img {
	padding-right:  5px;
	padding-bottom: 5px;
}
.text_title
.text {
	padding-top: 5px;
}
.link,
.sublink {
}


/*
** HEADER
** ======
*/
#headerwrapper {
 	overflow: hidden; /* Avoid height:0 bug when using float */ 
}
#header .public {
	position: absolute;
	top:     0px;
	left:    0px;
}
#header .public a {
	display:     block;
	font-size:   200%;
	text-indent: -1000px;
}
#header .address.text_wrapper {
	position: relative;
	float: left;
	left: 50%;
}
#header .address.text {
	position: relative;
	float: left;
	left: -50%;
}
#header .mailto {
	text-align: right;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#header .mailto a {
	text-align:right;
}
#header .image_wrapper {
	float:     right;
	clear:     right;
}
#header .image_title {
	text-align: right;
	font-size:  0.8em;
}
/* Center TopMenu */
#topmenuwrapper {
	position: relative;
	float: left;
	left: 50%;
}
#topmenu {
	position: relative;
	float: left;
	left: -50%;
}
#topmenu .menu_list {
	overflow: hidden;
	float: left;
}	
#topmenu li {
	float:        left;
	list-style:   none;
	border-right: #ccc 1px solid;
	padding-right: 5px;
	margin-right:  5px;
}
#topmenu li.last {
	border-right: none;
	padding-right: 0px;
	margin-right:  0px;
}
/*
** BODY_BG: #main_menu, #product and #breadcrumb zones
** =======
*/
#left,
#center,
#right {
	float:       left;
}
/* Breadcrumb */
#breadcrumb_img,
#breadcrumb_icon {
}
/* Product Zone */
#left,
#product,
#right  {
	overflow: hidden; /* Height:0 bug */
}
/* Category Zone */
#category .thumbs {
	float:   left;
	text-align:left;
	width:   50px;
	padding: 3px 3px;
}
#category .thumbs_selected,
#category .thumbs.selected {
	float:   left;
	text-align:left;
	width:   50px;
	padding: 3px 3px;
	margin-right: 5px;
}
/* MultiMenu */
#main_menu a {
	text-align: center;
	display: block;
}
/* Footer Zone */
.footer_list {
	float: left;
	overflow: hidden;
}
.footer_list li {
	float:         left;
	list-style:    none;
	border-right:  #ccc 1px solid;
	margin-right:  5px;
	padding-right: 5px;
}
.footer_list li.last {
	border-right: none;
	margin-right:  0px;
	padding-right: 0px;
}
#footer .cr {
	float: right;
	text-align: right;
}
/* Absolute Div Left and Right */
#breadcrumb {
	padding-bottom: 100px;
}
#footer .absleft.text_wrapper {
	overflow: hidden;
	width: 200px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 60px;
}
#main_menu {
	padding-bottom: 100px;
}
#footer .absright {
	position: absolute;
	right: 0px;
	bottom: 45px;
}