@font-face {
font-family: DFHeiStd;
src: url("../fonts/DFHeiStd-W5.otf") format("opentype");
}

@font-face {
font-family: DFHeiStd;
font-weight: bold;
src: url("../fonts/DFHeiStd-W9.otf") format("opentype");
}
.outer
{
	text-align: center;
	width: 100%;
	font-family:"DFHeiStd", arial;
		font-style: normal;
}

.outer a
{
	text-decoration: none;
}
.main-section
{
	margin-top: 30px;
}
#slider {
	background:#ffffff;
	margin:0;
	padding: 0;
}
h3
{
	font-size:110%;
}
p
{
	width: 960px;
	margin: 10px auto 10px auto;
	text-align: left;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5em;
		font-family:"DFHeiStd", arial;
}
p.headingp
{
	margin-top: 40px;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
		font-size: 21px;
}
p.headingleft
{
	font-weight: bold;
	font-size: 21px;
}

.slides {
	width: 960px;
	overflow: hidden;
		margin:auto;
	padding: 0;
}

.slides ul {
	list-style: none;
		margin:0;
	padding: 0;
	margin: auto;
	position:relative;
		width: 960px;
}

.slides li {
	float: left;
	position: relative;
		margin:0;
	padding: 0;
}





.previous, .previousstart {
	width: 20px;
	height: 36px;
	background: url(http://uniqlo.scene7.com/is/image/UNIQLO/tw-zh-csr-cwlf-images-left?fmt=gif) no-repeat center center;
	padding: 0;
	margin: 0 0px 0 350px;
	float: left;
}

.next {
	width: 20px;
	height: 36px;
	background: url(http://uniqlo.scene7.com/is/image/UNIQLO/tw-zh-csr-cwlf-images-right?fmt=gif)no-repeat center center;
		margin:0 350px 0 0;
	padding: 0;
		float: right;
}
.previous:hover, .next:hover {
	cursor: pointer;
	background: url(http://uniqlo.scene7.com/is/image/UNIQLO/tw-zh-csr-cwlf-images-lefton?fmt=gif) no-repeat center center;
}
.next:hover {

	background: url(http://uniqlo.scene7.com/is/image/UNIQLO/tw-zh-csr-cwlf-images-righton?fmt=gif) no-repeat center center;
}
.mainImage  {
	width: 960px;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
		margin:0;
	padding: 0;
	padding: 15px 20px;
	margin-right: 0;
	text-align: center;
	clear: both;
}
.navarrows  {
	width: 960px;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
		margin:0;
	padding: 0;
	padding: 15px 20px;
	margin-right: 0;
	text-align: center;
	clear: both;
	line-height: 30px;
	font-weight: normal;
	font-size: 22px;
	font-family: arial;
}
.mainImage img {
	width: auto;
	height: 512px;
	border: 1px solid #fff;
		margin:0;
	padding: 0;
}


.colourboxes
{
	width: 960px;
	margin: auto;
		font-style: normal;
		font-size: 20px;
	line-height: 1.45em;
}

.colourboxes div
{
	height: 140px;
	float: left;
	margin-bottom: 20px;
padding: 20px;
position:relative;
}
.colourboxes div.colourname
{
position:absolute;
bottom: 20px;
left: 20px;
height: 20px;
margin-bottom: 0;
padding: 0;
}
.colourboxes  a.pdfwide img
{
	margin-top: 18px;
}
.hrline
{
	clear: both;
	display: block;
	width: 100%;
}
.colourboxleft
{
	width: 575px;
	margin-right: 5px;
	text-align: left;
}
.colourboxright
{
	width: 235px;
	margin-right: 5px;
}
.colourboxright img
{
	border: 1px solid #333333
}

.colourbox1
{
	background-color: rgb(255,204,255);
}
.colourbox2
{
	background-color:  rgb(219,238,244);
}
.colourbox3
{
	background-color:  rgb(204,255,204);
}
.colourbox4
{
	background-color:  rgb(255,255,204);
}
.colourbox5
{
	background-color:  rgb(255,204,102);
}
.colourbox6
{
	background-color:  rgb(204,153,255);
}





.story-anchor-nav-component p {
text-align: center;
width: 150px;
}


.story-anchor-nav-component li {
display: inline-block;
width: 180px;
margin: 15px 32px 10px 32px;
max-width: 375px;
position: relative;
vertical-align: top;
}



.story-anchor-nav-component ul {
text-align: center;
font-size: 0px;
margin: 0;
padding: 0;
}

.story-anchor-nav-component li a {
width: 100%;
display: inline-block;
text-transform: uppercase;
font-size: 15px;
color: black;
}


.story-anchor-nav-component .image-holder {
position: relative;
display: block;
width: 160px;
margin: 0 auto;
}


.story-anchor-nav-component .image-frame {
display: none;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0;
border: 5px solid #E60013;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.story-anchor-nav-component li:hover .image-frame {
display: block;
}
.story-anchor-nav-component .image-holder img {
display: block;
margin: 5px auto;
padding: 0;
}
.story-anchor-nav-component a img {
border: none;
}

.story-component {
font-size: 16px;
padding-bottom: 30px;
max-width: 1511px;
margin: 0 auto;
margin: 0 auto;
}

.story-component .header.component {
text-align: center;
font-size: 5.125em;
text-transform: uppercase;
line-height: 0.95em;
position: relative;
margin-top: 20px;
}

.story-component .header.component .section-border {
border-top-style: solid;
border-top-width: 1px;
width: 100%;
position: absolute;
margin-top: 25.5px;
}
.green_brand .branded_border {
border-color: #00A141;
}

.story-component .header.component .text {
padding: 0 0.5em;
}
.story-component .component .text, .story-component .component p, .story-component .component .graphic {
margin: 0 auto;
}

.story-component .header.component .text h1 {
font-size: 60px;
font-size: 3.75rem;
}
.story-component .header.component h1 {
line-height: 0.95em;
}


.story-component .header.component .text h1 span {
position: relative;
background-color: #FFFFFF;
padding: 0 25px;
display: inline-block;
}

.story-component .header.component .text h1 {
font-size: 60px;
font-size: 3.75rem;
color: #00A141;
}
.story-component .header.component h1 {
line-height: 0.95em;
}

.green_brand .branded, .green_brand em {
color: #00A141;
}


.ui-widget-header .ui-icon
{
display: block;
width: 40px;
height: 40px;
background:  url("http://uniqlo.scene7.com/is/image/UNIQLO/tw-zh-csr-cwlf-images-myclose?fmt=png-alpha") no-repeat !important;
padding: 0 !important;
margin: 0 !important;
}

.ui-state-hover .ui-icon-closethick, .ui-state-hover .ui-icon, a:hover.ui-dialog-titlebar-close, .ui-widget-header .ui-state-hover  .ui-icon
{

background:  none !important;
background-position: 0 0;
border: none;
}

.ui-widget-header .ui-state-hover  .ui-icon
{

background:  url("http://uniqlo.scene7.com/is/image/UNIQLO/tw-zh-csr-cwlf-images-myclose-hover?fmt=png-alpha") no-repeat  !important;
border: none;
padding: 0 !important;
margin: 0 !important;
width: 40px !important;
height: 40px !important;
display: block;
}
.ui-dialog .ui-dialog-titlebar-close
{
	right: 30px !important;
	top: 17px !important;
	
}
.ui-dialog .ui-dialog-titlebar-close .ui-state-hover  span
{
margin: 1px !important;
}