/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
body
{
	margin:					0px;
	padding:				0px 0px;
	
	background-color:		white;

	/*	Default text styles	----------------------------*/
	font-family:			verdana,arial,sans serif;
	color:					black;
	font-size:				11px;
	line-height:			17px;
	overflow:-moz-scrollbars-vertical;
}

textarea{
	overflow:auto;
}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a
{
	color:					rgb(59,121,166);
}

a:hover
{
	color:					rgb(119,119,119);
}

a.productdetails,
a.collectiondetails
{
	cursor:					pointer;
	cursor:					hand;
	font-size:				10px;
	color:					#aeaeae;
}


.productdetailsclose
{
	outline:none
}

a.collection
{
	margin:0px;
	padding:0px;
	display:block;
	width:auto;
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
#center-x
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	background-color:		white;
	width:					760px;
	border:					1px solid rgb(170,170,170);
}

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

#header
{
	position:				absolute;
	top:					0px;
	right:					0px;
	margin-left:			175px;
	padding-top:			58px;
	white-space:			nowrap;
}

#header a
{
	margin-right:			20px;
	color:					#6c7179;
	font-size:				11px;
	float:					right;
}

#header a:hover
{
	text-decoration:		underline;
}

#logo
{
	height:					75px;
	line-height:			75px;
	margin:					15px 15px 10px 15px;
	padding:				15px;
	background-color:		#666666;
	color:					white;
	font-size:				16px;
	font-weight:			bold;
	text-align:				center;
}

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

table#body
{
	border-collapse:		collapse;
	width:					100%;
	clear:					both;
}

td#left
{
	
}

col#col-left
{
	width:					160px;
}

col#col-content
{
	width:					auto;
}

col#col-right
{
	width:					auto;
}

/*	See sectionnav CSS tempaltes for td#left	*/

/*	Optional sitebar	*/
td#right
{
	width:					auto;
}

td#content
{
	width:					auto;
	padding:				20px;
}

#popupdiv
{
	position:				absolute;
	display:				none;
	top:					10px;
	left:					10px;
	z-index:				99;
	border:					1px double #6c7179;
	background-color:		white;
	font-size:				10px;
	line-height:			12px;
	overflow:				hidden;
}

#productpopupdiv-out
{
	zoom:				1; 
	display:			none;
	position:			absolute;
	z-index:			999;
}

#productpopupdiv
{
	z-index:				99;
	border:					1px double #6c7179;
	background-color:		white;
	overflow:				auto;
}

#productpopupdiv-back .secondary-hide
{
	display:				none;
	visibility:				hidden;
}

#productpopupdiv .secondary-show
{
	display:				none;
	visibility:				hidden;
}

#productpopupdiv-back select
{
	display:				none;
	visibility:				hidden;
}

#header-search
{
	float:					right;
	margin-right:			20px;
	margin-bottom:			15px;
}

#header-search .button
{
	font-size:				11px;
	font-family:			verdana;
	background-color:		#6c7179;
	color:					white;
	b/order:					1px solid #6c7179;
	h/eight:					18px;
	l/ine-height:			18px;
	p/adding:				0px;
}

#header-search .text
{
	font-size:				11px;
	font-family:			verdana;
	color:					#666666;
	margin-right:			10px;
	b/order:				1px solid #c1c1c1;
	m/argin-right:			12px;
	h/eight:				18px;
	l/ine-height:			18px;
	p/adding:				0px;
}

.bag-icon
{
	margin-right:			4px;
	margin-top:				-2px;
	display:				block;
	float:					left;
	width:					16px;
	height:					17px;
	font-size:				10px;
	text-align:				center;
	line-height:			20px;
	background-image:		url( /images/bag-icon.gif );
}

#jquery-live-search 
{
	background:		#fff;

	height:			400px;
	overflow:		auto;

	border:			1px solid #A9A9A9;
	border-width:	0 1px 1px 1px;
	margin-left:	1px;
}

#jquery-live-search table
{
}

#jquery-live-search table td
{
	padding-right:	10px;
}

.addressbox
{
	padding:			10px;
	border:				1px solid #AAAAAA;
	background-color:	#EEEEEE;
}

.btn
{
	font-size:				11px;
	font-family:			verdana;
	background-color:		#6c7179;
	color:					white;
	padding:				2px 7px;
	border:					none;
}

