/*
------------------------------
   MAIN BODY HTML TAGS
------------------------------ */

html, body{width:100%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background: #323232 url('img/mainbackground.jpg') top center repeat-y fixed ;
	margin: 0;
	padding:0;
}

hr{
	height:1px;
	background:none;
	margin:0 0 24px 0;
	padding:0;
	border:none;
	border-bottom:1px solid #aaa;
	clear:both;
}

img {
	border: none;
}

h1 {
	display: none;
}



/*
------------------------------
   DIV TAGS BY ID
------------------------------ */

#container{
	width:100%;
	_height:100%;
	text-align:center;
}

#page{
	width:804px;
	_height:100%;
	margin-left:auto;
	margin-right:auto;
	color:#323232;
	text-align:left;
	background: url("img/footergraphic.jpg") bottom right no-repeat #fff;
}

#header{
	padding: 12px 24px 0 24px;
}

#header img{
	background: #000;
}

#content{
	padding:24px 24px 180px 24px;
}

#footerblock{
	background-color:#323232;
	color:#FFFFFF;
	padding:6px 24px;
	margin-top:24px;
}



/*
------------------------------
   NAVIGATION
------------------------------ */

#nav{
	margin:0 24px 0 24px;
	height:35px;
	background: url("img/navback.gif") bottom repeat-x #000;
}

#nav ul{
	list-style:none;
	padding:5px 0 0 5px;
	width:500px;
	margin:0 auto;
}
#nav ul li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0 0 0 17px;
}
#nav ul li a{
	color:#fff;
	font:Arial, Helvetica, sans-serif; font-size:12px;
	text-decoration:none;
	border-top: 4px solid #000;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}

#nav ul li a:hover{
	background-color:#0079bc;
	border-top: 4px solid #0079bc;
	border-left: 6px solid #0079bc;
	border-right: 6px solid #0079bc;
	border-bottom: 4px solid #0079bc;
}

#nav ul li a.current,
#nav ul li a.current:hover{
	background-color:#0079bc;
	border-top: 4px solid #0079bc;
	border-left: 6px solid #0079bc;
	border-right: 6px solid #0079bc;
	border-bottom: 12px solid #0079bc;
}


/*
------------------------------
   HOMEPAGE
------------------------------ */

#home-wrap{
	height: 100%;
}

#home-wrap:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

#home-flash {
	float: left;
	width: 491px;
	padding-right: 48px;
	background:url('img/barback.gif') top right repeat-y;
}

#home-news {
	float: right;
	width: 217px;
}


/*
///// HEADERS AND WHATNOT //////////////////////////////////////////////////////////////////////
*/

.headerbar{
	background-color:#000;
	padding:4px 8px;
}


/*
///// NEWS NEWS NEWS //////////////////////////////////////////////////////////////////////
*/

/*a.mainnews, a.subnews{
	background-color:#323232;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	border-top:4px solid black;
}
a.mainnews:hover, a.subnews:hover{
	background-color:#000000;
	color:#cccccc;
	}
*/	
a.mainnews, a.subnews{
	background-color:#e3e3e3;
	color:#333333;
	text-decoration:none;
	display:block;
	margin-top:4px;
}
a.mainnews{
	margin-top:0px;
}
a.mainnews:hover, a.subnews:hover{
/*	background-color:#e5e5e5;
	color:#000000;
*/	background-color:#323232;
	color:#ffffff;
	}

/*a.mainnews .newsimage{}
.newsdate{font-size:10px;display:block; padding: 3px 2px 0 4px; line-height:12px; }
.newsheadline{font-size:14px;display:block; padding: 0 4px; line-height:16px; font-weight:bold;}
.newsbody{font-size:11px;display:block;  padding: 0 2px 6px 4px; line-height:12px; }
a.subnews .newsimage{ float:left;  padding: 0px 4px;}
a.subnews .newsdate{ padding-top: 0px }
a.subnews .newsheadline{ }
a.subnews .newsbody{margin-left:95px;}
*/

a.mainnews .newsimage{}
.newsdate{font-size:10px;display:block; padding: 10px 10px 0 10px; line-height:12px; }
.newsheadline{font-size:14px;display:block; padding: 0 10px; line-height:16px; font-weight:bold;}
.newsbody{font-size:11px;display:block;  padding: 0 10px 10px 10px; line-height:12px; }
a.subnews .newsimage{ float:left;  padding: 12px 10px 0 0;}
a.subnews .newsdate{margin-left:90px; padding-top: 10px }
a.subnews .newsheadline{margin-left:90px;}
a.subnews .newsbody{margin-left:90px;}

a.mainnews:after,
a.subnews:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}


/*
///// NEWS PAGE //////////////////////////////////////////////////////////////////////
*/

.newspagedate{font-size:10px;display:block; padding: 24px 10px 0 10px; line-height:12px; }
.newspageheadline{font-size:14px;display:block; padding: 0 10px; line-height:16px; font-weight:bold;}
.newspagebody{font-size:11px;display:block;  padding: 0 24px 10px 10px; }
.newspageimage{ float:left; padding: 24px 10px 0 0;}
.newspagedate{margin-left:232px; padding-top: 24px }
.newspageheadline{margin-left:232px;}
.newspagebody{margin-left:232px; }
.newspagesecondaryimage{
float: right;
margin: 24px 0 24px 24px;
clear: right;
}

