/******************
  * GLobal styles *
  *****************/
* {
  margin:  0px;
  padding: 0px;
}

body {
  margin-right:  0px;
  margin-width:  0px;
  margin-left:   0px;
  margin-top:    0px;
  margin-bottom: 0px;
  background-image:    url(../_img/body_bg.gif);
  background-repeat:   repeat-y;
  background-position: top left;
}

div,span,td,p,h1,h2 {
  font-family: verdana,arial,helvetica,sans-serif;
}

a {
  color:#8f5c1a;
  text-decoration:none;
}

a img {
  border:none;
}

a:hover{
  cursor:pointer;
}

.noFloat {
  clear: both;
}

.floatLeft {
  float: left;
}

div span br,
div p br,
div h1 br,
div h2 br {
  line-height:7px;
}

/**
  * Template for new fonts:
  * .font<fontsize in px>line<lineheight in px><optional styles shortform(see below)> {
  *   font-size:   <fontsize in px>px;
  *   line-height: <line-height in px>px;
  *   <Optional Styles>
  * }
  *
  * Shortform / Style:
  * bold: "font-weight: bold"
  *
  **/

.font10line14 {
  font-size:   10px;
  line-height: 14px;
  font-weight: normal;
}
.font10line14bold {
  font-size:   10px;
  line-height: 14px;
  font-weight: bold;
}

.font11line12 {
  font-size:   11px;
  line-height: 12px;
  font-weight: normal;
}

.font11line12bold {
  font-size:   11px;
  line-height: 12px;
  font-weight: bold;
}

.font11line13 {
  font-size:   11px;
  line-height: 13px;
  font-weight: normal;
}

.font11line13bold {
  font-size:   11px;
  line-height: 13px;
  font-weight: bold;
}

.font11line14 {
  font-size:   11px;
  line-height: 14px;
  font-weight: normal;
}

.font11line14bold {
  font-size:   11px;
  line-height: 14px;
  font-weight: bold;
}

.font11line15bold {
  font-size:   11px;
  line-height: 15px;
  font-weight: bold;
}

.font11line16 {
  font-size:   11px;
  line-height: 16px;
  font-weight: normal;
}

.font11line16bold {
  font-size:   11px;
  line-height: 16px;
  font-weight: bold;
}

.font11line18 {
  font-size:   11px;
  line-height: 18px;
  font-weight: normal;
}

.font17line20bold {
  font-size:   17px;
  line-height: 20px;
  font-weight: bold;
}


/**
  * Template for new colours:
  * .color<hexcode> {color:#<hexcode>;}
  *
  **/

.color44280d {color:#44280d;}
.color8f5c1a {color:#8f5c1a;}
.colorc7ae8d {color:#c7ae8d;}
.colorcc0000 {color:#cc0000;}
.colorffffff {color:#ffffff;}
.color000000 {color:#000000;}

.color8f5c1aunderline {color:8f5c1a;text-decoration:underline;}
.color44280dunderline {color:44280d;text-decoration:underline;}

/**
  * Template for new <a href>-Styles:
  * a.color<link-colour>-<hover/active-colour><hover-/active-decoration>          {color:#<Linkcolour>}
  * a.color<link-colour>-<hover/active-colour><hover-/active-decoration>:hover    {color:#<Hovercolour>}
  * a.color<link-colour>-<hover/active-colour><hover-/active-decoration>:active   {color:#<Activecolour>;text-decoration:<hover-decoration>}
  * a.color<link-colour>-<hover-/active-colour><hover-/active-decoration>:active  {color:#<active-colour>;text-decoration:<active-decoration>}
  *
  **/

a.color44280d-44280dunderline        {color:#44280d;}
a.color44280d-44280dunderline:hover  {color:#44280d;text-decoration:underline;}
a.color44280d-44280dunderline:active {color:#44280d;text-decoration:underline;}

a.color8f5c1a-8f5c1aunderline        {color:#8f5c1a;}
a.color8f5c1a-8f5c1aunderline:hover  {color:#8f5c1a;text-decoration:underline;}
a.color8f5c1a-8f5c1aunderline:active {color:#8f5c1a;text-decoration:underline;}

a.colorc7ae8d-8f5c1a        {color:#c7ae8d;}
a.colorc7ae8d-8f5c1a:hover  {color:#8f5c1a;}
a.colorc7ae8d-8f5c1a:active {color:#8f5c1a;}

/*************************
  * Global default layer *
  ************************/
#defaultTCSLogoLayer {
  position:            absolute;
  left:                281px;
  top:                 15px;
  width:               267px;
  height:              46px;
  background-image:    url(../_img/tcs_logo.gif);
  background-repeat:   no-repeat;
  background-position: top left;
  z-index:             999;
}

#defaultTopBgLayer {
  position:            absolute;
  left:                0px;
  top:                 0px;
  width:               991px;
  height:              185px;
  background-image:    url(../_img/default_top_bg.gif);
  background-repeat:   no-repeat;
  background-position: top left;
  z-index:             1;
}

#adLayer {
  position: absolute;
  left:     829px;
  top:      29px;
  width:    162px;
  height:   77px;
  overflow: hidden;
  z-index:  10;
}

#infoColumnLayer {
  position: absolute;
  left:     829px;
  top:      117px;
  width:    162px;
  overflow: hidden;
  z-index:  100;
}

a.infoColumnTeaser {
  display: block;
  width:   144px;
  margin:  6px 0 10px 9px;
}

img.infoColumnProductLogo {
  display:block;
  margin:8px 0 10px 9px;
}

#moodImageLayer {
  position:   absolute;
  left:       0px;
  top:        117px;
  width:      829px;
  height:     122px;
  overflow:   hidden;
  z-index:    20;
}

#mainHeadlineMoodLayer {
  position:   absolute;
  left:       196px;
  top:        202px;
  width:      631px;
  height:     20px;
  overflow:   hidden;
  z-index:    25;
}

#mainHeadlineLayer {
  position:   absolute;
  left:       196px;
  top:        163px;
  width:      631px;
  height:     20px;
  overflow:   hidden;
  z-index:    25;
}

#contentLayer {
  position: absolute;
  left:     198px;
  top:      117px;
  width:    604px;
  overflow: hidden;
  z-index:  10;
}

#ppContentLayer {
  position: absolute;
  left:     198px;
  top:      117px;
  width:    605px;
  overflow: hidden;
  z-index:  10;
}

/**********************************
  * Styles for the main navigation*
  *********************************/

#mainNavigationLayer {
  position: absolute;
  top:        93px;
  width:      829px;
  text-align: center;
  overflow:   hidden;
  clip:       rect(0px, 829px, 15px, 0px);
  z-index:    999;
}

a.mainNavigation img	{
  position: relative;
  left:     0px;
  top:      0px;
  margin:   0px 19px;
}

a.mainNavigationHover img	{
  position: relative;
  left:     0px;
  top:      -15px;
  margin:   0px 19px;
}

/*********************************
  * Styles for the sub navigation *
  ********************************/

#subNavigationLayer {
  position:         absolute;
  top:              131px;
  width:            167px;
  background-color: #ffffff;
  overflow:         hidden;
  z-index:          999;
}

div.A {
  padding:             2px 0px 4px 5px;
  width:               167px;
  background-image:    url(../_img/sub_nav_line.gif);
  background-repeat:   no-repeat;
  background-position: bottom left;
  background-color:    #ffffff;
  float:               left;
}

a.subNav_lvl_1 {
  color:  #44280d;
  height: 11px;
}

a.subNav_lvl_1:hover {
  color: #44280e;
}

a.subNav_lvl_1 img {
  width:               12px;
  height:              11px;
  background-image:    url(../_img/arrow_lvl_1.gif);
  background-repeat:   no-repeat;
  background-position: top left;
}

a.subNav_lvl_1:hover img {
  background-position: center left;
}

a.subNav_lvl_1_permanent_highlight {
  color:       #44280d;
  height:      11px;
  font-weight: bold;
}

a.subNav_lvl_1_permanent_highlight img {
  width:               12px;
  height:              11px;
  background-image:    url(../_img/arrow_lvl_1.gif);
  background-repeat:   no-repeat;
  background-position: bottom left;
}

span.subNav_lvl_1 {
  font-size:   10px;
  line-height: 12px;
  cursor:      pointer;
  width:       140px;
  float:       left;
}

div.B {
  padding:             2px 0px 4px 5px;
  width:               167px;
  background-image:    url(../_img/sub_nav_line.gif);
  background-repeat:   no-repeat;
  background-position: bottom left;
  background-color:    #f4f3ed;
  float:               left;
}

a.subNav_lvl_2 {
  color:  #8f5c1a;
  height: 11px;
}

a.subNav_lvl_2:hover {
  color: #8f5c1b;
}

a.subNav_lvl_2 img {
  width:               12px;
  height:              11px;
  background-image:    url(../_img/arrow_lvl_2.gif);
  background-repeat:   no-repeat;
  background-position: top left;
}

a.subNav_lvl_2:hover img {
  background-position: center left;
}

a.subNav_lvl_2_permanent_highlight {
  color:       #8f5c1a;
  height:      11px;
  font-weight: bold;
}

a.subNav_lvl_2_permanent_highlight img {
  width:               12px;
  height:              11px;
  background-image:    url(../_img/arrow_lvl_2.gif);
  background-repeat:   no-repeat;
  background-position: bottom left;
}

span.subNav_lvl_2 {
  font-size:   10px;
  line-height: 12px;
  cursor:      pointer;
  width:       140px;
  float:       left;
}

div.C {
  padding:             2px 0px 4px 14px;
  width:               167px;
  background-image:    url(../_img/sub_nav_line.gif);
  background-repeat:   no-repeat;
  background-position: bottom left;
  background-color:    #f4f3ed;
  float:               left;
}

a.subNav_lvl_3 {
  color:  #8F5C1A;
  height: 11px;
}

a.subNav_lvl_3:hover {
  color: #8F5C1B;
}

a.subNav_lvl_3 img {
  width:               12px;
  height:              11px;
  background-image:    url(../_img/arrow_lvl_3.gif);
  background-repeat:   no-repeat;
  background-position: top left;
}

a.subNav_lvl_3:hover img {
  background-position: center left;
}

a.subNav_lvl_3_permanent_highlight {
  color:       #8f5c1a;
  height:      11px;
  font-weight: bold;
}

a.subNav_lvl_3_permanent_highlight img {
  width:               12px;
  height:              11px;
  background-image:    url(../_img/arrow_lvl_3.gif);
  background-repeat:   no-repeat;
  background-position: top left;
}

span.subNav_lvl_3 {
  font-size:   10px;
  line-height: 12px;
  cursor:      pointer;
  width:       130px;
  float:       left;
}

a.hasNoSubNodes img {
  background-position: top left;
}

/*********************************
  * Styles for the meta navigation*
  ********************************/

#metaNavigationHomeLayer {
  position:   absolute;
  left:       113px;
  top:        591px;
  width:      604px;
  height:     14px;
  text-align: center;
  overflow:   hidden;
  z-index:    999;
}

#metaNavigationDefaultLayer {
  background-image:    url(../_img/meta_nav_line.gif);
  background-repeat:   no-repeat;
  background-position: top left;
  width:               604px;
  text-align:          center;
  overflow:            hidden;
  clear:               both;
}

#metaNavigationLinksLayer {
  padding:  36px 0px 27px 0px;
  -height:   75px;
  overflow: hidden;
}

/***************
  * New Styles *
  **************/
 
h1,
h2,
p {
  display: inline;
}

div#productDetailTextContentLayer p {
  display: block;
}

/**
  * h1 {
  *   color: #ff0000 !important;
  * }
  *  
  *  h2 {
  *    color: #00ff00 !important;
  *  }
  *  
  *  p {
  *    color: #0000ff !important;
  *  }
  *
  **/
 
div.font17line20bold h1 {
  font-size:   17px;
  line-height: 20px;
  font-weight: bold;
}