/* Home Style */

#header
{
  background-color: #7DAFC6;
}

#footer
{
  background-color: #7DAFC6;
  background-image: url('/images/home/footer-gradient.gif');
  color: #00577F;
}

#tabs
{
 background-image: url('/images/home/tab-back.gif'); 
}

#logo
{
  background-image: url('/images/home/logo-gem.png');
}

#buttons
{
  background-image: url('/images/home/cat-bar.gif');
}

.button_off_left
{
  background-image: url('/images/home/cat-left.gif');
}

.button_off_mid
{
  background-image: url('/images/home/cat-middle.gif');
}

.button_off_right
{
  background-image: url('/images/home/cat-right.gif');
}

.button_on_left
{
  background-image: url('/images/home/cat-left-sel.gif');
}

.button_on_mid
{
  background-image: url('/images/home/cat-middle-sel.gif');
}

.button_on_right
{
  background-image: url('/images/home/cat-right-sel.gif');
}

.button_on a, .button_off a
{
  color: #FFFFFF;
}

#footer a
{
  color: #00577F;
}
/* Press Office Content */
.press-doc
{
  border-bottom: 1px solid #000000;
}

.press-doc:hover
{
  background-color: #EEEEEE;
}

.newsList
{
  padding-left: 15px;
  margin-top: 10px;
  margin-left: 0px;
}

.newsList li
{
  list-style-image:url('/images/home/nav-bullet.gif');
  padding-bottom: 5px;
}

.newsDate
{
  color: #999999;
}

.divider
{
  height: 1px;
  background-image: url('/images/home/hr_divider.gif');
  margin-bottom: 10px;
}

a, a:visited, a:active
{
  color: #00577F;
}

span.highlight
{
  color: #00577F;
}

/* --------------- About Gem menu ----------------- */
#infoHeader
{
  width: 558px;
  height: 86px;
  background-image: url('/images/home/info/header-about-us.gif');
}

#infoHeaderCreative
{
  width: 558px;
  height: 86px;
  background-image: url('/images/home/info/header-creative.gif');
}

#infoHeaderLogistics
{
  width: 558px;
  height: 86px;
  background-image: url('/images/home/info/header-logistics.gif');
}

#infoHeaderExspect
{
  width: 558px;
  height: 86px;
  background-image: url('/images/home/info/header-exspect.gif');
}

#infoHeaderFooter
{
  width: 558px;
  height: 11px;
  background-image: url('/images/home/info/info-footer.gif');
}

#infoHeaderLinks
{
  width: 536px;
  background-color: #EAEAEA;
  border-left: 1px solid #777777;
  border-right: 1px solid #777777;
  padding: 10px;
}

#infoLinks
{
  padding-left: 15px;
  margin-left: 10px;
}

#infoLinks li a
{
  color: #000000;
  font-weight: bold;
}

#infoMainbox
{
  width: 556px;
}

/*New Gem re-design styles ===========================================================*/
/*Centre box header ================================================================= */
.sidebox .Header
{
	border: 1px solid #00577f;
}
.sidebox .Header .InnerStroke
{
	border: 1px solid #357c9d;
	background-image: url('/images/home/header-side.gif');
	background-color: #7dafc6;
}
.sidebox .Header .Title{
	color: #ffffff;
}
.sidebox .box
{
	color: #00577f;
}
.sidebox ul li
{
	list-style-image: url('/images/home/nav-bullet.gif');
}
.sidebox .SubHeader{
	background-image: url('/images/home/nav-divider.gif');
	background-color:#7dafc6;
}
.sidebox .SubHeader {
	color: #ffffff;
}
.sidebox .SubHeader a:active, .sidebox .SubHeader a:link, .sidebox .SubHeader a:visited
{
	color:#ffffff;
}
.sidebox .SubHeader a:hover
{
	color:#000000;
}
.sidebox a:link, .sidebox a:active, .sidebox a:visited
{
	color: #00577F;
}
.sidebox a:hover
{
	color: #000000;
}
.ColouredHeader{
	border: 1px solid #00577f;
}
.ColouredHeader .InnerStroke
{
	border: 1px solid #357c9d;
	background-color: #00577f;
	background-image: url('/images/home/header-middle.gif');
}
.ColouredHeader .Title
{
	color: #ffffff;
}
.ColouredHeader .Title a:link, .ColouredHeader .Title a:hover, .ColouredHeader .Title a:visited
{
	color:#ffffff;
}
.multiProductBox{
	border: 2px solid #00577f;
	background-color: #00577f;
}

.multiProductBox .header
{
	background-color: #00577f;
	background-image: url('/images/home/header-middle.gif');
}

.multiProductBox .header .title
{
	color:#ffffff;
}
#loginarea .LoginPanel{
	background-image:url('/images/home/login-background.gif');
}
#loginarea .LoggedInPanel{
	background-image:url('/images/home/login-background.gif');
	color:#ffffff;
}
#loginarea .curvedEdge{
	background-image:url('/images/home/login-background-edge.gif');
}
#loginarea .LoggedInPanel a:active, #loginarea .LoggedInPanel a:visited, #loginarea .LoggedInPanel a:link{
	color:#ffffff;
}
#loginarea .Field
{
	color:#ffffff;
}
#loginarea .ApplyArrow
{
	background-image:url('/images/home/apply-arrow.gif');
}
/*
.mainbox .headerhome
{
	border: 1px solid #00577f;
	width:556px;
}
.headerhome .innerStroke{
	height:18px;
	width:554px;
	border: 1px solid #357c9d;
	background-color: #00577f;
	background-image: url('/images/home/header-middle.gif');
	background-position:right;
}
.mainbox .title{
	height: 16px;
	margin:2px 22px 0px 6px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight: bold;
	overflow: hidden;
}*/
/*Centre box header ================================================================= */

/* New featured-product styles */
#FeaturedProduct
{
  width: 558px;
  background: #000000;
  font-size: 10px;
}

#FeaturedProduct, #FeaturedProduct a
{
  color: #FFFFFF;
}

#FeaturedProduct #top
{
  padding: 15px;
  line-height: 10px;
  background: url('/images/featured-product/feature-box-top.png') no-repeat bottom right;
}

#FeaturedProduct #top #more
{
  margin: 10px 0;
}

#FeaturedProduct #bottom
{
  height: 163px;
  font-size: 9px;
  background: url('/images/featured-product/timer-bg.png') no-repeat top right;
}

#FeaturedProduct #bottom #details
{
  padding: 15px 0 0 0;
  width: 284px;
}

#FeaturedProduct #bottom p#image
{
  margin: 0 10px;
  float:left;
}

#FeaturedProduct #bottom p#image, #FeaturedProduct #bottom p#image img
{
  width: 128px;
  height: 137px;
}

#FeaturedProduct #bottom #countdown
{
  float: right;
  text-align: center;
  position: relative;
  top: 20px;
  left: -28px;
}

#FeaturedProduct #bottom #countdown #countdownTimer
{
  position: relative;
  top: -83px;
  left: -2px;
  font-size: 44px;
}

#FeaturedProduct #bottom #countdown #countdownTimer span
{
  letter-spacing: -3px;
  margin: 0 3px;
}