h2.headerbar {
	background-color:#000;
	margin: 0 0 24px 0;
	padding:4px 8px;
}

.news-contents {
	height: 100%;
	margin: 0 0 24px 0;
}

.news-image {
	float: left;
	width: 217px;
}

.news-main {
	float: right;
	width: 519px;
	height: 100%;
}

.news-main h3 {
	margin: 0 0 12px 0;
	padding: 0 10px 0 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

.news-main p.newspagedate {
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 10px;
	line-height: 12px;
}

.news-second-images {
	display: inline-table;
	float: right;
	margin: 0 0 0 24px;
}

.news-second-images p {
	margin: 0 0 24px 0;
}



.news-contents:after,
.news-main:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}




/*
///// MENUBLOCKS //////////////////////////////////////////////////////////////////////
*/

.menublock, .menublockon{
	/*background-color:#ffffff;*/
	color:#000000;
	text-decoration:none;
	display:block;
	margin-bottom:12px;
}

.menublockon{
		background-color:#e3e3e3;
}

.menublock ul, .menublockon ul{
	padding:6px 12px 12px 9px;
	margin:0;
	list-style:none;
}
.menublock ul li, .menublockon ul li{
	padding:0;
	margin:0;
	list-style:none;	
}
.menublock ul li a, .menublockon ul li a{
	color:#000000;
	text-decoration:none;
}
.menublock ul li a:hover, .menublockon ul li a:hover, .menublock ul li a.selected, .menublockon ul li a.selected{
	color:#0079BC;
}
.menublock .menuhead{
	display:block;
	padding:2px 12px 2px 8px;
	background-color:#e3e3e3;
}
.menublockon .menuhead{
	display:block;
	padding:2px 12px 2px 8px;
	background-color:#e3e3e3;
	/*background-color:#; */
}

.breadhead{
	display:block;
	padding:2px 12px 2px 8px;
	background-color:#e3e3e3;
}



a.gallerylink{
	display:block;
	padding:6px;
/*	background-color:#FFFFFF;*/
	color:#000000;
	text-decoration:none;
}


a.gallerylink:hover{
	background-color:#e3e3e3;
	color:#000000;
}


/*
///// PRODUCTS //////////////////////////////////////////////////////////////////////
*/

a.productlink{
	display:block;
	padding:12px;
/*	background-color:#FFFFFF;*/
	color:#000000;
	text-decoration:none;
}


a.productlink:hover{
	background-color:#e3e3e3;
	color:#000000;
}

a.productlink .productimg{
	padding:6px 6px 3px 6px;
}
.productname{	 font-size:11px; margin-left:6px;}
.productdescrip{	font-size:11px;  margin-left:6px;}

.number{
	color:black;
	background-color:#e3e3e3;
	padding:0 5px;
	margin-left:1px;
	margin-top:3px;
	text-decoration:none
}
.number.a1{
	background-color:#e9e9e9;
}
.number.a3{
	background-color:#dadada;
}
.number.no{
	color:#888888;
}
span.number.no, span.number.no:hover{
	background-color:white;
}
.number.on{
	color:black;
	background-color:white;
}
.number:hover{
	background-color:#0079bc;
	color:white;
}
.number.no:hover{
	background-color:#e3e3e3;
	color:#888888;
}
.number.on:hover{
}

.colourway{
	padding-right:2px;
}

div.menublock p{
	margin-left:8px;	
	margin-bottom:12px;
}

div.menublock a{
	color:#0079BC;
	text-decoration:none;
}

#headermessage {
	padding: 10px;
	text-align: center;
}


a{ color:#0079BC;}


/*
------------------------------
   Retailers
------------------------------ */

table#retailers_japan {
	width: 756px;
	padding-bottom: 50px;
}

table#retailers_japan th,
table#retailers_japan td {
	margin: 0;
	padding: 5px 5px;
	font-size: 12px;
	text-align: center;
}

table#retailers_japan th {
	background: #e3e3e3;
}

table#retailers_japan td {
	border-bottom: 1px solid #ccc;
}

table#retailers_japan td strong {
	font-size: 13px;
	font-weight: bold;
}


/*
------------------------------
   Column
------------------------------ */

#content-inner,
.contents {
	height: 100%;
}

.contents {
	margin: 0 0 24px 0;
}

#content-inner:after,
.contents:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

#content-left,
#content-center,
#content-right,
.contents-left,
.contents-center,
.contents-right {
	dipslay: block;
	float: left;
}

#content-left,
#content-right,
.contents-left,
.contents-right {
	width: 234px;
}

#content-center,
.contents-center {
	width: 285px;
}

#content-center-inner,
.contents-center-inner {
	padding: 0 25px 0 26px;
}

.contents-left img.sp,
.contents-right img.sp {
	margin-bottom: 24px;
}

p.splink a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}