/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
#layout-test
{
	position: absolute;
	top: 0;
	left: -3px;
	width: 100%;
	min-height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 20000;
}


/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
html { height: 100%;}

body
{
	height: 100%;
	margin:					0px;
	padding:				0px;
	
	background-color:		#E2E1DD;

	/*	Default text styles	----------------------------*/
	font-family:			arial, sans-serif;
	color:					#666;
	font-size:				0.75em;
	line-height:			1.8em;
	min-width: 1020px;

}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a {color: #666;}
a:hover{color: #C03;}

h1 a, h2 a, h3 a, h4 a, #anchor-links a
{
	text-decoration: none;
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#center-x
{
	background: #E2E1DD url('/images/back.gif') repeat-y center top;
	
	position: relative;
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	width:					1020px;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 20px;
}

/*	Popup container	*/
#popup-box
{
	/*	Customize			----------------------------*/
	background-color:		white;
	border:					1px solid black;
	margin:					0px 20px 0px 20px;
	padding:				15px;
}

#header
{
	position: relative;
	background: transparent url('/images/header_back.png') no-repeat top center;
	height: 176px;
	z-index: 200;
}

#logo
{
	margin: 50px 0 41px 156px;
}

#logo a,
#logo a:hover
{
	color:					white;
}

/*---------------------------------------------------------------------------------------------------------
//	Content Body
//--------------------------------------------------------------------------------------------------------*/
#body
{
	overflow: hidden;
	position: relative;
	top: -7px;
	padding: 0px 15px;
	z-index: 10;
}

/*---------------------------------------------------------------------------------------------------------
//	Left Sidebar
//--------------------------------------------------------------------------------------------------------*/
#left
{
	float: left;
	width: 253px;
	padding-bottom: 20px;
}

.sidebar-img-bottom
{
	position: relative;
	top: -3px;
	left: 0px;
	margin-bottom: 20px;
}

/*---------------------------------------------------------------------------------------------------------
//	Main Content
//--------------------------------------------------------------------------------------------------------*/
#content
{
	padding:    0px 45px 20px 45px;
	margin:     0 24px 0 0;
	text-align: left;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer
{
	position:   relative;
	z-index: 100;
	top:        -17px;
	left:       0px;
	background: transparent url('/images/footer_back.png') no-repeat top left;
	clear:      both;
	margin:     0px 0px 20px 0px;
	padding:    45px 15px 30px 15px;
}

#footer p
{
	clear:					both;
}

#footer ul
{
	display: inline-block;
	border-top: 1px solid #999;
	margin:					15px 0 0 0;
	padding:				0 0 0 87px;
	list-style-type:		none;
	font-size: 10px;
}

#footer li
{
	float:					left;
	padding:				5px 0px;
}

#footer li a
{
	color: #666;
	text-decoration: none;
}
#footer li .divider
{
	padding: 0 8px;
	color: #666;
}

#footer2
{
	position: absolute;
	bottom: 10px;
	right: 31px;
	color: #999;
	font-size: 10px;
}

#footer2 a
{
	text-decoration: none;
}
/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	background-color: #E2E1DD;
	font-size:        48px;
	font-family:      arial,sans-serif;
	font-weight:      bold;
	text-align:       right;
	line-height:      1em;
	color:            #ccc;
	padding:          0px;
	margin:           20px 35px 13px 0;
	float:            right;
}

.content-header
{
	background-color: #E2E1DD;
	overflow: auto;
	min-height: 84px;
}



#popup-box h1
{
	margin-top:				10px;
	text-align:				center
}

h2
{
	font-family:    bell gothic, arial, sans-serif;
	font-size:      16px;
	color:          #333;
	padding-bottom: 10px;
	border-bottom:  1px solid #AAA69F;
	margin:         0px 0px 15px 0px;
	font-weight: 900;
}

.item h2
{
	border-bottom: none;
	padding-bottom: none;
	margin-bottom: 15px;
}

h3
{
	margin:    0em 0em 1em 0em;
	font-size: 14px;
}

h4{font-size: 14px; margin: 0;padding:0px;}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1em 0px;
	padding:				0px;
}

blockquote
{
	margin:					1em 3em;
	padding:				0em;
	font-style:				italic;
}


/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,215,238);
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	font-weight:			bold;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	border-bottom:			1px solid rgb(204,215,238);
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	border-bottom:			1px solid rgb(238,238,238);
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}



/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Social networking tool links
//-------------------------------------------------------------------------------------------------------*/
table.links-bar td
{
	padding:				0px 10px 0px 0px;
}

.inline-digg
{
	float:					left;
	margin:					3px 10px 5px 0px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Video controls
//-------------------------------------------------------------------------------------------------------*/
#video-buttons a
{
	background-color:		#CCCCCC;
	color:					white;
	font-weight:			bold;
	padding:				4px 6px;
	margin-right:			5px;
	float:					left;
	margin-top:				5px;
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					0 0 .7em 0;
}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}
.thumbleft,
.left
{
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}


