﻿body {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #333;
}

#outerWrapperTable {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	/* background-position: center bottom;
	background-image: url(fadelight_2x40.jpg);
	background-repeat: repeat-x; */
}

.LayoutWrapper {
	width: 100%;
}

.Layout {
	width: 744px;
	height: auto;
}

.WideLayout {
	width: 100%;
	height: auto;
}

.Left {
	width: 176px;
	_width: 160px;
	padding: 8px;
	background-color: transparent;
}

.Center {
	width: 392px;
	_width: 376px; /* */
	width: auto;
	padding: 8px;
	background-color: #fff;
	text-align: left;
}

.Right {
	width: 176px;
	_width: 160px;
	padding: 8px;
	background-color: transparent;
}

#ContentLayout {
	margin-bottom: 12px;
}

.HeaderBlack {
	background-color: #000; 
	padding: 8px; 
	padding-top: 16px;
}

.HeaderWhite {
	background-color: #fff; 
	padding: 8px; 
	padding-top: 16px;
}

.HeaderBlack input {
	border: solid 1px #fff;
	background-color: #ccc;
	width: 110px;
}

.HeaderWhite input {
	border: solid 1px #999;
	background-color: #eee;
	width: 110px;
}

.HeaderWhite input:hover, .HeaderBlack input:hover,
.HeaderWhite input:focus, .HeaderBlack input:focus {
	border: solid 1px #900;
	background-color: #fff;
	width: 110px;
}

.Header {
	background-color: transparent;
	padding: 0;
	height: auto;
}

.Menu {
	height: 20px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	background-image: url(fadelight_2x20.jpg);
	background-repeat: repeat-x;
	background-color: #eee;
}

.BreadcrumbCell {
	font-size: 10px; 
	height: 20px;
}

.Content {
	height: 100%;
	text-align: left;
}

.Footer {
	width: 100%;
	border: 0;
	border-top: solid 1px #999;
	padding: 8px;
	background-color: transparent;
}

.FinePrint
{
	font-weight: normal;
	line-height: 15px;
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

/* GENERAL */
/* style for module titles */
.Head, h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
	color: #36c;
	letter-spacing: 1px;
	padding-top: 12px;
	padding-bottom: 6px;
}

