﻿.body {
 color: #4f5455;
 font-family: arial,lucida,helvetica,sans-serif;;
 font-size: smaller%;
 padding-left: 2px;
 text-align: left;
 background-color: #098c7e;
 background-image: url(Images/body_bg.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: left top;
 margin: 0px;
}

.h1 {
 color: #3fa79c;
 font: Arial;
 font-weight: 300;
 size: 16;
}
.h2 {
 color: #3fa79c;
 font: Arial;
 font-weight: 300;
 size: 16;
}
.h3 {
 color: #3a3e3f;
 font: Arial;
 font-weight: 300;
 size: 15;
}
.h4 {
 color: #474747;
 font: Arial;
 font-weight: 300;
 size: 13;
}
.h5 {
 color: #474747;
 font: Arial;
 font-weight: 300;
 size: 12;
}
.p {
 color: #666666;
 font: Arial;
 size: 10;
}

.ten-pix-margin {
 color: #666666;
 font: Arial;
 size: 10;
}

.flyspeck {
 color: #666666;
 font: Arial;
 size: 8;
}
.flyspeckLink {
 color: #2fa5d1;
 font: Arial;
 text-decoration: none;
 size: 8;
}
.a { 
 text-decoration: none;
 color: #2fa5d1; 
}

.a.applink {
 color: #2fa5d1;
 font: Arial;
 text-decoration: none;
 size: small;
}

.applink {
 color: #2fa5d1;
 font: Arial;
 text-decoration: none;
 size: small;
}

.ul {
 color: #666666;
 font: Arial;
 size: 10;
}

.headline {
 color: #2fa5d1;
 font: Arial;
 font-weight: bold;
 size: 10;
}

.innerContent {
 color: #666666;
 font: Arial;
 font-weight: normal;
 size: 10;
}

.prod-details {
 color: #666666;
 font: Arial;
 font-weight: normal;
 size: 10;
}

.gray {
 color: #666666;
 font: Arial;
 font-weight: normal;
 size: 10;
}
.content-cell {
 color: #666666;
 font: Arial;
 font-weight: normal;
 size: 10;
}

.ten-pix-margin {
 color: #666666;
 font: Arial;
 size: 10;
}


#container
{
    background-color: #FFFFFF;
    margin: 0px auto;
    width: 914px;
    min-height: 100px;
}

#header
{
    background-image: url(Images/Banner.gif);
    background-repeat: no-repeat;
    height: 89px;
    width: 914px;
}

#languageSelect
{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

#nav
{
}

#content
{
    min-height: 100px;
    position: relative;
    margin-bottom: 20px;
}

#footer
{
    bottom: 10px;
    width: 894px;
    _border-bottom: 2px solid #00A399;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

#copyright
{
    font-weight: bold;
    font-size: .7em;
}

/* Menu */

/* Top-level menu */
.CMSMenu
{
	font-size: .8em;
	font-weight: bold;
}

.CMSMenu td
{
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(Images/MenuSeparator.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.CMSMenuItem
{
    color: #666666;
}

.CMSMenuHighlightedMenuItem
{
    color: #000000;
}

/* Sub-menu */

.subCMSMenu
{
    font-size: .7em;
    background-color: #F1F3F5;
}

.subCMSMenuItem
{
    color: #474747;
}

.subCMSMenuItemMouseOver
{
    color: #F1F3F5;
    background-color: #00A399;
    width: 100%;
}
#tabs5 {
      float:left;
      width:100%;
      background:#E3ECF3;
      font-size:93%;
      line-height:normal;

}
#tabs5 ul {
          margin:0;
          padding:10px 10px 0 5px;
          list-style:none;
}
#tabs5 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs5 a {
      float:left;
      background:url("/Images/tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs5 a span {
      float:left;
      display:block;
      background:url("/Images/tabright5.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#404040;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
    /* End IE5-Mac hack */
#tabs5 a:hover span {
      color:#fff;
}
#tabs5 a:hover {
      background-position:0% -42px;
}
#tabs5 a:hover span {
      background-position:100% -42px;
}

#tabs5 #current a {
              background-position:0% -42px;
}
#tabs5 #current a span {
              background-position:100% -42px;
			  color:#fff;
}
.frame
{
  BORDER-RIGHT: #666666 1px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #666666 1px solid;
  PADDING-LEFT: 10px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 10px;
  PADDING-BOTTOM: 10px;
  MARGIN: 10px 0% 10px;
  TEXT-TRANSFORM: none;
  BORDER-LEFT: #666666 1px solid;
  COLOR: #000000;
  PADDING-TOP: 10px;
  BORDER-BOTTOM: #666666 1px solid;
  FONT-STYLE: normal;
  FONT-FAMILY: Arial;
  BACKGROUND-COLOR: #d0d0d0;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none;
  width: 250px;
  float: right;
}
.infoPanel
{
	width: 100%;	
	background-color: #a9a9a9;	
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 5px;			
	color: White;
	font-weight: bold;
}

.infoPanel A
{
	color: White;
}

.mainTableLayout
{
	width: 800px;	
}

.logoArea
{
	width: 800px;	
	background-image: url(images/title.gif);
    background-repeat: repeat-x;
	color: White;
}

.logoAreaRight
{
	color: white;	
	text-align: right;
	font-weight: bold;
}

.logoAreaRight A
{
	color: white;	
	text-align: right;
	font-weight: bold;
}

.mainMenuBackground
{
	BACKGROUND-IMAGE: url(images/menu.gif);
	background-repeat: repeat-x;
}

.textColumn
{
	background: #d9dadc;	
	padding: 5px 5px 5px 5px;
}

/* edit mode controls */

.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold; 
	display: inline-block;
	color: Black;
}

.CMSPageManager
{
	border: 1px solid #a9a9a9;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}
.CMSPageManagerLabel
{
	text-align: right;
}
.CMSPageManagerTDlabel
{
	padding-left: 10px;
}
.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	text-decoration: none;
	font-weight: normal;
}


/* Navigation controls */

/* tree menu */

.CMSTreeMenuTable { width:180px;}
.CMSTreeMenuItem { BACKGROUND: #ff8f2e; padding: 3px; border: 1px solid white; color: black}
.CMSTreeMenuSelectedItem { BACKGROUND: #e87511; padding: 3px; border: 1px solid white; }
.CMSTreeMenuLink { COLOR: black; TEXT-DECORATION: none }
.CMSTreeMenuSelectedLink { COLOR: black; TEXT-DECORATION: none }


/* Image Gallery */

.ImageGalleryPager
{
	border: solid 1 black;
	padding: 2;
	margin: 5 0 5 0;
	text-align: center;	
}
.ImageGalleryPager div
{
	display: inline;
}
.ImageGalleryPagerPrevious
{
	width: 20%;
	text-align: left;
}
.ImageGalleryPagerNext
{
	width: 20%;
	text-align: right;
}

.ImageGalleryPager
{
	background-color: #fec698;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	width: 600px;
}

.ImageGalleryPagerPrevious
{
	float: left;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPagerNext
{
	float: right;
	vertical-align: middle;
	padding: 3px 3px 3px 3px;
}

.ImageGalleryPreviewImage
{
	border-width: 0px;
}

.ImageGalleryDetailImage
{
	border-width: 0px;
}

.ImageGalleryParent
{
	padding: 2px 2px 2px 2px;
}

.ImageGalleryItem
{
	padding: 2px 2px 2px 2px;
}

/* Shopping Cart */

.CommerceCartHeader
{
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
}

/* Others */

.FormErrorLabel
{
  color: Red;
}


