﻿/* Custom CSS Document for Ninth Moon 7.0 Upgrade
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {background: #818C7E; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%;}
#PageSubTable {width:786px; background:#fff; margin:0 auto;}
#Form2 {margin:0; padding:0;}
#ContentCell {background: #fff url(images/c-tile.gif) repeat-y right; padding:10px 40px 10px 10px; margin: 0 0 20px 0}

/* Instructions */
.Instructions {font-size: 11px; color: #FAF8EC}
#Instruction1_InstructCell {background: #676559; border: 1px solid #4C4A3F;	padding: 7px;}
#Instruction1_InstructCell a {color: #FAF8EC; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size: 11px; font-weight: bold; color: #BE4270;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #5D6571;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings {font-size: 16px; font-weight: bold; color: #5D6571; text-align:left;} /* Software page headings */
#ContentCell h1 {font-size: 16px; font-weight: bold; color: #5D6571}
#ContentCell h2 {
	font-size: medium;
	font-weight: bold;
	color: #545E51;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
#ContentCell h3 {
	font-size: small;
	font-weight: bold;
	color: #545E51;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.Content {font-size: 11px; line-height:16px; color: #4f565c; text-align:left;}
.Content a {color: #545E51; text-decoration: underline;}
.Content a:hover {text-decoration: none;}
#bn-top a:hover, #bn-nav a:hover, #LeftColumnNav1_custommenu a:hover, #ft-tbl a:hover {text-decoration: underline;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0; list-style:none;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}*/

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background: url(images/bn-top_tile.gif) repeat-x;}
#bn-top {background: url(images/bn-top_left.jpg) no-repeat top left; width: 100%; height: 158px;}
#bn-top td {background: url(images/bn-top_right.jpg) no-repeat top right; text-align: center; vertical-align: top;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: url(images/bn-nav_tile.gif) repeat-x top}
#bn-nav {height: 35px; width: 100%; background: url(images/bn-nav_left.gif) no-repeat top left; font-size: 11px; color: #000}
#bn-nav td {background: url(images/bn-nav_right.gif) no-repeat top right; vertical-align: top; padding: 6px 28px 0 28px}
#bn-nav ul {margin: 0; padding: 0; list-style: none}
#bn-nav li {float: left; margin-right: 30px}
#bn-nav ul .right {float: right; margin-right: 0}
#bn-nav ul .right a {font-weight: bold}
#bn-nav a {color: #000; text-decoration: none}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:22%; vertical-align:top;}
#LeftColumnNav1_custommenu {width:100%;}
#LeftColumnNav1_custommenu td {vertical-align:top;}

#LeftColumnCell {background: #DFDDD1 url(images/lc-tile.gif) repeat-y left}
#LeftColumnNav1_custommenu {width: 177px; line-height: 25px}
#LeftColumnNav1_custommenu h1 {font-size: 12px; color: #4C4D4C; font-weight: bold; margin: 0 0 0 37px; padding: 0}
#LeftColumnNav1_custommenu ul {font-size: 12px; color: #4C4D4C; margin: 0 0 20px 47px; padding: 0; list-style: none}
#LeftColumnNav1_custommenu a {color: #4c4d4c; text-decoration: none}

/* Search Styles */
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 0; padding: 0; font-size: 11px; color: #000}
#LeftColumnNav1_SimpleSearch1_Panel1 a {color: #000; text-decoration: none}
#LeftColumnNav1_SimpleSearch1_Panel1 a:hover {color: #000; text-decoration: none}
.searchbox {border: 1px solid #000}

/* Default Page Styles
--------------------------------------------------------*/
#df-wrap {line-height: 27px; padding: 5px 10px 100px 10px; background: url(images/df-bkgd.jpg) no-repeat bottom right}
#df-wrap h1 {color: #4f565c; font-size: 15px; font-weight: bold; margin: 0; padding: 0}
#df-wrap p {font-size: 15px; margin: 0; padding: 0}
#df-wrap p.more {font-size: 10px; margin: 55px 0 0 0}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: #818C7E url(images/ft-tile.gif) repeat-x top}
#ft-tbl {width: 100%; background: url(images/ft-left.gif) no-repeat top left}
#ft-tbl td {background: url(images/ft-right.gif) no-repeat top right; text-align: right; font-size: 11px; color: #fff; padding: 40px 18px 40px 0}
#ft-tbl a {margin-right: 10px; color: #fff; text-decoration: none}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; padding:7px; color:#5D6571;}
#BreadCrumbs1_BreadCrumbs1 a {color:#5D6571; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
#SearchTemplate11_ResultInfo {background:#f3f3f3; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/


/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {} /* Image Cell */
#ProductDetail11_ImageCell img {} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {} /* Info Table*/
#ProductDetail11_Table2 td {padding:0;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings {padding:0; font-size:18px; font-weight:normal;} /* Product Name */
#ProductDetail11_trProductCode .content {} /* Product Code */
#ProductDetail11_trCategory .content {} /* Category Name */
#ProductDetail11_trDescription .content {} /* Description */
#ProductDetail11_trPrice .content {font-weight:bold; font-size:14px; padding:0;} /* Price */
#ProductDetail11_trAttributes table td {padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content  {} /* Quantity */