/*---------------------------------------------------------------------------------------------------------
//	Other content ajax-inner
//--------------------------------------------------------------------------------------------------------*/
#ajax-inner
{
	padding:               20px 40px;
	background-color:      #E2E1DD;
	color:                 #333;
}

#ajax-inner h2
{
	border-top:            1px solid #666;
	margin-top:            20px;
	padding-top:           10px;
	padding-bottom:        20px;
	font-size:             1.4em;
}

#ajax-inner .text
{
	color:                 #333;
	margin:                0px;
	font-size:             1.2em;
}

/*---------------------------------------------------------------------------------------------------------
//	Advanced Search Widget
//--------------------------------------------------------------------------------------------------------*/
#advanced
{
	display:               none;
	position:              absolute;

	width:                 422px;
	top:                   50px;
	right:                 88px;
	border:                1px solid #666;
}

#advanced #ajax-inner h2, #newsletter-div #ajax-inner h2
{
	border-top:            none;
	border-bottom:         1px solid #666;
	padding:               0 0 10px 0;
	margin:                0 0 20px 0;
	font-size:             1.4em;
}

#advanced label, #advanced h2
{
	position: relative; /* peekaboo bug fix for ie6 */
	min-width: 0px; /* peekaboo bug fix for ie7+ */
}

#advanced select
{
	width: auto!important;
	max-width: 322px;
	width: 322px;
}

/*---------------------------------------------------------------------------------------------------------
//	Product section nav
//--------------------------------------------------------------------------------------------------------*/
#nav-section
{
	text-align: right;
	margin: 0px 15px 7px 15px;
	padding: 25px 18px 5px 102px;
	border-bottom: 1px solid #A9A8A8;
	color: #878787;
}

#nav-section a
{
	white-space: nowrap;
	color: #878787;
	text-decoration: none;
}

#nav-section .divider
{
	padding: 0px 3px;
}

#nav-section a:hover, #nav-section a.active
{
	color: #BA000F;
}

#nav-section a.active {font-weight:bold;}

/*=========================================================================================================
//	Forms
//========================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Search Form
//--------------------------------------------------------------------------------------------------------*/
.product-search
{
	display:               none;
	margin-bottom:         10px;
}

.product-search select
{
	max-width:             300px;
}

#pricelow{ width:       5em;}

#pricehigh { width:     5em;}

/*---------------------------------------------------------------------------------------------------------
//	Labels 
//-------------------------------------------------------------------------------------------------------*/
/*	all labels	*/
label,
label.cb,
label.checkbox,
label.radio
{
	display:               block;
	margin-top:            1.0em;
}

/*	labels for checkboxes/radio	*/
label.cbeckbox,
label.cb,
label.radio
{
	display:               inline;
	font-weight:           normal;
}

#advanced label, #advanced h2
{
	position: relative; /* peekaboo bug fix for ie6 */
	min-width: 0px; /* peekaboo bug fix for ie7+ */
}

#advanced select
{
	width: auto!important;
	max-width: 322px;
	width: 322px;
}

/*---------------------------------------------------------------------------------------------------------
//	Fields
//-------------------------------------------------------------------------------------------------------*/
/*	text boxes, select boxes, textareas	*/
input.textfield,
select.textfield,
textarea.textfield
{
	width:                 240px;
	color:                 #666;
	font-family:           verdana,sans-serif;
	border:                1px solid #A9A8A8;
	font-size:             1em;
	font-weight:           normal;
}

button.img-button
{
	padding:0;
	margin: 0;
	border: none;
	background-color: transparent;
}


.fielderror
{
	color:				red;
	font-weight:		bold;
	padding-left:		5px;
}

.formerrors
{
	display:			block;
	color:				red;
	font-weight:		bold;
}

.formerrors a,
.formerrors a:hover
{
	color:				red;
}


.clear
{
	clear: both;
}

.toplink
{
	float: right;
}

#feature-bottom
{
	height: 30px;
	position: relative;
	margin-bottom: 20px;
}

#feature-bottom img
{
	position: absolute;
	top: 0px;
	left: -45px;
}

.more-link
{
	float: right;
}

#locatormap
{
	position: relative;
	left: -35px;
}

.selectedit
{
	z-index: 5000;
}

.close
{
	text-decoration: none;
}

.close img
{
	position:relative;
	z-index: 5000;
}

/*---------------------------------------------------------------------------------------------------------
//	Overlay
//--------------------------------------------------------------------------------------------------------*/
.overlaybox { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
    
	padding: 20px;
	background-color: white;
	border: 1px solid #333;
	margin: 80px auto;
} 
 
/*---------------------------------------------------------------------------------------------------------
//	Dim
//-------------------------------------------------------------------------------------------------------*/
#overlay
{
	display:            none;
	position:           absolute;
	top:                80px;
	width:              100%;
	text-align:         center;
}

#dim
{
	display:				none;
	background-color:		rgb(0, 0, 0);
	opacity:				0.7;
	filter:					alpha(opacity=70);
	-moz-opacity:			0.70;
	z-index:				1000;
	height:					100%;
	width:					100%;
	background-repeat:		repeat;
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					2100px;
}	


#left .sidebar
{
	padding-left:20px;
}

#right
{
	float:right;
	margin-bottom: 20px;
	margin-top: 27px;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar Cart
//--------------------------------------------------------------------------------------------------------*/
#collapsed-cart
{
	position: absolute;
	right:    15px;
	top:      15px;
	z-index: 300;
}

#expanded-cart
{
	z-index: 200;
	width: 205px;
	overflow: hidden;
	display:  none;
	position: absolute;
	right:    15px;
	top:      15px;
}

#expanded-cart #close
{
	position: absolute;
	top: 6px;
	right: 12px;
	z-index: 100;
}

.right-top
{
	position: relative;
	z-index: 20;
	margin-bottom: -10px;
}

#sidebar-cart
{
	position:         relative;
	z-index:          10;
}

.sidebar h3
{
	margin-bottom: 0px;
	padding: 1px 6px;
}

.sidebar .text
{
	padding: 0px 6px;
}

#sidebar-cart .order-details
{
	width: 100%;
	border-bottom:           1px solid #A9A8A8;
}

#sidebar-cart .order-details td
{
	border-top:           1px solid #A9A8A8;
	padding: 1px 6px;
}

#right .sidebar
{
	width:            195px;
	border:           1px solid #A9A8A8;
	margin-right:     21px;
	margin-left:      8px;
	padding:          12px 0;
	background-color: white;
	margin-bottom: -10px;
}

#related
{
	text-align: center;
}

#related .text
{
	margin-bottom: 10px;
}

#right-bottom
{
	position: relative;
	z-index: 20;
}

/*---------------------------------------------------------------------------------------------------------
//	Category List display 
//--------------------------------------------------------------------------------------------------------*/
#category-table,#product-table
{
	border-collapse: separate;
	margin:10px 0 15px 0;
}

#category-table{ margin-left: 81px;}

#category-table .item h2
{
	margin-bottom: 0;
}

#category-table td.item,#product-table td.item
{
	width:            160px;
	background-color: white;
	border:           1px solid #B2B2B2;
	text-align:       center;
	padding-bottom: 8px;
}

#category-table td.item a,#product-table td.item a
{
	color: #686868;
}

#category-table td.item
{
	width:            225px!important;
}

#product-table .product
{
	margin-top:       8px;
	border-top:       1px solid #B2B2B2;
	padding-top:      5px;
	padding-bottom:   12px;
}

td.divider
{
	width:            28px!important;
	height:           35px!important;
}

.mrc-item
{
	padding: 20px;
	border:           1px solid #B2B2B2;
	overflow: auto;
	background-color: white;
	margin-bottom: 20px;
}

.mrc-item table td,.mrc-item table th
{
	text-align: left;
	padding-right: 15px;
}

.mrc-search
{
	position: absolute;
	left: 40px;
	top: 190px;
	vertical-align: top;
}

.mrc-search input {vertical-align: top;}

#mrc-search-button { position: relative; top: -3px;}

#news-items{border-collapse: collapse;width:590px;}

#news-items td
{
	width: 178px;
	text-align: center;
}
#news-items img
{
	margin-bottom: 5px;
}

.pagenav
{
	font-size: 11px;
	float: right;
	margin-bottom: 20px;
	margin-right: 28px;
}

.pagenav a {text-decoration: none;}

.listitem,
.list-item
{
	margin-bottom: 1.25em;
}

.listitem h3,
.list-item h3
{
	margin-bottom: .2em;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
 .sIFR-active h1 {
  visibility: hidden;
   font-family: Verdana;
 }

#email-a-friend, 
a.slide,
button.submit,
.buy-button
{
	color:                 #666;
	border-radius:         3px;
	-moz-border-radius:    3px;
	-webkit-border-radius: 3px;
	float:                 right;
	display:               inline-block;
	padding:               1px 10px;
	border:                1px solid #A9A8A8;
	margin:                10px 18px;
	font-size:             11px;
	background-color:      transparent;
	text-decoration:       underline;
	line-height:           20px;
}

.buy-button
{
	float: left;
}

#news-list td
{
	padding-bottom: 10px;
}

.news-left
{
	white-space: nowrap;
	padding-right: 15px;
}

#fieldblock-email-newsletter
{
	margin-top: 8px;
	position:         absolute;
	right:            18px;
	line-height: 29px;
}

#fieldblock-email-newsletter #email
{
	width:            166px;
	vertical-align:   top;
	position: relative;
	top: 3px;
	line-height: 15px;
	height: 15px;
	font-size: 10px;
}

#fieldblock-email-newsletter button
{
	margin: 0px;
	padding: 0px;
	border:           none;
	background:       none;
	vertical-align:   top;
}


.errormsg {color: red;}