/* This page left intentionally blank. */
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;
}
#center-box h2 {
 color: #3fa79c;
 font: Arial;
 font-weight: 300;
 size: 16;
}
#center-box h3, #center-box h3 span, #left-box h3{
 color: #3a3e3f;
 font: Arial;
 font-weight: 300;
}
.product h4, #left-box h4
{
font-weight: bold;
font-size: 1.08em;
margin-top: 8px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0.1em;
padding-left: 0pt;
}
h5 {
 color: #474747;
 font: Arial;
 font-weight: 300;
 size: 12;
}
p {
 color: #666666;
 font: Arial;
 size: smaller;
 margin-top: 0pt;
 margin-right: 0pt;
 margin-bottom: 0pt;
 margin-left: 0pt;
 padding-top: 0pt;
 padding-right: 0pt;
 padding-bottom: 10px;
 padding-left: 0pt;
}
.product p
{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

ten-pix-margin {
 color: #666666;
 font: Arial;
 size: 10;
}

td.flyspeck {
 color: #666666;
 font: Arial;
 size: 8;
}
a.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;
}

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: 70%;
}

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;
}
img
{
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
}
.product_list {
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	_height: 1%;
}
.product
{
float: left;
width: 203px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 25px;
padding-bottom: 0pt;
padding-left: 0pt;
}
.product img 
{
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 0pt;
}
#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:#2fa5d1;
}
    /* 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: Verdana, Arial;
  BACKGROUND-COLOR: #ecf0f4;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none;
  width: 250px;
  float: right;
}
.infoPanel
{
	width: 100%;	
	background-color: #ecf0f4;	
	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: #ecf0f4;	
	padding: 5px 5px 5px 5px;
}

/* edit mode controls */

.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 10px;
	font-weight: bold; 
	display: inline-block;
	color: Black;
}

.CMSPageManager
{
	border: 1px solid #a9a9a9;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #ecf0f4;
	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 }

/* Content styles */


/* 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;
}

#breadcrumb-box
{
	position: relative;
	background: #666666;
	overflow: hidden;
	width: 900px;
	height: 18px;
	margin: 0px 5px 0px 5px;
	padding: 2px 0px 0px 6px;
	font-size: 80%;
}
#breadcrumb-box, #breadcrumb-box a:link, #breadcrumb-box a:visited, #breadcrumb-box a:active
{
	color: #bbbbbb;
	text-decoration: none;
}
#breadcrumb-box a:hover
{
	color: #eeeeee; /* light gray*/
	text-decoration: underline;
}
.landing-bottom-left {
	width: 350px;
	height: 105px;
 	background: url(/Images/Bottomleft1.aspx ) #ffffff top left no-repeat;
}
.landing-bottom-center {
	width: 333px;
	height: 105px;
 	background: url(/Images/Bottomright1.aspx ) #ffffff top left no-repeat;
}
#content-container {
}
#left-box
{
	position: absolute;
	left: 0px;
	display: block;
	width: 168px
	font-size: smaller;
	_margin-top: 20px;
}
#left-box p a{
	font-size: 75%;
	weight: 300;
}
div.left-box-nav, div.right-box-nav{
	overflow-x: hidden;
	overflow-y: hidden;
}
#right-box
{
	position: absolute;
	top: 5px;
	left: 775px;
	display: block;
	width: 130px;
	margin-top: 20px;
}
#center-box
{
	position: relative;
	margin-left: 170px;
	width: 740px;
        
	border-left: 1px solid #cccccc;
	font-size: smaller;
	_margin-top:30px;
}
div.innerContent {
	margin-left: 10px;	
	_margin-top: 20px;
}
div.left-box-header, div.right-box-header
{
	background: url(/Images/content-header-fade-168-24.aspx) #ffffff no-repeat;
	width: 168px;
	height: 24px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
div.left-box-content, div.right-box-content
{
	margin: 10px 10px 5px 5px;
}
div.left-box-nav, div.right-box-nav
{
	overflow: hidden;
}
div.left-box-nav h1, div.right-box-nav h1
{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
}
div.left-box-nav hr, div.right-box-nav hr
{
	margin: 15px 10px 15px 10px;
	height: 1px;
	background-color: #dddddd;
	border: none 0px;
}
div.right-image-margin
{
	margin: 0px 0px 10px 10px;
}