/*********************************************/
/* MAIN DOCUMENT ELEMENTS */
/*********************************************/
html { height: 100%; }

body {
	margin: 0;
	background-color: #D0C6CF;
	background-image: url(images/facim_bkgnd.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	/*color: #355535;*/
	color: #000000;
	overflow: -moz-scrollbars-vertical;	
}

table 	{ border: none; cellpadding: 2px; cellspacing: 3px; }
form 	{ border: none; margin: 0; padding: 0; }
img 	{ border: none; }

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

h1 {
    color: #73488C;
    font-family: Times New Roman, Arial, Helvetica, Verdana;
    font-weight: bold;
}

select, input {
    font-family: Arial, Helvetica, Verdana;
    font-size: 12px;
}

h3 {
    margin: 1em 0 0.5em 0;
    padding-top: 1em;
    /*color: #6B6F83;*/
    font-size: 1.25em;
    text-align: left;
    border-bottom: solid 2px #4776BD;
}

/*********************************************/
/* Links */
/*********************************************/
a 		{ color: #173D73; }
a:active, a:link, a:visited { text-decoration: underline; outline: none; }
a:hover { color: #FF7400; }

/************************************************/
/* Main Document Wrapper and Header */
/************************************************/

#mainwrapper {
	width: 920px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#backgroundpanel {
	width:900px;
	display:table;
	height:100%;
	background-color:#F8F6EF;
	/*background-color:#FFF;*/
	float:left;
}

#pagewrapper {
 	width:860px;
 	margin: 0 auto;
	display:table;
	height:100%;
	min-height: 100%;
}

#toplinksright
{
    margin: 0;
    padding: 10px 0 0 0;
    float: right;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

#headerright {
    background-image: url(images/facim_headerright.jpg);
}

#searchinput { /* The main search input field in the header */
	width: 200px;
	height:auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	border-color: #959595;
	border-style: inset;
	border-width: 1px;
	padding: 2px;
}

/************************************************/
/* Top Navigation */
/************************************************/
/* See below for ComponentArt menu styling */
#navbarwrapper {
	width:860px; 
	height:28px; 
	clear:both;
	background-color: #3672AB;
	vertical-align: middle;
}

#horizmenu { /* The top horizontal menu */
	height: 27px;
	vertical-align: middle;
	float: left;
}
/************************************************/
/* Search Results
/************************************************/

.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; } 
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }

.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button {  }
input.zoom_searchbox {  }		

/************************************************/
/* Breadcrumb
/************************************************/
#breadcrumbsearchwrapper {
	width: 860px;
	height: 28px;
	/*display:inline;*/
	clear: both;
	font-size: 11px;
	background-color:#DDEEFF;
	margin-bottom: 10px;
}

#homebutton {
	/*float: left;
	margin-left: 25px;*/
}
	
#breadcrumb {
	/*font-size: 11px;*/
	text-align: left;
	margin-left: 15px;
	padding-top: 8px;
    color: #000;
}

#breadcrumb a:hover {
    /*color: #FFF;*/
}

#logintext {
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
    color: #000;
}

#logintext a {
	color:#3366CC;
	font-weight:bold;
}

#logintext a:hover {
	color:#FF6600;
	font-weight:bold;
}

/************************************************/
/* Latest Releases Bar */
/************************************************/

#latestreleases {
	width: 800px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	color:#3672AB;
	font
}

#latestreleases a {
	color:#3672AB;	
	font-weight:bold;
	text-decoration: none;
}

#latestreleases a:hover {
	color:#FF6600;
	font-weight:bold;
	text-decoration: none;
}



/************************************************/
/* Footer */
/************************************************/
#footer {
    padding: 0;
	margin: 0;
	width: 860px;
	height: 100px;
	background-image: url(images/facim_footerbkgnd.gif);
	background-repeat: repeat-x;
	background-color: #C7D9E8;
    text-align: center;
	clear:both;
}

#footercontent {
	height: 48px;
	padding-top: 15px;
	clear: both;
}

#footerbottom {
	height: 15px;
	background-image: url(images/akl_footer_bottom.jpg);
}

#footerreflection {
	margin-left: auto;
	margin-right: auto;
	height: 54px;
	width: 917px;
	background-image: url(images/akl_footer_reflection.jpg)
}
/************************************************/
/* Colors */
/************************************************/
.white {
	color: #FFF;
}	

/************************************************/
/* General Styling */
/************************************************/
.textbold { font-weight:bold; }

/************************************************/
/* Subcategory Page with Product Links */
/************************************************/
#subcatproductlinksheader { font-weight:bold; font-size:12px; color:#2584BC; margin-top:10px; }
#subcatproductlinkswrapper { overflow:auto; padding: 10px 0; }
#subcaticon { float:left; padding: 0 20px 0 0; }
#productlinkslisttable td { align:left; valign:top; }
.productlinkslist { list-style-type:none; margin:0; }
.productlinkslist li { padding: 3px 0; margin:0; font-weight:bold; }

/************************************************/
/* Product/Product Variant Display Styling */
/************************************************/
.productnavlinks { float:right; clear:both; }
#productimage { float:left; padding:0 20px 20px 0; width: 211px; }
#productname { color:#754889; font-weight:bold; font-size:14px; }
#variantimage { float:left; padding: 0; width: 100px; height: 100px; }
#variantdetails { float:left; width: 400px; padding-bottom: 10px; }
/*#variantdescription { font-size: 11px; }*/
.listprice { color:#777; font-weight:bold; font-size:13px; }
.listpricestrikethrough { color:#777; font-weight:bold; font-size:13px; text-decoration:line-through; }
.yourprice { color:#000; font-weight:bold; font-size:13px; }
.yourpricevalue { color:#754889; font-weight:bold; font-size:13px; }
.skudiv { clear:both; float:left; padding: 10px 20px 0 0; }
.skudiv span { font-weight:bold; }
.addtocartform { float:right; padding:10px 0; font-size: 12px; }

#productdetails { float: left; padding-bottom: 20px; width: 550px; }

#emailproduct { float:right; margin: 0; font-size: 11px; padding: 10px 0; }

#mp3mediaplayer { height: 50px; }

/*#producticoncell { border: solid 1px; border-color: #C7D9E8; padding: 5px; }*/
#producticongrid td a:link { text-decoration: none; }
#producticongrid td a:active { text-decoration: none; outline: none; }
#producticongrid td a:visited { text-decoration: none; }
/*The following style is used in Variant descriptions of Seminars and Academy Classes within the Bookstore
 A similar style exists in the static pages' stylesheet facim.css which is used in the Temecula Schedule page
 to style the "Pre-registration Required" text*/
.registrationrequiredstore { font-style: italic; }

/************************************************/
/* Notification - Email Receipt */
/************************************************/
.report td { font-size: 12px; }

/************************************************/
/* Miscellaneous Additional Styling */
/************************************************/
.left { float:left; }

/*.right { float: right; }*/

.clearboth { clear: both; }

.fontnormal { font-weight: normal; }

.fontbold { font-weight: bold; }

#ML { width: 650px; font-size: 0.85em; }
#ML, #ML div { float: right; vertical-align: middle; }
#ML div select { font-size: 0.88em; margin: 2px 0.5em 4px 0; vertical-align: middle; }

#breadcrumb, #logintext, #ML { height: 23px; }
/* #logintext a { color: #ff7400; text-decoration: none; } */

/*
input.submit
{
    border: 1px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    padding: 0.1em;
    margin: 0;
    background-color: #fff;
    background-image: url(images/background-form-element.png);
    color: #333;
    font-size: 1em;
    font-weight: bold;
    font-family: Tahoma,Verdana,Helvetica,Arial,sans-serif;
}
*/


#cartLinks {
	white-space: 199px;
}


/*****************************************************************/
/* COMPONENT ART HORIZONTAL MENU */
/*****************************************************************/

/*****************************************************************/
/* Top Elements e.g. "Home", "Products", "Customer Service" */
/* .TopMenuGroup is basically a wrapper for each top menu item */
/*****************************************************************/
.TopMenuGroup {
    border: solid 0px #000;
    background-color: transparent;
    line-height:27px;
}

.TopMenuItem {
	text-align: center;
	height: 27px;
	color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 16px;
	border-right: solid 1px;
	border-color: #FFF;
}

.TopMenuItemHover {
	background-color: #6D9CC6;
	text-align: center;
	height: 27px;
	color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: hand;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 16px;
	border-right: solid 1px;
	border-color: #FFF;
}

/*****************************************************************/
/* Menu Items listed in the expanded menu */
/* .MenuGroup is basically a wrapper for the menu list items */
/*****************************************************************/
.MenuGroup {
    border: solid 1px #000;
    color: #000;
    margin: 0;
    background: #F8F8F8 none;
	width: 180px;
	margin-top: -1px;
}

.MenuItem, .MenuItemHover, .MenuItem td, .MenuItemHover td {
    font-size: 12px;
	/*color: #4776BD;*/
	color: #000;
    border: solid 0px white;
    cursor: hand;
    cursor: pointer;
    margin: 0;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
    background: #F8F8F8 none;
    width: 100% !important;
	/*width: 180px;*/
	/*line-height: 14px;*/
}

.MenuItemHover, .MenuItemHover td {
    /*background: #DCDFE2 none;*/
    background: #C7D9E8 none;
	/*line-height: 14px;*/
}

.MenuBreak
{
  background-color: silver; 
  width:100%;
  height:2px;
}


/************************************************/
/* LEGACY STYLING */
/************************************************/

/*********************************************/
/* Old Styling */
/*********************************************/
/* Hides from IE-mac \*/
* html .clear, * html .floatform {
    height: 1%;
}
.clear, .floatform {
    display: block;
}
/* End hide from IE-mac */

ul.tame, ul.tame li {
    margin: 0;
    padding: 0;
    display: list-item;
    list-style: none;
}

li {
	text-align: left;
	line-height: 15px;
    line-height: 16px;
}

li.tameTop {
	background-image: url(images/li-1tame-bg.gif);
	background-position: center 1px;
	background-repeat: no-repeat;
	line-height: 17px;
	text-align: center;
}

li.tameTop a {
	font-size: 9px;
}

li.tameTop a.main {
	width: 180px;
	color: #fff;
}

.tameHoriz, ul.tameHoriz li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
}

ul.tameHoriz li {
    display: inline;
    font-size: 1em;
}

br.cl {
    clear: both;
}


/*PAGE SETUP*/
.clear { 
	width: 820px;
	clear: both;
	height: 1px;
	line-height: 1px;
}

textarea#OrderNotes {
    width: 99% !important;
}


/*HEADER ELEMENTS*/


#logo {
    float: left;
    width: 210px;
    height: 34px;
    background: url(images/logo.gif) no-repeat center center;
    margin-right: 10px;
    display: block;
}

#logo b {
    display: none;
}

td.wishlist {
    background: url(images/wishlist.gif) no-repeat left bottom;
	width: 96px;
	height: 20px;
	padding-top: 5px;
	vertical-align: top;
	text-align:center;
}

td.cart {
    background: url(images/cart.gif) no-repeat left bottom;
	width: 96px;
	height: 20px;
	padding-top: 5px;
	vertical-align: top;
	text-align:center;
}

a.cart, a.wishlist, a.checkout, a.cart:hover, a.wishlist:hover, a.checkout:hover {
	color: #ffffff;
	font-size: 9px;
	text-decoration: none;
}

td.checkout {
    background: url(images/checkout.gif) no-repeat left bottom;
	width: 199px;
	height: 22px;
	padding-top: 7px;
	vertical-align: top;
	text-align:center;
}

a.account {
    background: url(images/icons/your-account.gif) no-repeat left bottom;
}

a.faq {
    background: url(images/icons/faq.gif) no-repeat left bottom;
}

a.contact {
    background: url(images/icons/contact-us.gif) no-repeat left bottom;
}

a.wishlist, a.cart, a.faq, a.contact, a.account {
    padding: 0;
    position: relative;
}

#header u {
    color: #000;
    text-decoration: none;
}

#login {
    margin: 0;
    padding: 0;
    float: right;
    font-size: 0.8em;
    padding-right: 15px;
}

.leftNav {
    width: 199px;
    padding: 5px;
	background-color: #e1e1e1;
}

.navHeader {
    background: url(images/nav-header-bg.gif) no-repeat left bottom;
    width: 199px;
    height: 19px;
    padding-top: 17px;
	padding-bottom: 6px;
    color: #555555;
	font-size: 12px;
}

.navFooter {
	background: url(images/nav-footer-bg.gif) no-repeat left top;
    width: 199px;
    height: 4px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

.catMark {
    font-size: 0.8em;
    font-weight: bold;
    color: #aaa;
    letter-spacing: -2px;
}

#minicart {
	color: #4d4646;
	font-size: 9px;
}

td.left {
	color: #4d4646;
	text-align: left;
}

td.right {
	color: #4d4646;
	text-align: right
}

/* FOOTER ELEMENTS */
#footer ul {
    list-style: none;
    color: #444;
}

div#footerWrap {
    width: 905px;
    height: auto;
    margin: 0;
    padding: 5px 0;
    border: 1px dashed #ddd;
}

.footerList {
    text-align: left;
    width: 24%;
    height: 100%;
    display: inline;
    float: left;
    border-right: 1px dashed #ddd;
}

.topList li {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    list-style: none;
}

/* CLOSER */
#closer {
    font-size: 0.7em;
    color: #444;
    margin: 1em 0;
}

#closer a {
    color: #444;
}

/* PRODUCT PAGE */
#productTopBox
{
    text-align: right;
    padding: 1.5em 10px 10px 10px;
}
h2 {
    margin: 0;
    font-size: 1.4em;
    text-align: left;
    border-bottom: solid 2px #4776BD;
}

#sku {
    display: block;
}

#price {
    font-weight: bold;
    font-size: 1.5em;
    display: block;
}

.SalePrice {
    color: #cc0000 !important;
}

#description, #quoteBox, #otherinfo {
    margin: 10px;
}

.prodHeader {
    width: 99.5%;
    height: 1.2em;
    color: #6B6F83;
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 5px;
    border-bottom: solid 2px #4776BD;
}

#quoteBox input, #quoteBox select {
    font-size: 1em;
    display: block;
    margin: 5px 0;
}

#mainImg {
    margin: 0 10px 10px 0;
    float: left;
}

#Quantity {
    font-size: 12px;
}

.AddToCartButton {
	border:0px;
	width: 158px;
	height:21px;
	cursor: hand;
	cursor: pointer;
    background-image: url(images/facim_addtocart_bttn.gif);
	font-size: 0px;
	position: relative;
	top: -5px;
}

.AddToWishButton {
	border:0px;
	width: 150px;
	height:22px;
	cursor: hand;
	cursor: pointer;
    background-image: url(images/akl_addtowish_bttn.gif);
	font-size: 0px;
	
}


.addToForm {
    font-size: 12px;
    /*margin-top: 1em;*/
}

#shipQuoteLabels {
    width: 10em;
    height: auto;
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

#shipQuoteLabels label {
    display: block;
    line-height: 2em;
}

#ShipQuote, #yourQuote {
    font-weight: bold;
    line-height: 2em;
}

#shipQuoteWrapper {
    height: auto;
    float: left;
}

#navArrows {
    float: right;
}

/* ENTITY LANDING PAGE */

.topFeature {
    float: left;
    width: 24.8%;
    height: auto;
    text-align: left;
}

.topFeatureP {
    margin: 0;
    padding: 0.5em;
    text-align: left;
}

.topFeature p {
    margin: 0;
    text-align: left;
}

.topFeatureP img {
    margin-bottom: 0.5em;
}

.topPrice, .topName {
    font-weight: bold;
    text-align: left;
}

#entitySep {
    clear: both;
    margin-top: 1em;
}

.btmP {
    clear: left;
    border-bottom: 1px solid #C6C3BA;
    float: left;
    width: 683px;
    margin: 0.5em 0;
    padding: 0.5em;
}

.btmP img {
    float: left;
    margin-right: 1em;
}

.btmP span {
    display: block;
}

.btmName, .btmPrice, .btmSalePrice {
    font-size: 1.1em;
    font-weight: bold;
}

.btmDescription, .topDescription {
    display: block;
    padding-bottom: 1em !important;
}

.btmPrice {
}

.btmSalePrice {
    color: #cc0000;
}

.btmInStock, .btmOutStock, .topInStock, .topOutStock {
    display: inline !important;
    font-weight: bold;
    color: #4776BD;
}

.btmOutStock, .topOutStock {
    color: #aaa;
}

#entityPageHeader p {
    margin-top: 0;
}

#entityPageHeader img {
    margin: 0 1em 0.5em 0;
    float: right;
}

.entityCategory {
    margin: 0 0 1em 0;
    font-size: 1.1em;
}

/* OTHER SELECTORS */
.MediumCell, .LightCell {
    border: none;
}

.error {
    font-size:1.25em;
    font-weight:bold;
    color:#ff0000;
	line-height: 35px;
}

.errorLg {
    color: Red;
    font-size: 12px;
    font-weight: bold;
}

.SBProdName {
    font-size: .7em;
}
.SBCatName {
    font-size: .8em;
    font-weight: bold;
}

.PBCartFull {
    font-size: .7em;
    color: Blue;
    font-weight: bold;
}

td.productcell {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.products {
	padding-top: 1px;
	text-align: center;
	vertical-align: top;
	width: 137px;
	height: 200px;
	background-image: url(images/store_product_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

div.productlink {
	text-align: left;
	padding-top: 5px;
	padding-left:7px;
	width: 137px;
	height: 25px;
	background-image: url(images/store_product_links_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.products a {
	text-align: center;
}


/*
-----------------------------------------------------------------------
 Component Art Tree Style:
-----------------------------------------------------------------------


.TreeView 
{ 
  background-color:transparent;
  border: #919191 0px solid; 
  padding-top:2px;
  cursor: default; 
  color: #FFFFFF;
  cursor: hand;
  cursor:pointer;
}

.TreeNode 
{ 
  font-size: 11px; 
  color: #FFFFFF;
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: hand; 
  cursor:pointer;
}

.HoverTreeNode 
{ 
  color: #FFCC00;
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  text-decoration: none; 
  cursor: hand; 
  cursor:pointer;
}

.SelectedTreeNode 
{ 
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #a0a0a0; 
  cursor: hand; 
  cursor:pointer;
}

.NodeEdit 
{
  border:1px silver solid;
  font-size: 11px;
}

*/

#AjaxShipping
{
    width: 99%;
    border: solid 1px #444;
    height: 100%;
    float: left;
    padding: 3px;
}
#AjaxShipping h4
{
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
}
.AjaxShippingLabel
{
    width: 175px !important;
    float: left;
    font-weight: bold;
    clear: left;
}
#AjaxShipping input, #AjaxShipping select
{
    font-size: 1em;
    float: left;
}
#AjaxShippingCountry, #AjaxShippingState, #AjaxShippingZip, #AjaxShippingEstimate
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#ShipQuote
{
    float: left;
    margin: 0;
}
/* Set Visibility to :hidden and uncomment 'display' to turn off */
#AjaxShippingCountry
{
    visibility: visible;
    /*display:none;*/
}
#AjaxShippingState
{
    visibility: visible;
    /*display:none;*/
}
.OrderOptionsTitle  { color: #0000FF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }
.OrderOptionsRowHeader  { color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
.OrderOptionsName  { color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; }
.OrderOptionsDescription  { color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
.OrderOptionsPrice  { color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; }