/* style of item titles on edit and admin pages */
.SubHead, h2 {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #36c;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
	padding-top: 9px;
	padding-bottom: 3px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead, h3 {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #999;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
	padding-top: 9px;
	padding-bottom: 3px;
}

/* text style used for most text rendered by modules */
.Normal, p {
	font-weight: normal;
	line-height: 18px;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed {
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
	color: #c00;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

.NormalBold {
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited {
	color: #000;
	text-decoration: none;
}

a.CommandButton:active, a.CommandButton:hover {
	color: #900;
	text-decoration: underline;
}

.HeaderButton {
	font-weight: bold;
	font-size: 10px;
	color: #333;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
    
a.HeaderButton:link, a.HeaderButton:visited {
	padding: 5px 2px 5px 2px;
	color: #000;
	text-decoration: none;
}

a.HeaderButton:hover, a.HeaderButton:active {
	padding: 5px 2px 5px 2px;
	color: #900;
	text-decoration: underline;
}

.SearchBlack, a.SearchBlack, a.SearchBlack:link, a.SearchBlack:visited {
	padding-left: 24px;
	background-image: url(searchblack_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.SearchBlack:hover, a.SearchBlack:active {
	padding-left: 24px;
	background-image: url(searchred_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.SearchWhite, a.SearchWhite, a.SearchWhite:link, a.SearchWhite:visited, a.SearchWhite:hover, a.SearchWhite:active {
	padding-left: 24px;
	background-image: url(searchwhite_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.UserBlack, a.UserBlack, a.UserBlack:link, a.UserBlack:visited {
	padding-left: 24px;
	background-image: url(userblack_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.UserBlack:hover, a.UserBlack:active {
	padding-left: 24px;
	background-image: url(userred_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.UserWhite, a.UserWhite, a.UserWhite:link, a.UserWhite:visited, a.UserWhite:hover, a.UserWhite:active {
	padding-left: 24px;
	background-image: url(userwhite_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.LoginBlack, a.LoginBlack, a.LoginBlack:link, a.LoginBlack:visited {
	padding-left: 24px;
	background-image: url(keyblack_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.LoginBlack:hover, a.LoginBlack:active {
	padding-left: 24px;
	background-image: url(keyred_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.LoginWhite, a.LoginWhite, a.LoginWhite:link, a.LoginWhite:visited, a.LoginWhite:hover, a.LoginWhite:active {
	padding-left: 24px;
	background-image: url(keywhite_20x20.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.WhiteHeaderButton {
	font-weight: bold;
	font-size: 10px;
	color: #eee;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
    
a.WhiteHeaderButton:link, a.WhiteHeaderButton:visited {
	color: #fff;
	text-decoration: none;
}

a.WhiteHeaderButton:active, a.WhiteHeaderButton:hover {
	color: #fff;
	text-decoration: underline;
}

a:link, a:visited, a:active {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

a:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #900;
}

.SpecialPane {
	width: 100%;
	height: auto;
	background-color: #eee;
	border-bottom: solid 1px #999;
	padding: 0;
	padding: 8px;
}

.SpecialDiv {
	width: auto;
	height: auto;
	overflow: visible;
	margin: 4px 4px 8px 4px;
	border: 0;
	padding: 4px;
	background-color: #e6e6ee;
	border: solid 1px #999;
	text-align: left;
}

.SpecialDiv:hover {
	background-color: #f6f6ff;
	border: solid 1px #000;
}

.SpecialDiv a {
	font-size: 10px;
	line-height: 12px;
	display: inline-block;
	padding: 1px;
}

.SpecialDiv a:link, .SpecialDiv a:visited {
	text-decoration: none;
	color: #000;
}

.SpecialDiv a:hover, .SpecialDiv a:active, 
.SpecialDiv:hover a:hover, .SpecialDiv:hover a:active {
	text-decoration: none;
	color: #900;
}

.SpecialDiv .SubHead, .SpecialDiv h2 {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	color: #36c;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
}

.SpecialDiv p {
	padding: 0;
	margin: 0;
}

.SpecialDiv img {
	border: 0;
}

.Settings td {
	text-align: left;
}


h4 {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	font-family: Georgia, 'Times New Roman' , 'Times Roman' , Times, Serif;
	padding-top: 6px;
	padding-bottom: 0px;
}

b, strong {
	font-weight: bold;
	color: #606060;
}

iframe {
}


/* ==============================
    CSS STYLES FOR HouseMenu 2
   ==============================
*/

/***********************************************************
 Structural CSS for the structure and behavior of the menu 
                   USE EXTREME CAUTION!
   Modifying the CSS here will most likely break the menu!
************************************************************/

div.MenuContainer { /* div containing the menu */
}

ul.MenuList  /* root-level menu list (UL) */
{
    margin: 0;
    padding: 0;
    display: block;
	white-space: nowrap;
    position: relative;
}

ul.MenuList ul
{
    margin: 0;
    padding: 0;
    display: block;
	white-space: nowrap;
}

ul.MenuList li  /* menu items */
{
    position: relative;
    list-style: none;
    float: left;
	/* display: inline;  */
}

ul.MenuList li a,  /* menu item links */
ul.MenuList li span
{
    display: block;
    text-decoration: none;
}

ul.MenuList ul,
ul.MenuList li ul,
ul.MenuList li.MenuItem ul,
ul.MenuList li ul ul,
ul.MenuList li.MenuItem ul ul,
ul.MenuList li ul ul ul,
ul.MenuList li.MenuItem ul ul ul  /* nested menu lists/submenus */
{
    position: absolute;
    /* visibility: hidden; */
	left: -9999px;
}

/* Add more rules here if your menus have more than three (4) tiers */
ul.MenuList li:hover ul ul,
ul.MenuList li.MenuItemHover ul ul,
ul.MenuList li:hover ul ul ul,
ul.MenuList li.MenuItemHover ul ul ul
{
    /* visibility: hidden; */
	left: -9999px;
}

/* Add more rules here if your menus have more than three (4) tiers */
ul.MenuList li:hover ul,
ul.MenuList li li:hover ul,
ul.MenuList li li li:hover ul,
ul.MenuList li.MenuItemHover ul,
ul.MenuList li li.MenuItemHover ul,
ul.MenuList li li li.MenuItemHover ul,
ul.MenuList li li li.MenuItemHover ul,
ul.MenuList li li li li.MenuItemHover ul
{
    /* visibility: visible; */
	left: auto;
}

div.MenuContainer iframe
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    display: block;
}

.ArrowPointer
{
	cursor: default;
}



/******************************************************
 Presentation CSS for customizing the look of the menu
*******************************************************/
div.MenuContainer { /* menu wrapper div */
	height: 20px;
	width: 744px;
	text-align: left;
    border-left: solid 1px #ccc;
}

.MenuContainer ul.MenuList { /* root-level lists */
	line-height: 14px;
	background-color: #eee;
}

.MenuContainer li { /* all list items */
	width: auto;
	_width: 1px;
	height: 14px;
	border: 0;
    border-right: solid 1px #ccc;
	padding: 3px 8px 3px 8px;
}

.MenuContainer li li { /* all list items beyond root */
	width: 144px;
	height: 15px;
    border: 0;
    border-bottom: solid 1px #ccc;
	padding: 3px 8px 2px 8px;
}

.MenuContainer a { /* all links within the menu wrapper */
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight : bold;
	text-decoration : none;
	color : #000;
	background-color: transparent;
	border: 0;
	padding: 0;
	width: auto;
	_width: 1px;
	height: auto;
}

.MenuContainer li li a {
	width: 100%;
	border: 0;
}

.MenuContainer li.MenuItemCurrent 
{
    background-color: #eee;
    border-bottom: solid 2px #666666;
	padding: 3px 8px 1px 8px;
}

.MenuContainer li.MenuItemCurrent a {
    color: #666666;
}

.MenuContainer li.MenuRootBranch {
    background-position: right center;
    background-image: url(navdowngray3d.gif);
    background-repeat: no-repeat;
    padding-right: 24px;
}

.MenuContainer li.MenuItemBranch {
    background-position: 140px center;
    background-image: url(navrightgray3d.gif);
    background-repeat: no-repeat;
}

.MenuContainer li.MenuItemBreadcrumb {
    background-color: #eee;
}

.MenuContainer li:hover { /* */
	background-image: url(fademedium_2x20.jpg);
	background-repeat: repeat-x;
	background-color: #ccc; 
    border-bottom: solid 2px #900;
	padding: 3px 8px 1px 8px;
}

.MenuContainer li.MenuRootBranch:hover {
    border-bottom: solid 2px #900;
	padding: 3px 0px 1px 8px;
}

.MenuContainer li:hover a {
	color: #900;
}

.MenuContainer li.MenuRootBranch:hover > a {
    background-position: right center;
    background-image: url(navdownred3d.gif);
    background-repeat: no-repeat;
    padding-right: 24px;
}

.MenuContainer li li:hover { /* */
	background-color: #ddd; 
    border-top: solid 1px #333;
    border-bottom: solid 2px #900;
	padding: 2px 8px 1px 8px;
}

.MenuContainer li li:hover a {
	color: #900;
}

.MenuContainer li.MenuItemBranch:hover {
	padding: 2px 8px 1px 8px;
}

.MenuContainer li.MenuItemBranch:hover > a {
    background-position: 132px center;
    background-image: url(navrightred3d.gif);
    background-repeat: no-repeat;
}

.MenuContainer ul.MenuList ul { /* second-level lists */
	width: 160px; /* width of submenu, must be set so third-level list can get shifted over properly */
	border: solid 1px #999;
	border-top: 0;
	margin: 3px 0 0 -8px;
	background-color: #eee;
}

.MenuContainer ul.MenuList ul ul { /* third-and-above-level lists */
	top: 0;
	margin: -2px 0 0 152px;
	border: solid 1px #999;
	background-color: #eee; 
}


/* ===================================
    CSS STYLES FOR Module AmazonPortal
   ===================================
*/

/* PRODUCT LIST STYLES */
.ProductList
{
	background-color: #fff;
}

.ProductListHeader
{
	font-weight: bold;
	font-family: tahoma;
	background-color: transparent;
	font-size: 18px;
	line-height: 27px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
	color: #36c;
	padding-top: 12px;
	padding-bottom: 6px;
}

.ProductListItem
{
	background: #fff;
	border: solid 1px #ccc; 
	width: 100%; 
	height: 100%;
}

.ProductListAlternatingItem
{
	background: #fff;
	border: solid 1px #ccc; 
	width: 100%; 
	height: 100%;
}

.ProductListFooter
{
}

.ProductListSeparator
{
}

.ProductListListPriceText
{
	text-decoration: line-through;
}

.ProductListOurPriceText
{
	color: #c00;
}
.ProductListPager
{
	background-color: #fff;
	text-align: center;
}

/* CATEGORY LIST STYLES */

.CategoryList
{
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-bottom: #999 1px solid;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	background-color: #eee;
}

.CategoryListHeader
{
	font-weight: bold;
	color: #fff;
	background-color: #666666;
	border-bottom: #999 1px solid;
}
.CategoryListItem
{
	background-color: #ffe;
}
.CategoryListAlternatingItem
{
	background-color: #eee;
}
.CategoryListFooter
{
}
.CategoryListSeparator
{
}

/* SHOPPING CART STYLES */
.ShoppingCartLink
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	background-color: #fff;
}

.ShoppingCart
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	background-color: #eee;
	width: 100%;
}

.CartHeader
{
	font-weight: bold;
	color: white;
	background-color: #666666;
}

.CartItem
{
	background-color: #ffe;
}

.CartAlternatingItem
{
	background-color: #eee;
}

.CartFooter
{
	background-color: #cc9;
}

