﻿/* 
	See listings-graphic-design.doc for more design information.
*/

/* Core Defaults - Establish base font-family and font-size */
/* Site Defaults - Standard Elements */
body
{
	font-family: Tahoma, Verdana, Arial, San-Serif;
}
#siteMaster
{
	/* background: #006699 url(mho_home_background.jpg) no-repeat scroll center top; */
	background-color: #4a66b3;
}
#popupMaster
{
	background-color: #4a66b3;
}
td
{
	margin: 0;
	padding: 0;
}
h1
{
	color: #000000;
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2
{
	color: #000000;
	font-weight: bold;
	font-size:108%;
	margin: 0;
}
h3
{
	color: #000000;
	font-size: 95%;
	margin: .5em .5em .5em 0;
}
h4
{
	margin: 0 0 .5em 0;
	font-size: 90%;
}
h5
{
	margin: 0 0 .5em 0;
	font-size: 85%;
}
p
{
	margin: 0 0 .5em 0;
}
em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}
strong 
{
	font-weight: bold;
}
blockquote,ul,ol,dl 
{
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl 
{
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li 
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li 
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
fieldset
{
	border: solid 1px black;	
	margin: 0; 
	padding: .5em;
}
hr 
{
	border: none;
	/* color: #CCCC99; */
	/* background-color: #CCCC99; */
	color: #DDDDDD;
	background-color: #DDDDDD;
	height: 1px;
}
/* Site Defaults - Site Specific Classes */
/* Used like a fieldset to surround form fields (and give them a little space), but without the label and border */
#popupMaster .formDiv
{
	background-color: white;
}
.formDiv, #writeReview
{
	padding: 1em;
}
.formDiv h2, #order h2, #paymentMethod h2, #orderConfirm h2, #writeReview h2, #product h2
{
	color: #152243;
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	font-weight: bold;
	margin-bottom: .5em;
	width: 100%;
}
.decodedData
{
	font-family:Courier;
	font-size: 85%;
	text-align: left;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.headerCell
{
	color: White;
	background-color: #253a71;
	font-weight: bold;
	font-size: 108%;
}
.labelCell
{
	/* background-color: #276824;
	border: solid 1px black; 
	color: white; */
	padding-right: .5em;
}
.headerCell a, .headerCell a:visited, .labelCell a, .labelCell a:visited
{
	color: white;
}
.dataCell, .fieldCell, .linkCell
{
	/* border: solid 1px #276824; */
}
.footerCell
{
	color: black;
	background-color: #F7CD3B;
	border: solid 1px #276824;
	font-size:123.1%; 
}
.footerCell span, .footerCell a 
{
	padding-left: .5em;
	padding-right: .5em;
}
.footerCell span
{
	font-weight: bold;
}
.errorCell
{
	color: Red;
}
.buttonCell
{
}
.errorSummary
{
	color: Red;
}
.errorSummary ul
{
	margin-top: .25em;
	margin-bottom: 0;
}
.errorSummary ul li
{
	color: Red;
}
.errorValidator
{
	display: inline;
	margin: 0;
	padding: 0;
	background:	url("/www/t3city.WebControls.aspx?Res=Error.gif") no-repeat center center;
	width: 16px;
	height: 16px;
}
.formFieldsDiv
{
	background-color: #eeeeee;
	border: solid 2px #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}
.formFieldsDiv h1, .formFieldsDiv h2, .formFieldsDiv h3, .formFieldsDiv p, .formFieldsDiv table
{
	margin-left: 1em;
	margin-right: 1em;
}
.formFieldsDiv table table, .formFieldsDiv table .button
{
	margin-left: 0;
	margin-right: 0;
}
.formFieldsDiv .errorSummary
{
	margin-left: .5em;
}
.loginForm .errorSummary
{
	margin-top: .5em;
}
.toolLinks
{
}
.button
{
	color: White;
	background-color: #253a71;
	font-weight: bold;
	font-size: 108%;
	margin-top: .5em;
	padding: .1em .2em .1em .2em;
}
.filterButtons
{
	padding-left: .25em;
}
.filterButtons input
{
	padding: .1em .2em .1em .2em;
}
.numberInput
{
	text-align: right;
}
/* Site Default Layout Styles */
/* YUI Grids didn't work well for this layout */
/* 
	#hd
	#bd
		#bdTable
			#menu
				.shopmenu
			#content
				td #contentHd
				td #contentBd
					#home (#article, #brands, #categories, #controlPanel, #contact, #order, etc.) (+ .formDiv, .loginForm, .orderConfirm, etc.)
						.sidebarTable
							td
								.sidebarContent
							td
								.sidebar
				#contentFt
	#ft
*/
#custom-doc
{
	margin:auto;text-align:left; /* leave unchanged */
	width:72.85em;  /* 947px non-IE */
	*width:71.03em; /*       IE     */	
}
#bdTable
{
	background: white url(mho_home_page_background.jpg) no-repeat scroll center -25px;
	width: 100%;
}
#menu
{
	width:13.8456em;
	*width:13.50em;
}	
#menu, #content, .sidebarContentTd, .sidebarTd
{
	vertical-align: top;
}
#hd
{
	position: relative;
	z-index: 10;
}
#hd, #bd
{
    border-left: solid 1px #003366;
    border-right: solid 1px #003366;
}
#bd
{
	border-bottom: solid 1px #003366;
}
#hdLogo
{
	/* height: 100px; */
	overflow: hidden;
	text-align: center;
}
#hdSearch
{
	background: url(searchBackground.png);
	border: solid 1px #000000;
	padding: .5em;
	position: absolute;
	top: 10px;
	right: 10px;
}
/* Hide Google's 404 search box */
#goog-wm li.search-goog 
{
  display: none;
}
.hint
{
	color: gray;
	text-align: right;
}
#hdSearch #q, .searchResultsHeader #filterInput
{
	border: solid 1px black;
	border-right: none;
	width: 200px;
	height: 20px;
}
#hdSearch #searchButton, .searchResultsHeader #filterInputButton
{
	background: url(searchIcon.gif) no-repeat center;
	border: solid 1px black;
	border-left: none;
	width: 22px;
	height: 22px;
}
.searchResultsHeader .filterInput td
{
	width: auto;
	margin: 0;
	padding:0;
	vertical-align: middle;
}
#hdMenuTable
{
	background-color: #253a71;
	width: 100%;
}
#hdMenu
{
	float: left;
}
#hdMyMenu
{
	float: right;
}
#hdMenu, #hdMyMenu
{
	background-color: #253a71;
	background-image: none;
	border: none;
	font-weight: bold;
}
/* 2nd selector avoids flash of unstyled content */
#hdMenu .yuimenubaritem, #hdMenu > div > ul > li > a, #hdMyMenu .yuimenubaritem, #hdMyMenu > div > ul > li > a 
{
	border: none;
	color: white;
	height: 2em;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}
#hdMenu .yuimenubaritemlabel-hassubmenu, #hdMyMenu .yuimenubaritemlabel-hassubmenu
{
    background-image: url(menubaritem_submenuindicator.png);
}
#hdMenu .yuimenubaritemlabel-hassubmenu-selected, #hdMyMenu .yuimenubaritemlabel-hassubmenu-selected
{
	background-color: #152243;
	background-image: url(menubaritem_submenuindicator_selected.png);
}
#hdMenu .yuimenubaritem-selected, #hdMyMenu .yuimenubaritem-selected
{
	background-color: #152243;
	background-image: none;
}
#hdMenu .yuimenuitem, #hdMyMenu .yuimenuitem, #hdMenu .yuimenu .bd, #hdMyMenu .yuimenu .bd
{
	background-color: #253a71;
}
#hdMenu .yuimenuitem, #hdMyMenu .yuimenuitem
{
	padding-bottom: 2px;
}
#hdMenu .yuimenubaritemlabel, #hdMenu .yuimenuitemlabel, #hdMyMenu .yuimenubaritemlabel, #hdMyMenu .yuimenuitemlabel
{
	border: none;
	color: white;
}
#hdMenu .yuimenubaritem-selected, #hdMenu .yuimenubaritemlabel-selected, #hdMenu .yuimenuitem-selected, #hdMyMenu .yuimenubaritem-selected, #hdMyMenu .yuimenuitem-selected
{
    background-color: #152243;
}
#shoppingCartSummary
{
	background-color: #253a71;
	color: white;
	float: right;
    font-weight: bold;
	padding:4px 24px;
}
#shoppingCartSummary a, #shoppingCartSummary a:visited
{
	color: White;
	text-decoration: none;
}
#shoppingCartSummary a:hover
{
	text-decoration: underline;
}
.imageBorder
{
	border: solid 1px #999900;
}
h2 a, h2 a:visited
{
	color: #152243;
	text-decoration: none;
}
h2 a:hover
{
	text-decoration: underline;
}
.photoCaption a
{
    color: #253a71;
    text-decoration: none;
}
.photoCaption a:hover
{
    color: #152243;
    text-decoration: underline;
}
.sidebarTable
{
	border: none;
	width: 100%;
}
.sidebarTable td
{
	border: none;
	vertical-align: top;
}
.sidebarContentTd
{
	width: 100%;
}
.sidebarContent
{
	width: 100%;
}
.sidebar
{
	background-color: #B1D9FC;
	border: solid 1px #253A71;
	padding: 0;
	margin-left: .5em;
}
#brands .sidebar , #categories .sidebar
{
	margin-left: 0;
}
#article .sidebar, .formDiv .sidebar
{
	width:13.8456em;
	*width:13.50em;
}
.sidebar h1
{
    background-color: #253A71;
    color: white;
    font-size: 95%;
    font-weight: bold;
    padding-top: .25em;
    padding-bottom: .25em;
    text-align: center;
    width: 100%;
}
.sidebar h2
{
	color: black;
	margin: .5em;
}
.sidebar .caption
{
	text-align: center;
	color: #253a71;
	font-weight: bold;
	text-decoration: none;
}
.sidebar .caption a, .sidebar .caption a:visited
{
	color: #253a71;
}
.sidebar .caption:hover
{
	text-decoration: underline;
}
.sidebar p
{
	margin: .5em;
}
.sidebar ul
{
	margin: .5em;
	margin-left: 1.5em;
}
.sidebar li
{
	margin-left: .2em;
}
.shopmenu
{
	background-color: #B1D9FC;
	border: solid 1px #253A71;
	margin-top: .5em;
	margin-right: .5em;
	padding: 0;
	width:13.8456em;
	*width:13.50em;
}
.shopmenu h1
{
    background-color: #253A71;
    color: white;
    font-size: 92%;
    font-weight: bold;
    padding-bottom: 2px;
    text-align: center;
	width: 100%;
}
#brands .sidebar h1, #categories .sidebar h1, #product .sidebar h1
{
	font-size: 100%;
	font-weight: bold;
}
.shopmenu h1 a, .shopmenu h1 a:visited, 
#brands .sidebar h1 a, #brands .sidebar h1 a:visited,
#categories .sidebar h1 a, #categories .sidebar h1 a:visited,
#product .sidebar h1 a, #product .sidebar h1 a:visited
{
	color: white;
	text-decoration: none;
}
.shopmenu h1 a:hover, #brands .sidebar h1 a:hover, #categories .sidebar h1 a:hover, #product .sidebar h1 a:hover
{
	text-decoration: underline;
}
.shopmenu select
{
	margin-bottom: 1em;
	margin-top: 1em;
	width: 100%;
}
.shopmenu .whatsNew
{
	margin-bottom: 1em;
}
.shopmenu .subscribeForm
{
	margin-bottom: 1em;
	margin-top: 1em;
    text-align: center;
}
.shopmenu .subscribeForm td
{
	vertical-align: middle;
}
.shopmenu .review, .sidebar .review, .shopmenu .product, .sidebar .product
{
	background-color: white;
	border: solid 1px #253A71;
	font-size: 93%;
	margin: .5em;
	padding: .25em;
	text-align: center;
}
.shopmenu .moreProducts, .sidebar .moreProducts
{
	font-size: 85%;
	margin-bottom: .5em;
	margin-right: .5em;
	text-align: right;
}
.shopmenu .review, .sidebar .review, .shopmenu .product, .sidebar .product, .shopmenu .moreProducts,
.shopmenu .review a, .shopmenu .review a:visited, 
.sidebar .review a, .sidebar .review a:visited, 
.shopmenu .product a, .shopmenu .product a:visited, 
.sidebar .product a, .sidebar .product a:visited,
.shopmenu .moreProducts a, .shopmenu .moreProducts a:visited,
.bestsellerList a, .bestsellerList a:visited
{
	color: #253a71;
}
.product .name a, .product .price a, .bestsellerList a
{
	text-decoration: none;
}
.bestsellerList 
{
	font-size: 85%;
	font-weight: bold;
	margin-left: .5em;
}
.bestsellerList li
{
	list-style-type: none;
	margin-bottom: .1em;
}
#ft
{
	font-size: 92%;
	text-align: center;
}
#ft p
{
	margin-top: .5em;
	padding: 0;
}
#ft, #ft a, #ft a:visited
{
	color: white;
}
/* YUI CSS overrides - tab controls */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-nav a:focus,
.yui-skin-sam .yui-navset .yui-nav a:hover 
{
	color: #AAAAAA;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover 
{
    background: #ffe99e url(productTabSelected.png) repeat-x;
	color: #0066cc;
}
.yui-skin-sam .yui-navset .yui-content
{
	background-color: #eeeeee;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,  
.yui-skin-sam .yui-navset .yui-nav .selected a em,
.yui-skin-sam .yui-navset .yui-content,  
.yui-skin-sam .yui-navset .yui-navset-top .yui-content 
{
	border-color: black;
}
/* YUI CSS overrides - remove border between tabs and content */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
    border-width: 0;
}

/* YUI CSS overrides - tree node */
.shopmenu .ygtvlabel, .shopmenu .ygtvlabel:link, .shopmenu .ygtvlabel:visited, .shopmenu .ygtvlabel:hover 
{ 
	color: #253a71;
    background-color: #B1D9FC;
    font-size: 85%;
}
#content
{
	width: 100%;
}
#contentHeader
{
	background: #f3cc40 url(h1Background.gif) no-repeat;
	margin: 1em 0 1em 1em;
}
#contentHeader h1
{
	color: #1d481b;
	margin-left: 1em;
	height: 37px;
	position: relative;
}
#contentHeader h1 .title
{
	float: left;
	position: relative;
	top: 50%;
	margin-top: -.6em;
	line-height: 120%;
}
#contentHeader h1 .titleDots
{
	background: url(titleDots.gif) center no-repeat;
	margin-left: .5em;
	float: left;
	height: 5px;
	width: 25px;
	position: relative;
	top: 50%;
	margin-top: -2px;
}
#contentBody
{
	/* margin: 1em; */
}
#contentMenu
{
	margin: 0em 0em .5em 0em;
}
#contentMenu p
{
	margin: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
}
#contentMenu ul
{
	margin: 0 0 0 2.25em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	list-style-image: url(/images/content-arrow-down.gif);
}
#contentMenu h1
{
	margin: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
}
#contentMenu h2
{
	margin: 0em 0em .2em .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
}
.contentTopLink
{
	display: block;
	margin: 0em 0em 2em .5em;
	font-size: 85%;
}
/* h1, h2, h3, h4, p, td, etc. via Site Default */
#footer 
{
	position: relative;
	background-color: #AC0125;
	color: #f1f1e4;
	font-weight: bold;
	padding: .25em;
}
#footer a, #footer a:visited 
{
	color: #f1f1e4;
	text-decoration: none;
}
#footer a:hover, #footer a:active 
{
	text-decoration: underline;
}
.footerLogoLeft
{
	float: left;
}
.footerLogoRight
{
	text-align: right;
}
/* Home Page ------------------------------------------------------------------ */
#home
{
	margin-top: .5em;
}
#home .homeTable
{
	width: 100%;
}
.homeTable td
{
	vertical-align: top;
}
#home .loginBox
{
	margin-bottom: 32px;
}
#home .loginBox .fields
{
	margin-left: 30px;
}
#home .loginBox input
{
	border: inset 2px;
	width: 98px;
}
#home .loginBox #Email
{
	margin-top: 4px;
	margin-bottom: 4px;
}

#home .loginBox .forgetPassword
{
	text-align: right;
}
#home .loginBox .forgetPassword a, #home .loginBox .forgetPassword a:visited
{
	color: #1d481b;
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	margin-right: 8px;
}
#home .loginBox .links
{
	margin-top: 4px;
	width: 180px;
}
#home .loginBox .register, #home .loginBox .login
{
	vertical-align: bottom;
}
#home .loginBox .register
{
	text-align: left;
}
#home .loginBox .login
{
	text-align: right;
}
#home .loginBox .register a, #home .loginBox .register a:visited
{
	color: #1d481b;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#home .loginBox .register a:hover, #home .loginBox .register a:active
{
	text-decoration: underline;
}
#home .loginBox .login input, #home .loginBox .logout input
{
	background-color: #ffe99e;
	border: outset;
	color: #1d481b;
	font-size: 14px;
	font-family: "Arial Black", Geneva, sans-serif;
	font-weight: bolder;
	height: 25px;
	line-height: 100%;
	text-transform: uppercase;
	width: 40px;
}
#home .loginBox .logout input
{
	width: 80px;
}
#home .loginBox p
{
	margin: 20px 8px 16px 8px;
}
#home .loginBox .logout
{
	text-align: right;
}
/* Login ---------------------------------------------------------------------- */
#login
{
	width: 40em;
	margin-left: auto;
	margin-right: auto;
}
/* Settings ------------------------------------------------------------------- */
#settings 
{
	width: 45em;
	margin-left: auto;
	margin-right: auto;
}
/* Store Home ----------------------------------------------------------------- */
#storeHome
{
	text-align: center;
}
/* Brands and Categories Pages ------------------------------------------------ */
#brands .sidebar, #categories .sidebar, #product .sidebar
{
	width:13.8456em;
	*width:13.50em;
}
#brands, #categories, #product
{
	margin-top: .5em;
}
.brandsNav, .categoriesNav, .productNav, .ordersNav 
{
    /* border-bottom: solid 1px #DDDDDD; */
    /* color: #999999; */
    color: #253a71;
    font-size: 93%;
    font-weight: bold;
    padding: 4px 10px 4px 10px;
}
.ordersNav b
{
	color: #152243;
	font-weight: bold;
}
.brandsNav a, .categoriesNav a, .productNav a, .ordersNav a
{
    color: #253a71;
    /* margin: 0px 5px 0px 5px; */
    text-decoration: none;
}
.brandsNav a:hover, .categoriesNav a:hover, .productNav a:hover, .ordersNav a:hover
{
    /* color: #003366; */
    color: #152243;
    text-decoration: underline;
}
.brandsNav h1, .categoriesNav h1, .productNav h1, .ordersNav h1
{
	/* font-size: 93%; */
}
.categoryIcon
{
	position: relative;
	display: block;
	float: left;
	height: 125px;
	width: 125px;
	margin: 1em;
}
.categoryIcon .photo
{
	text-align: center;
	vertical-align: middle;
}
/* Products ------------------------------------------------------------------- */
#product .photoCell
{
	width: 410px;
	height: 430px;
	padding: 5px;
	text-align: center;
}
#product .iconCell
{
	width: 76px;
	height: 76px;
	padding: 5px;
	text-align: center;
}
#product .centerPhotoTitle
{
	margin-left: auto;
	margin-right: auto;
	width: 360px;
}
#product .centerPhotoTitle .title
{
	color: #999999;
	text-align: left;
}
#product .centerPhotoTitle .zoom
{
	text-align: right;
}
#product .keyFields
{
	width: 100%;
}
#product .keyFields h2
{
	color: #999999;
	font-weight: normal;
}
#product .keyFields h2 a
{
    color: #999999;
    text-decoration: none;
}
#product .keyFields h2 a:hover
{
    color: #003366;
    text-decoration: underline;
}
#product .keyFields h1
{
	color: #003366;
	font-weight: normal;
	font-size: 197%;
}
#product .priceTable
{
	margin: .5em 0 .5em 0;
}
#product .priceTable td
{
	vertical-align: bottom;
}
#product .priceTable .price
{
	padding-right: 5em;
}
#product .price
{
	font-size: 131%;
}
#product #relatedTabPage .price
{
	font-size: 100%;
}
#product .price .wasPrice
{
	font-size: 80%;
	text-decoration: line-through;
}
#product .price .saleText, #product .price .nowPrice
{
	color: Red;
	font-weight: bold;
}
#product .price .discountText
{
	font-size: 80%;
}
#product .itemNumber
{
	/* float: right; */
}
#product .orderStepsTable
{
	margin: 1em 0 1em 0;
}
#product .orderStepsTable td
{
	vertical-align: middle;
}
#product .orderStepsTable .number
{
	color: #999999;
	font-weight: bold;
	font-size: 116%;
	padding-right: .5em;
}
#product .reviewsTable, #product .reviewSummaryTitle
{
	font-size: 85%;
	margin: .5em 0 1.5em 0;
	width: 100%;
}
#product .reviewsTable
{
	text-align: center;
}
#product .reviewsTable .title, #product .reviewSummaryTitle .title 
{
	text-align: center;
	font-size: 116%;
	font-weight: bold;
	padding-bottom: .25em;
	white-space: nowrap;
}
#product .text .specsTable .labelCell
{
	white-space: nowrap;
	font-weight: bold;
}
#product .photoIcon
{
	color: #999999;
	font-size: 85%;
	position: relative;
	display: block;
	float: left;
	text-align: center;
	vertical-align: top;
	width: 90px;
	height: 90px;
}
#product .reviewSummaryTitle
{
	margin-bottom: .5em;
}
#product .reviewGraphTable
{
	width: 10px;
}
#product .reviewGraphTable td
{
	padding-right: .5em;
	padding-bottom: .25em;
}
#product .reviewSummary, #product .reviewDetailsHeader
{
	width: 600px;
}
#product .photoReviewSummary .reviewSummary
{
	width: 350px;
}
#product .reviewSummary .summary, #product .reviewDetailsHeader .rating
{
	text-align: right;
}
#product .reviewSummary .summary table
{
	margin-right: auto;
	margin-left: auto;
}
#product .reviewSummary .summary td, #product, #product .reviewDetailsHeader .rating td
{
	padding-left: .5em;
}
#product .reviewGraph td
{
	padding: 0;
}
#product .reviewGraph
{
	width: 101px;
	height: 16px;
}
#product .reviewGraph .one
{
	background: url(reviewGraphOne.gif);
}
#product .reviewGraph .two
{
	background: url(reviewGraphTwo.gif);
}
#product .reviewGraph .three
{
	background: url(reviewGraphThree.gif) no-repeat center right;
}
#product .reviewDetailsHeader
{
	margin-top: 1em;
}
#product .reviewDetailsHeader .title .text
{
	font-weight: bold;
}
#product .reviewDetailsHeader .rating
{
	vertical-align: middle;
}
#product .reviewDetails
{
	margin-bottom: .5em;
}
/* Write and Read Reviews ----------------------------------------------------- */
#writeReview .reviewGuidelines
{
	width: 20em;
	padding-right: 1em;
}
#writeReview .reviewGuidelines ul
{
	margin-left: 1.25em;
}
#writeReview .reviewGuidelines
{
	color: #555555;
}
#writeReview .reviewGuidelines strong
{
	color: #333333;
}
#writeReview .reviewFields
{
	padding-right: 10em;
	width: 100%;
}
#writeReview .reviewFields .labelCell
{
	width: 11em;
}
#writeReview .reviewSubmitted
{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
/* Articles ------------------------------------------------------------------- */
#article
{
	/* padding: 0 1em 1em 1.5em; */
	margin-top: .5em;
	margin-left: .5em;
}
#article table
{
	/* margin-left: auto;
	margin-right: auto; */
}
#article .headerCell
{
	/* padding: .5em; */
}
#article .dataCell
{
	/* padding: .25em;
	padding-left: .5em;
	padding-right: .5em; */
}
#article td
{
	/* border: solid 1px black; */
}
/* Control Panel Page --------------------------------------------------------- */
.controlPanelGroup
{
	width: 100%;
}
.controlPanelGroup td h2
{
	background-color: #81B4DA;
	color: black;
	margin: 0;
	padding: .25em;
	text-align: center;
}
.controlPanelTable
{
	width: 100%;
	margin: .25em 0 0 0;
}
.controlPanelTable td
{
	padding: .25em;
	font-size: 85%;
	vertical-align: bottom;
	text-align: center;
}
.controlPanelTable td a, .controlPanelTable td a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
/* Orders --------------------------------------------------------------------- */
#shoppingCart .errorSummary, #shoppingCart .formFieldsDiv, #shoppingCart .shoppingCartButtons, 
#orderConfirm.contactForm
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#shoppingCart h3, #orderConfirm h3
{
	font-weight: bold;
	margin: 0;
	white-space: nowrap;
}
#shoppingCart h4, #orderConfirm h4
{
	color: #003366;
	font-weight: bold;
	margin: 0;
}
#shoppingCart .formFieldsDiv .title, #orderConfirm .title
{
	width: 96%;
}
#shoppingCart .shoppingCartID, #orderConfirm .shoppingCartID
{
	color: #999999;
	float: right;
	font-weight: normal;
	font-size: 85%;
	text-align: right;
}
#shoppingCart .deleteItem, #shoppingCart .updateShipping, #shoppingCart .addCoupon
{
	font-size: 85%;
	margin: 0;
}
#shoppingCart #shoppingCartItems, #shoppingCart #shoppingCartTotals, 
#orderConfirm #shoppingCartItems, #orderConfirm #shoppingCartTotals
{
	width: 96%;
}
#shoppingCart #shoppingCartItems .quantityCell, 
#orderConfirm #shoppingCartItems .quantityCell
{
	white-space: nowrap;
	width: 5em;
}
#shoppingCart #shoppingCartItems .quantity
{
	margin-left: .25em;
	text-align: right;
	width: 2.5em;
}
#orderConfirm #shoppingCartItems .quantity
{
	text-align: center;
}
#shoppingCart #shoppingCartItems .itemRefresh, .formDiv .itemRefresh
{
	background: url(refresh.gif) no-repeat;
	border: none;
	margin-right: .25em;
	width: 16px;
	height: 16px;
}
#shoppingCart #shoppingCartItems td,
#orderConfirm #shoppingCartItems td
{
	border: solid 1px #999999;
}
#shoppingCart #shoppingCartItems .imageCell, #shoppingCart #shoppingCartItems .textCell,
#orderConfirm #shoppingCartItems .imageCell, #orderConfirm #shoppingCartItems .textCell
{
	border: none;
}
#shoppingCart #shoppingCartItems .imageCell, #orderConfirm #shoppingCartItems .imageCell
{
	width: 56px;
	text-align: center;
}
#shoppingCart #shoppingCartItems .textCell p, #orderConfirm #shoppingCartItems .textCell p, #writeReview .textCell p
{
	margin-top: 0;
	margin-bottom: 0;
}
#shoppingCart #shoppingCartItems .description, #orderConfirm #shoppingCartItems .description, #writeReview .description
{
	margin-left: .5em;
}
#shoppingCart #shoppingCartItems .stockNote, #orderConfirm #shoppingCartItems .stockNote
{
	font-size: 93%;
	color: red;
}
#shoppingCart #shoppingCartItems .sku, #shoppingCart #shoppingCartItems .stockNote, #shoppingCart #shoppingCartItems .couponNote,
#orderConfirm #shoppingCartItems .sku, #orderConfirm #shoppingCartItems .stockNote, #orderConfirm #shoppingCartItems .couponNote,
#writeReview .sku
{
	margin-left: 1.5em;
}
#shoppingCart #shoppingCartItems .itemActionHeader, #shoppingCart #shoppingCartItems .quantityHeader,
#orderConfirm #shoppingCartItems .quantityHeader
{
	width: 3.5em;
}
#shoppingCart #shoppingCartItems .itemActionHeader, #shoppingCart #shoppingCartItems .quantityHeader, 
#shoppingCart #shoppingCartItems .discountsHeader,  #shoppingCart #shoppingCartItems .itemTotalHeader,
#orderConfirm #shoppingCartItems .quantityHeader, 
#orderConfirm #shoppingCartItems .discountsHeader,  #orderConfirm #shoppingCartItems .itemTotalHeader
{
	text-align: center;
}
#shoppingCart #shoppingCartItems .descriptionHeader, #orderConfirm #shoppingCartItems .descriptionHeader
{
	/* width: 100%; */
}
#shoppingCart #shoppingCartItems .discountsHeader, #shoppingCart #shoppingCartItems .itemTotalHeader,
#orderConfirm #shoppingCartItems .discountsHeader, #orderConfirm #shoppingCartItems .itemTotalHeader
{
	width: 6em;
	white-space: nowrap;
}
#shoppingCart #shoppingCartItems .itemActionCell, #shoppingCart #shoppingCartItems .quantityCell, 
#shoppingCart #shoppingCartItems .discountsCell,  #shoppingCart #shoppingCartItems .itemTotalCell,
#orderConfirm #shoppingCartItems .quantityCell, 
#orderConfirm #shoppingCartItems .discountsCell,  #orderConfirm #shoppingCartItems .itemTotalCell
{
	text-align: right;
}
#shoppingCart #shoppingCartTotals .totals
{
	width: 13em;
}
#shoppingCart #shoppingCartTotals .totalsTable
{
	width: 100%;
}
#orderConfirm #shoppingCartTotals
{
	margin-top: .5em;
}
#orderConfirm #shoppingCartTotals .billingContact, #orderConfirm #shoppingCartTotals .shippingContact
{
	vertical-align: top;
	width: 18.1em;
}
#orderConfirm #shoppingCartTotals .totalsTable
{
	float: right;
}
#orderConfirm #shoppingCartTotals .itemSubtotalCell
{
	width: 7em;
}
#shoppingCart .shippingAndTaxes, #shoppingCart .coupons, 
#orderConfirm .billingContact, #orderConfirm .shippingContact
{
	border: solid 1px #999999;
	margin-top: 1em;
}
#shoppingCart .couponCode
{
	width: 10em;
}
#shoppingCart .itemSubtotalHeader, #shoppingCart .shippingHeader, #shoppingCart .taxesHeader, #shoppingCart .invoiceTotalHeader,
#orderConfirm .itemSubtotalHeader, #orderConfirm .shippingHeader, #orderConfirm .taxesHeader, #orderConfirm .invoiceTotalHeader
{
	font-weight: bold;
	text-align: right;
	padding-top: .25em;
	padding-bottom: .25em;
}
#shoppingCart .itemSubtotalCell, #shoppingCart .shippingCell, #shoppingCart .taxesCell, #shoppingCart .invoiceTotalCell,
#orderConfirm .itemSubtotalCell, #orderConfirm .shippingCell, #orderConfirm .taxesCell, #orderConfirm .invoiceTotalCell
{
	text-align: right;
}
#shoppingCart .shoppingCartButtons
{
	margin-top: 1em;
	margin-bottom: 1em;
}
#shoppingCart .shoppingCartButtons .info
{
	font-size: 85%;
}
#shoppingCart .recalculate, #shoppingCart .continueShopping
{
	width: 12em;
}
#shoppingCart .checkout
{
	color: White;
	background-color: #253a71;
	font-weight: bold;
	font-size: 108%;
	width: 14em;
}
#order.loginForm
{
	padding: 1em;
	width: 40em;
	margin-left: auto;
	margin-right: auto;
}
#order.registerForm, #order.contactForm, #paymentMethod.contactForm
{
	padding: 1em;
	width: 50em;
	margin-left: auto;
	margin-right: auto;
}
#order .tip, #paymentMethod .tip, .formDiv .tip
{
	color: #999999;
	font-size: 93%;
	font-style: italic;
}
#paymentMethod .processors
{
}
#paymentMethod .processors .info a, #paymentMethod .processors .info a:visited
{
	color:  #eeb902;
	font-size: 85%;
	text-decoration: none;
}
#paymentMethod .processors .info a:active, #paymentMethod .processors .info a:hover
{
	text-decoration: underline;
}
#paymentMethod .processors .rule
{
	border-top: solid 3px #DDDDDD;
	height: .5em;
}
#paymentMethod .processors .buttonCell
{
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: .5em;
}
#paymentMethod .processors .title
{
	font-weight: bold;
	white-space: nowrap;
}
#paymentMethod .processors .info
{
	white-space: nowrap;
	text-align: right;
}
#paymentMethod .processors .description
{
	padding-top: .3em;
	padding-bottom: .5em;
}
#paymentMethod .processors .description p
{
	margin-left: 0;
	margin-bottom: .3em;
}
#orderConfirm .changeLink
{
	font-weight: normal;
	font-size: 93%;
}
#orderConfirm .confirmOrderButtons
{
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}
#orderConfirm h3, #order h3, #paymentMethod h3
{
	font-weight: bold;
}
#statement .statementTotal
{
	margin-top: 1em;
}
#orderConfirm .invoiceTotal, #statement .statementTotal, #order .dataDiv, #order .invoiceTotal
{
	margin-left: 1em;
	margin-right: 1em;
}
#order .dataDiv
{
	margin-bottom: 1em;
}
#addFunds .button
{
	margin-bottom: .5em;
	margin-top: .5em;
}
#orderSuccess #ShoppingCartItems
{
	margin-bottom: .5em;
}
#statement .button
{
	margin-top: 1.5em;
}
#paymentMethod .processors .info
{
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
#orderConfirm .paymentMethodDiv
{
	margin-top: 2.5em;
}
#orderConfirm .paymentMethodDiv h3
{
	margin-bottom: .25em;
}
#orderConfirm .paymentMethod
{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
/* Printing ------------------------------------------------------------------- */
#print #content
{
	background-color: White;
}
/* HowTos --------------------------------------------------------------------- */
.howTo
{
}
/* FAQs ----------------------------------------------------------------------- */
#faq
{
	padding-bottom: .1em;
}
#faq .q
{
	font-weight: bold;
	margin-bottom: .25em;
}
#faq .a
{
	margin-bottom: 1.5em;
}
#faq .qa
{
	color: #24551e;
	font-size: 200%;
	font-weight: bold;
	line-height: .85em;
	/* margin-right: .03em;
	margin-top: -2.1em; 
	margin-bottom: -2em; */
}

#faq li
{
	margin-bottom: 1em;
}
/* Site Defaults - Global Search Results Styles ------------------------------- */
#siteSearch
{
	margin: 2em;
}
#siteSearch #searchBox .logo
{
	width: 169px;
	height: 48px;
	background: url(SearchLogo.jpg) center no-repeat;
}
#siteSearch #searchBox .queryBox
{
	padding-left: 1em;
}
#siteSearch #resultsHeader
{
	width: 100%;
}
#siteSearch #resultsHeader .summary
{
	text-align: right;
}
#siteSearch .title
{
	font-weight: bold;
}
#siteSearch .url
{
	color: green;
} 
.searchCell
{
	border: solid 1px #999999; 
	padding: .5em;
}
.searchCell a, .searchCell a:visited
{
	color: #AC0125;
}
.searchTips
{
	margin: 0;
	padding: 0;
	margin-left: 1em;
	font-style: italic;
}
.searchLabel
{
	font-weight: bold;
}
.searchFeatures td
{
	vertical-align: top;
	padding-right: 1em;
}
.searchFeatureGroupName
{
	font-weight: bold;
	cursor: pointer;
}
.searchResultsHeader, .searchResultsFooter
{
	/* background-color: #81B4DA; */
	/* border-top: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD; */
	color: #253a71;
	width: 100%;
	font-size: 108%;
}
.searchResultsHeader
{
	margin-bottom: .5em;
}
.searchResultsHeader td, .searchResultsFooter td
{
	padding: .1em .25em .1em .25em;
}
.searchResultsHeader .first, .searchResultsHeader .last, .searchResultsFooter .first, .searchResultsFooter .last
{
	font-size: 85%;
}
.searchResultsHeader .previous, .searchResultsHeader .next, .searchResultsFooter .previous, .searchResultsFooter .next
{
	font-size: 93%;
}
.searchResultsHeader .page, .searchResultsFooter .page
{
	font-size: 100%;
}
.searchResultsHeader .currentPage, .searchResultsFooter .currentPage
{
	font-weight: bold;
	font-size: 108%;
}
.searchResultsHeader .label, .searchResultsFooter .label
{
	font-weight: bold;
}
.searchResultsHeader a, .searchResultsFooter a, .searchResultsHeader a:visited, .searchResultsFooter a:visited
{
	color: #253a71;
}
.searchResultsHeader a:hover, .searchResultsHeader a:active, .searchResultsFooter a:hover, .searchResultsFooter a:active
{
	background-color: white;
	color: #152243;
	text-decoration: underline; 
}
.searchResultsFooter
{
	clear: both;
}
.searchResultsContent
{
	padding: .5em .5em .5em .5em;
}
.searchResultsContact
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
}
.searchResultsContact a,.searchResultsContact a:visited
{
	border: solid 1px #1F1B0F;
	background-color: #DCEDE5;
	padding: 2px;
	color: #1D432E;
	font-weight: bold;
	text-decoration: none;
}
.searchResultsContact a:hover,.searchResultsContact a:active
{
	background-color: #353097;
	color: White;
	text-decoration: underline; 
}
.searchResultsIdxInfo p
{
	margin: 0 auto 0 auto;
	font-size: 77%;
	font-style: italic;
}
/* Standard Search Results Layout --------------------------------------------- */
.searchResults
{
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 1em 0;
	background-color: #ffdbff;
}
.searchResults .headerCell
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
	padding: 0;
}
.searchResults td
{
	padding: .5em;
}
.searchResults a
{
	text-decoration: none;
}
.searchResults a:hover, .searchResults a:active
{
	text-decoration: underline;
}
/* Tabular Search Results Layout ---------------------------------------------- */
.searchResultsTabular
{
	/* background-color: #F1E2B7; */
	background-color: #C8D9EB;
	width: 100%;
}
.searchResultsTabular .headerCell
{
	/* background-color: #A94C5E; */
	background-color: #AC0125;
	/* background-color: #3866D1; */
	border: none;
	color: white;
	font-weight: bold;
	padding: .25em 0 .25em 0;
	text-align: center;
}
.searchResultsTabular td
{
	padding: .5em;
}
.searchResultsTabular .shortTitle
{
	padding: 0 .5em 0 .5em;
}
.searchResultsTabular td p
{
	margin: 0;
}
.searchResultsTabular a
{
	color: #AC0125;
	text-decoration: none;
}
.searchResultsTabular a:hover, .searchResultsTabular a:active
{
	color: #81B4DA;
	text-decoration: underline;
}
.searchResultsTabular .evenRow
{
	background-color: White;
}
/* Columns Search Results Layout ---------------------------------------------- */
.searchResultsColumns
{
	color: #253a71;
	margin-top: 5px;
}
.searchResultsColumns .hBorderTd
{
	margin: 0;
	padding: 0;
	height: 7px;
	text-align: center;
	vertical-align: middle;
}
.searchResultsColumns .hBorder
{
	width: 215px;
	height: 1px;
}
.searchResultsColumns .vBorderTd
{
	vertical-align: middle;
	width: 7px;
}
.searchResultsColumns .vBorder
{
	width: 1px;
	height: 90px;
}
.searchResultsColumns .brand
{
	color: #999999;
	font-weight: normal;
	font-size: 85%;
}
.searchResultsColumns .price .wasPrice
{
	font-size: 80%;
	text-decoration: line-through;
}
.searchResultsColumns .price .saleText, .searchResultsColumns .price .nowPrice
{
	color: Red;
	font-weight: bold;
}
.searchResultsColumns .rating
{
	margin-top: 2px;
}
.searchResultsColumnsContentDiv
{
	background-color: #D6EFFF;
	padding: .5em 0 0 .5em;
}

.brandsColumns, .categoriesColumns
{
	background-color: #B1D9FC;
	border: solid 1px #253a71;
	margin-right: .5em;
	margin-bottom: .5em;
}
.searchResultsColumns, .brandsColumns, .categoriesColumns
{
	position: relative;
	display: block;
	float: left;
	z-index: 1;
}
/* See http://www.alistapart.com/articles/cssdrop2/ and http://www.aplus.co.yu/css/z-pos/ */
/* Unfortunately, the filter is killing page load times, so we are turning it off for now */
.searchResultsColumns .photoShadow, .brandsColumns, .categoriesColumns
{
	/* margin: 0 0 3px 0; */
}
.brandsColumns .photo, .categoriesColumns .photo
{
	height: 135px;
	width: 135px;
	text-align: center;
	vertical-align: middle;
}
/*
.brandsColumns .photoShadow, .brandsColumns .photoShadow td,
.categoriesColumns .photoShadow, .categoriesColumns .photoShadow td
{
	width: 130px;
	height:130- 90px;
	text-align: center;
	vertical-align: middle;
}
*/
.searchResultsColumns .photo
{
	width: 125px;
	height: 125px;
}
/*
.searchResultsColumns .photoShadow, .searchResultsColumns .photoShadow td
{
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}
*/
.searchResultsColumns .photoShadow, .brandsColumns .photoShadow, .categoriesColumns .photoShadow
{
	/* background: url(shadow.gif) no-repeat bottom right;
	padding:  0 6px 6px 0; */
}
.brandsColumns .photo, .categoriesColumns .photo
{
	background-color: White;
}
.brandsColumns .photoCaption, .categoriesColumns .photoCaption
{
	background-color: #B1D9FC;
	text-transform: uppercase;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	width: 135px;
	height: 2.5em; /* room for 2 lines */
	vertical-align: middle;
}
.brandsColumns .photoCaption a, .brandsColumns .photoCaption a:visited,
.categoriesColumns .photoCaption a, .categoriesColumns .photoCaption a:visited
.searchResultsColumns .photoTable
{
	color: #253A71;
}
.searchResultsColumns .photo div img
{
	/* display: block; */
}
.searchResultsColumns .text
{
	width: 120px;
	text-align: left;
	vertical-align: top;
}
.specsPlaceHolder
{
	position: relative;
}
.searchResultsColumns .text
{
	position: relative;
}
.searchResultsColumns .text .more
{
	position: absolute;
	bottom: 10px;
	*bottom: 0;
	white-space: nowrap;
}
.searchResultsColumns .text .more .spacer
{
	width: 4px;
}
.searchResultsColumns .specs
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	white-space: nowrap;
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/flagrealty/shadow2.png', sizingMethod='crop'); */
	background: url(/images/shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .specs div
{
	/* width: 8em; */
	/* background: url(/images/shadow2.gif) no-repeat left top !important; */
	padding: 0 6px 6px 0;
}
.searchResultsColumns .specs .specsTable .labelCell
{
	white-space: nowrap;
	font-weight: bold;
}
/* Subscription Emails -------------------------------------------------------- */
#subscriptionEmail
{
	background-color: White;
}
#subscriptionEmail h1
{
	color: #003366;
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%; 
}
.subscriptionEmailTable
{
	width: 100%;
}

