@charset "UTF-8";

/*
information{
	file name : /css/individual/index.css
	infomation : This CSS file define toppage styles.;
	site name : VSM Husqvarna Viking;
	copyrihgt : Copyright (C) JUKI Co.,Ltd. All Rights Reserved.;
}
*/

/* contents
--------------------------------------------------------------------------
1. headerSection (overwrites >> /css/common/desiginModules/headSection.css)
2. headMiscArea (overwrites >> /css/common/desiginModules/headSection.css)
3. globalNaviArea
4. globalNavi - globalNaviArea (common setting)
5. globalNavi - globalNaviArea (individual setting)
6. new items
7. dateTable (overwrites >> /css/common/desiginModules/bodySection.css)
8. functionNavi - functionNaviArea (overwrites >> /css/common/desiginModules/footer.css)
--------------------------------------------------------------------------
*/


/* 1. headerSection (overwrites >> /css/common/desiginModules/headSection.css)
-----------------------------------------------	*/
div#headerSection {
	width: 100%;
	height: 93px;
	overflow: hidden;
	margin: 0;
	background-image: url("../../img/header_background.gif");
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}

div#headerSection * {
	margin: 0;
	padding: 0;
}

/* 2. headMiscArea (overwrites >> /css/common/desiginModules/headSection.css)
-----------------------------------------------	*/
div#headerSection #headMiscArea {
	width: 760px;
	height: 17px;
	overflow: hidden;
	margin: 0px auto;
}



/* 3. globalNaviArea
-----------------------------------------------	*/

div#bodySection #globalNaviArea {
	width: 760px;
	height: 32px;
	overflow: hidden;
	margin: 0px auto 22px auto;
	padding-top: 4px;
	background-image: url("../../img/globalnavi_background.gif");
	background-repeat: repeat-x;
	background-position: left top;
}

/* 4. globalNavi - globalNaviArea (common setting)
-----------------------------------------------	*/

div#bodySection #globalNaviArea ul {
	height: 21px;
	padding-right: 3px;
	overflow: hidden;
}

div#bodySection #globalNaviArea ul li {
	float: left;
	background-image: url("../../img_common/globalnavi_dotline.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#bodySection #globalNaviArea ul li span {
	display: block;
	height: 21px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-position: right top;
}

div#bodySection #globalNaviArea ul li span a {
	display: block;
	height: 21px;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	text-indent: -9999px;
}

div#bodySection #globalNaviArea ul li span a:link {
	text-decoration: none;
}

div#bodySection #globalNaviArea ul li span a:visited {
	text-decoration: none;
}

div#bodySection #globalNaviArea ul li span a:hover {
	text-decoration: none;
}


/* 5. globalNavi - globalNaviArea (individual setting)
-----------------------------------------------	*/

/* globalNaviItems */
div#bodySection #globalNaviArea ul li.globalNaviItems {
	width: 107px;
	background-image:  none;
}

div#bodySection #globalNaviArea ul li.globalNaviItems span {
	width: 102px;
	background-image: url("../../img_common/globalnavi_items_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviItems span a {
	width: 102px;
	background-image: url("../../img_common/globalnavi_items.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviItems span a:hover {
	background-image: url("../../img_common/globalnavi_items_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviItems span a.current {
	background-image: url("../../img_common/globalnavi_items_r.gif");
}

/* globalNaviCollection */
div#bodySection #globalNaviArea ul li.globalNaviCollection {
	width: 107px;
}

div#bodySection #globalNaviArea ul li.globalNaviCollection span {
	width: 102px;
	background-image: url("../../img_common/globalnavi_collection_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviCollection span a {
	width: 102px;
	background-image: url("../../img_common/globalnavi_collection.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviCollection span a:hover {
	background-image: url("../../img_common/globalnavi_collection_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviCollection span a.current {
	background-image: url("../../img_common/globalnavi_collection_r.gif");
}

/* globalNaviSoft */
div#bodySection #globalNaviArea ul li.globalNaviSoft {
	width: 107px;
}

div#bodySection #globalNaviArea ul li.globalNaviSoft span {
	width: 102px;
	background-image: url("../../img_common/globalnavi_soft_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviSoft span a {
	width: 102px;
	background-image: url("../../img_common/globalnavi_event.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviSoft span a:hover {
	background-image: url("../../img_common/globalnavi_event_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviSoft span a.current {
	background-image: url("../../img_common/globalnavi_event_r.gif");
}

/* globalNaviAccessories */
div#bodySection #globalNaviArea ul li.globalNaviAccessories {
	width: 107px;
}

div#bodySection #globalNaviArea ul li.globalNaviAccessories span {
	width: 102px;
	background-image: url("../../img_common/globalnavi_accessories_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviAccessories span a {
	width: 102px;
	background-image: url("../../img_common/globalnavi_accessories.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviAccessories span a:hover {
	background-image: url("../../img_common/globalnavi_accessories_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviAccessories span a.current {
	background-image: url("../../img_common/globalnavi_accessories_r.gif");
}

/* globalNaviWorkshop */
div#bodySection #globalNaviArea ul li.globalNaviWorkshop {
	width: 117px;
}

div#bodySection #globalNaviArea ul li.globalNaviWorkshop span {
	width: 112px;
	background-image: url("../../img_common/globalnavi_workshop_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviWorkshop span a {
	width: 112px;
	background-image: url("../../img_common/globalnavi_workshop.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviWorkshop span a:hover {
	background-image: url("../../img_common/globalnavi_workshop_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviWorkshop span a.current {
	background-image: url("../../img_common/globalnavi_workshop_r.gif");
}

/* globalNaviShop */
div#bodySection #globalNaviArea ul li.globalNaviShop {
	width: 107px;
}

div#bodySection #globalNaviArea ul li.globalNaviShop span {
	width: 102px;
	background-image: url("../../img_common/globalnavi_shop_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviShop span a {
	width: 102px;
	background-image: url("../../img_common/globalnavi_shop.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviShop span a:hover {
	background-image: url("../../img_common/globalnavi_shop_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviShop span a.current {
	background-image: url("../../img_common/globalnavi_shop_r.gif");
}

/* globalNaviInquiry */
div#bodySection #globalNaviArea ul li.globalNaviInquiry {
	width: 102px;
}

div#bodySection #globalNaviArea ul li.globalNaviInquiry span {
	width: 102px;
	background-image: url("../../img_common/globalnavi_inquiry_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviInquiry span a {
	width: 102px;
	background-image: url("../../img_common/globalnavi_inquiry.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviInquiry span a:hover {
	background-image: url("../../img_common/globalnavi_inquiry_r.gif");
}

div#bodySection #globalNaviArea ul li.globalNaviInquiry span a.current {
	background-image: url("../../img_common/globalnavi_inquiry_r.gif");
}



/* 6. new items
-----------------------------------------------	*/
div#bodySection #contentsArea div.newItems {
	margin-bottom: 30px;
	background-image: url("../../img/index_newitems_background.gif");
	background-repeat: repeat-y;
	background-position: left top;

}

div#bodySection #contentsArea div.newItems div.wapper {
	min-height: 1%;
	background-image: url("../../img/index_newitems_footer.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* -- Hack WinIE & MacIE --*/
* html div#bodySection #contentsArea div.newItems div.wapper {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

div#bodySection #contentsArea div.newItems div.wapper div.cell1 {
	float: left;
	width: 373px;
	background: url("../../img/index_newitems_header.gif") no-repeat left top;
}

div#bodySection #contentsArea div.newItems div.wapper div.cell2 {
	float: right;
	width: 373px;
	background: url("../../img/index_newitems_header.gif") no-repeat left top;
}

div#bodySection #contentsArea div.newItems div.wapper div.container {

	padding: 13px 17px 17px 14px;
	
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text {
	float: left;
	width: 180px;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p.logo {
	height: 38px;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text div.topic-head {
	margin-top: 10px;
	background: url(../../img/index_newitems_column_t.gif) no-repeat left top;
	padding-top: 3px;
	width: 170px;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text div.topic-bottom {
	background: url(../../img/index_newitems_column_b.gif) no-repeat left bottom;
	padding-bottom: 3px;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text div.topic {
	background: url(../../img/index_newitems_column_m.gif) repeat-y;
	padding: 7px 10px;
	text-align: left;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text div.topic p {
	color: #FF0000;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p.large {
	padding: 0 0 10px 0;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p a {
	text-decoration: none;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p a:link {
	text-decoration: none;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p a:visited {
	text-decoration: none;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p a:hover {
	text-decoration: none;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p strong {
	color: #BE0D10;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p strong a {
	color: #BE0D10;
	text-decoration: underline;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p strong a:link {
	color: #BE0D10;
	text-decoration: underline;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p strong a:visited {
	color: #BE0D10;
	text-decoration: underline;
}

div#bodySection #contentsArea div.newItems div.wapper div.container div.text p strong a:hover {
	color: #BE0D10;
	text-decoration: underline;
}

div#bodySection #contentsArea div.newItems div.wapper div.container p.image {
	float: right;
	width: 140px;
	margin-top: 3px;
}




/* 7. dateTable (overwrites >> /css/common/desiginModules/bodySection.css)
-----------------------------------------------	*/
div#bodySection #contentsArea div.dateTable table {
	width: 500px;
	font-size: 80%;
	line-height: 130%;
	color: #222222;
}

div#bodySection #contentsArea div.dateTable table th {
	padding: 0px 10px 5px 0px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

div#bodySection #contentsArea div.dateTable table td {
	padding-bottom: 5px;
	vertical-align: top;
}


/* 7. 100723 fix for infoArea
-----------------------------------------------	*/
	div#bodySection #contentsArea div.infoArea div.cell1 {
		float: left;
		width: 500px;
	}
	
	div#bodySection #contentsArea div.infoArea div.cell2 {
		float: left;
		width: 220px;
		display: inline;
		margin: 0 10px;
	}
	div#bodySection #contentsArea div.infoArea div.cell3 {
		float: right;
		width: 240px;
	}

		div#bodySection #contentsArea div.infoArea div.infoAreaInner div.title-h2 h2 {
			background: url(../../img/index_line_dot.gif) bottom repeat-x;
			padding-bottom: 5px;
		}
		div#bodySection #contentsArea div.infoArea ul.dataList li {
			font-size: 80%;
			line-height: 130%;
			color: #222222;
			padding-bottom: 1em;
		}
		div#bodySection #contentsArea div.infoArea ul.dataList li span.date {
			display: block;
		}

.update {
	padding-top: 20px;
}
		
/* 8. functionNavi - functionNaviArea (overwrites >> /css/common/desiginModules/footer.css)
-----------------------------------------------	*/
#footerSection #functionNaviArea #functionNavi {
	width: 570px;
}

#footerSection #functionNaviArea #functionNavi ul li.functionNaviGlobalsite {
	width: 107px;
}

/* Clearfix
-------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */