/*
	Onisho ~ Pages CSS.
	
*/
/**************************************************************
   home  
 **************************************************************/
#intro {
  float: left;
  width: 200px;
  padding-right: 40px;
  border-right: 1px solid #e580b6;
  line-height: 1.5em;
  font-size: 1.1em;
}
#divisions {
  padding-left: 60px;
  float: left;
  width: 659px;
}
#slogan {
  float: left;
}
.division {
  float: left;
  width: 300px;
 /* margin-right: 19px;*/
  padding-top: 20px;
}
#divFootwear {
  margin-right: 35px;
}
div.titleFootwear {
  background:  transparent url(../img/titleFootwear.gif) top right no-repeat;
  height: 24px;
  text-indent: -9999px;
}
div.titleFashion {
  background:  transparent url(../img/titleFashion.gif) top right no-repeat;
  height: 24px;
  text-indent: -9999px;
}
div.portfolio {
  background-color: #d00070;
  padding: 15px 15px 0px 15px;
  height: 575px;
}
#content #carousel {
  clear:both;
  float: left;
  margin-top: 20px;
  width: 940px;
  height: 430px;
}
#content div#title {
  text-indent: -9999px;
  background: transparent url(../img/titleLicensefor.gif) no-repeat;
  width: 234px;
  height: 37px;
  float: left;
  clear: right;
}
#content div#logo {
  float:left;
  /*background: url(../img/carousel.gif) no-repeat;*/
  width: 946px;
  height: 170px;
  display: block;
}

/**************************************************************
   home - glider footwear & fashion (portfolio on homepage)  
 **************************************************************/
.glidecontentwrapper{
  position: relative; /* Do not change this value */
  width: 266px;
  height: 150px; 
  overflow: hidden;
  border: 2px solid #dc73ab;
  background-color: #FFF;
}
.glidecontent { 
  position: absolute; /* Do not change this value */
  background: white;
  visibility: hidden;
  width: 330px;
}
div.glidecontenttoggler {
  padding-top: 15px;
}
div.glidecontenttoggler a.prev,
div.glidecontenttoggler a.next {
  display: none;
}
div.glidecontenttoggler a.toc {
  display: block;
  height: 15px;
  color: #FFF;
}
#content div.glidecontenttoggler a.toc:hover {
  color: #000;
  background: #FFF url(../img/arrow-black.gif) 2px 50% no-repeat;
  padding-left: 13px;
}
#content .glidecontenttoggler a.selected { 
  color: #FFF;
  background: #000 url(../img/arrow-white.gif) 2px 50% no-repeat;
  padding-left: 13px;
}

/**************************************************************
   sales
 **************************************************************/
#sales span.header {
  font-size: 2em;
}
#sales div.heading {
  font-size: 1.6em;
  font-weight: bold;
  color: #FFF;
  width: 100%;
  clear: both;
  float: left;
  padding: 30px 0 20px 0;
}
#sales div.block {
  float: left;
  width: 250px;
  margin-bottom: 45px;
  padding-right: 25px;
  border-left: 1px solid #e580b6;
  padding-left: 25px;
}
#sales div.blockfirst {
  float: left;
  padding-right: 25px;
  border-right: 1px solid #e580b6;
}
#sales .region {
  color: #FFF;
  background-color: #000;
  text-transform: uppercase;
  height: 20px;
  padding: 0;
  margin: 0;
}
#sales div.box {
  background-color: #ca1d79;
  border: 1px solid #ca438b;
  float: left;
  width: 900px;
  margin-bottom: 25px;
  padding: 8px;
  margin-top: 20px;
}
#sales div.box div.fair {
  float: left;
  margin-right: 24px;
  text-align: center;
  color: #e5b5ce;
  padding-bottom: 15px;
}

/**************************************************************
   news
 **************************************************************/
#news p.date {
  background: #d00070 url(../img/arrow-white.gif) 2px 50% no-repeat;
  padding-left: 13px;
  color: #fff;
  font-size: .9em;
}
#news div.item {
  padding-bottom: 25px;
  clear: both;
}
#news div.item img {
  padding-right: 20px;
  padding-bottom: 20px;
}
#news div.item .left {
  float: left;
}

img.left {float:left;}

/**************************************************************
   company
 **************************************************************/
#company div.box{
  background-color: #ca1d79;
  border: 1px solid #ca438b;
  float: left;
  width: 250px;
  margin-bottom: 25px;
  padding: 8px;
}
#company img {
  padding-right: 12px;
}

/**************************************************************
   portfolio
***************************************************************/
#portfolio #footwear {
  width: 470px;
  float: left;
  margin-right: 20px;
}
#portfolio #fashion {
  width: 470px;
  float: left;
}
#portfolio div.title {
  color: #000;
  font-size: 1.5em;
  margin-bottom: 10px;
}
#portfolio span.subtitle {
  color: #FFF;
  font-size: 1.6em;
  text-transform: uppercase;
}
#portfolio #footwear .section,
#portfolio #fashion .section {
  background-color: #d00070;
  width: 470px;
  height: 95px;
  margin-bottom: 15px;
}
.age { 
  width: 35px;
  height: 20px;
  text-align: center;
  padding-top: 75px;
  float: left;
}
#age1 {
  background-color: #1f94e5;
}
#age2 {
  background-color: #cd76a5;
}
#age3 {
  background-color: #000078;
}
#age4 {
  background-color: #c60000;
}
#age5 {
  background-color: #832691;
}
#age6 {
  background-color: #f8cd00;
}
#age7 {
  background-color: #bcd438;
}
#portfolio div.licences {
  padding: 8px;
  width: 415px;
  float: left;
  text-transform: uppercase;
}
#portfolio span.title {
  color: #000;
  width:415px;
  display:block;
  font-size: 1.1em;
  font-weight: bold;
}
#portfolio ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 205px;
  padding-top: 4px;
  float:left;
}
#portfolio li {
  margin: 0;
  padding: 0;
}
#portfolio li a {
  height: 15px;
  display: block;
  color: #FFF;
  background: url(../img/arrow-white.gif) 2px 50% no-repeat;
  padding-left: 13px;
}
#portfolio li a:hover {
  display: block;
  color: #FFF;
  background: #000 url(../img/arrow-white.gif) 2px 50% no-repeat;
  padding-left: 13px;
}
.portfoliothumbs {
  margin-bottom: 15px;
  clear: both;
  text-align: center;
}
.portfoliothumbs h3 {
  padding-left: 18px;
  padding-top: 2px;
  text-align: left;
  font-size: 1.1em;
  font-weight: normal;
  text-transform: uppercase;
  background: url(../img/arrow-white.gif) 4px 50% no-repeat;
}
.portfoliothumbs .thumb {
  float : left;
  margin-bottom: 15px;
  margin-right: 7px;
}
.portfoliothumbs .thumb img {
  border: 5px solid #d80074;
}
.portfolioitem {
  float: left;
  margin-bottom: 25px;
}
#portfolio-nav {
  margin-bottom: 13px;
}
.portfolioitem div.title {
  color: #000;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.portfolioitem span.subtitle {
  color: #FFF;
  font-size: 1.6em;
  text-transform: uppercase;
}
/**************************************************************
   license  
 **************************************************************/

#license #media {
  height: 176px;
  float: left;
  width: 334px;
  border: 0px solid #d00070;
}

#license #facts {
  padding-left: 60px;
  float: left;
  width: 559px;
}
#license #synopsis {
  margin-top: 12px;
  font-size: .9em;
  color: #fff;
}
.licensetable td.title {
  font-size: .8em;
  color: #000;
  width: 70px;
  text-transform: uppercase;
}
.licensetable {
  width: 100%;
}
.licensetable td {
  padding: 2px;
}
.licensetable tr.alt {
  background-color: #b50061;
}
p.factsheet {
  margin-top: 20px;
  height: 32px;
  background: transparent url('../img/download.gif') no-repeat;
  padding-left: 38px;
  padding-top: 8px;
}
/**************************************************************
   contact
 **************************************************************/
#address {
  width: 180px;
  float: left;
}
#address p {
  margin-bottom: 50px;
}
#address span.title {
  color: #000;
  font-size: 1.2em;
}
#road {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid #e580b6;
  border-right: 1px solid #e580b6;
}
#road div#block {
  float: left;
  background-color: #d00070;
  margin-left: 20px;
  margin-right: 20px;
  padding: 11px;
  width: 300px;
}
#road span.title {
  color: #000;
  height: 25px;
  background: url(../img/arrow-white.gif) 0 50% no-repeat;
  padding-left: 15px;
}
#form {
  float: left;
  margin-left: 25px;
}
#form_box p {
  line-height: 1em;
  margin-bottom: 3px;
  margin-top: 10px;
}
.submitbutton,
#content a.submitbutton{
  background-color: #000;
  border: 1px solid #FFF;
  color: #FFF;
  font-size: .9em;
  padding: 3px 12px 3px 12px;
  margin-top: 10px;
}