/*
#main-page-area .btn
{
	font-size:				11px;
	font-family:			verdana;
	background-color:		#6c7179;
	color:					white;
	padding:				5px 10px;
	border:					none;
}
*/
	

.txt
{
	font-size:				11px;
	font-family:			verdana;
	border:					1px solid #6c7179;
	color:					#6c7179;
	padding:				2px 7px;
	margin-right:			10px;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer
{
	clear:					all;
	color:					#6c7179;
	font-size:				11px;
	width:					100%;
	display:				none;
}

#footer a
{
	color:					#6c7179;
}

#footer a:hover
{
	text-decoration:		underline;
}

#footer .divider
{
	padding:				0px 5px;
}

#footer ul
{
	width:					100%;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

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

#footer .button
{
	font-size:				11px;
	font-family:			verdana;
	background-color:		#6c7179;
	color:					white;
	b/order:					1px solid #6c7179;
	h/eight:					18px;
	l/ine-height:			18px;
	p/adding:				0px;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	padding:				0px;
	color:					#6c7179;
	font-size:				30px;
	line-height:			42px;
	margin:					0px;
	font-weight:			normal;
}

h1 a,h1 a:hover
{
	color:					#6c7179;
}

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

h2
{
	color:					#6c7179;
	font-size:				14px;
	font-weight:			normal;
	margin-top:				0px;
	margin-bottom:			0px;
}

h3
{
	margin:					1.7em 0em 0em 0em;
	font-weight:			bold;
}

h5
{
	color:					#6c7179;
	margin-top:				20px;
	margin-bottom:			6px;
	font-size:				11px;
	line-height:			17px;
}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px;
	font-size:				11px;
	line-height:			17px;
	color:					black;
}

.main-content
{
	margin:					121px 40px 10px 215px;
	width:					647px;
	min-height:				40px;
}

.sandbox
{
	margin:					125px 0px 0px 0px;
	width:					100%;
	text-align:				right;
}

blockquote
{
	margin:					1em 3em;
	padding:				0em;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
td#right
{
	
}

.sidebar
{
}

/*---------------------------------------------------------------------------------------------------------
//	Cart Data
//-------------------------------------------------------------------------------------------------------*/
table.cart
{
	width:					100%;
}

table.cart td
{
	border-left:			none;
	border-right:			none;
	border-bottom:			none;
	margin-bottom:			1px;
}

.cartrow
{
	border:					1px solid #adacad;
	margin-bottom:			1px;
	background-color:		#f5f5f6;
}

.cartrow table td
{
	vertical-align:			middle;
	padding:				0px;
	padding-left:			10px;
	padding-right:			5px;
}

.cartrow table td a
{
	color:					black;
}

table#cart-table
{
	clear:					both;
	height:					424px;
	border-bottom:			1px solid #9a9a9a;
	margin-top:				5px;
}

table#cart-table td
{
	overflow:				auto;
}

table#cart-table td .checkoutbox-cart
{
	margin-right:		15px;
	padding:			0px;
}


/*---------------------------------------------------------------------------------------------------------
//	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);
}

/*---------------------------------------------------
//	Login box
//--------------------------------------------------*/
table.loginbox
{
	border-style:			double;
	border-color:			#cfcece;
}

table.loginbox td
{
	border-right:			1px;
	padding:				15px;
	width:					270px;
}

table.loginbox td h2
{
	color:					#6c7179;
	font-size:				14px;
	font-weight:			normal;
}

table.loginbox td label
{
	float:					left;
	width:					86px;
	color:					#6c7179;
	margin-right:			5px;
}

table.loginbox td input
{
	margin-top:				10px;
}

table.loginbox td a
{
	color:					#6c7179;
}

table.loginbox td #btn1,
table.loginbox td .button
{
	font-size:				11px;
	font-family:			verdana;
	background-color:		#6c7179;
	color:					white;
	padding:				5px 10px;
	border:					none;
	margin-top:				12px;
	margin-left:			92px;
}


/*=========================================================================================================
//	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;
}

/*	do not underline links	*/
a
{
	text-decoration:		none;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					0px;
}

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

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
background-color: transparent;
background: url(/images/dropshadow/upperrightfade.png) right top no-repeat;
zoom: 1;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background-color: transparent;
background: url(/images/dropshadow/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
zoom: 1;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(/images/dropshadow/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
background-color: transparent;
position: relative;
left: -8px;
top: -8px;
zoom: 1;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img.shd {
border: 10px solid #fff;
vertical-align: bottom;
zoom: 1;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */