/* Provides basic blocking and tackling for stores. In general, all stores
 * should reference this style sheet and then override classes as necessary. */

/*** Content Areas ************************************************************/

.pageContent
{
	margin: 10px;
}

.pageContent th
{
	text-align: left;
}

.pageContent p
{
	line-height: 150%;
}

/*** Generic Links ************************************************************/

.pageContent a img
{
	border: none;
}

/*** Generic Form *************************************************************/

.pageContent input,
.pageContent select,
.pageContent textarea
{
	font-size: smaller;
}

.pageContent label
{
	cursor: pointer;
}

.pageContent form
{
	margin: 0px;
}

/*** Navigation ***************************************************************/

.pageContent .navigation
{
	font-size: smaller;
}

.pageContent .navigationLabel
{
	font-weight: bold;
}

.pageContent .navigationItem
{
	/* do nothing. */
}


/*** Breadcrumb Trail *********************************************************/

.breadcrumbTrail
{
	font-size: smaller;
}

/*** Grids ********************************************************************/

.gridContainer
{
	/* do nothing. */
}

/* tables */

.gridContainer table.grid
{
	width: 100%;
	/* The border spacing is not honored by IE. Specify cellspacing="1" as an
	   attribute on the table tag. */
	border-spacing: 1px;
}

/* rows */

.gridContainer table.grid tr.gridHeaderRow td,
.gridContainer table.grid tr th
{
	/* do nothing. */
}

/* cells */

.gridContainer table.grid tr th,
.gridContainer table.grid tr td
{
	text-align: left;
	padding: 3px 5px 3px 5px;
	font-size: smaller;
}

.gridContainer table.grid tr th
{
	vertical-align: bottom;
}


.gridContainer table.grid tr td
{
	vertical-align: top;
}


.gridContainer table.grid tr.gridRow td
{
	/* do nothing. */
}

.gridContainer table.grid tr.gridRowAlt
{
	/* do nothing. */
}

/* Special formatting dependent on the data type of the data in the column. */

.gridContainer table.grid tr th.text,
.gridContainer table.grid tr td.text
{
	text-align: left;
}

/* Specifying a width of 10% and disabling wrap has the effect of setting a
   minimum width on these columns while allowing them to grow if need be
   (particularly in the case of dates, which could be a variable size depending
   on the format). */

.gridContainer table.grid tr th.date,
.gridContainer table.grid tr td.date
{
	text-align: right;
	white-space: nowrap;
	width: 10%;
}

.gridContainer table.grid tr th.number,
.gridContainer table.grid tr td.number
{
	text-align: right;
	white-space: nowrap;
	width: 10%;
}

.gridContainer table.grid tr th.boolean,
.gridContainer table.grid tr td.boolean
{
	text-align: center;
	white-space: nowrap;
	width: 10%;
}

.gridContainer table.grid tr th.link,
.gridContainer table.grid tr td.link
{
	text-align: center;
	white-space: nowrap;
	width: 10%;
}

.gridContainer table.grid tr th.image,
.gridContainer table.grid tr td.image
{
	text-align: center;
	white-space: nowrap;
	width: 5%; /* assumes icon */
}

.gridContainer table.grid tr th span.supplementalText,
.gridContainer table.grid tr td span.supplementalText
{
	font-weight: normal;
}

/*** Categories and Item Lists ************************************************/

.category
{
	/* do nothing. */
}

.category .categoryImage
{
	float: left;
}

.category .longDescription
{
	/* do nothing. */
}

.category .subCategories
{
	/* do nothing. */
}

.category .items
{
	/* do nothing. */
}

/* Subcategories. */

.subCategories a
{
	font-weight: bold;
}

.subCategories .columnar
{
	text-align: center; /* Internet Explorer */
}

.subCategories .columnar table
{
	text-align: center;
	margin: auto; /* Standards Compliant */
	border-collapse: collapse;
}

.subCategories .columnar table tr td
{
	padding: 10px;
	text-align: center;
	vertical-align: bottom;
}

.subCategories .columnar table tr td.categoryThumbnail
{
	/* do nothing. */
}

.subCategories .columnar table tr td.categoryDescription
{
	/* do nothing. */
}

.subCategories .rowed
{
	/* do nothing. */
}

.subCategories .rowed table
{
	border-collapse: collapse;
}

.subCategories .rowed table tr td
{
	padding: 10px;
	vertical-align: bottom;
}

/* Item lists. */

.items a
{
	font-weight: bold;
}

.items .columnar
{
	text-align: center; /* Internet Explorer */
	clear: both;
}

.items .columnar table
{
	text-align: center;
	margin: auto; /* Standards Compliant */
	border-collapse: collapse;
}

.items .columnar table tr td
{
	padding: 10px;
	text-align: center;
	vertical-align: bottom;
}

.items .columnar table tr td.itemThumbnail
{
	/* do nothing. */
}

.items .columnar table tr td.itemDescription
{
	/* do nothing. */
}

.items .rowed
{
	/* do nothing. */
}

.items .rowed table
{
	border-collapse: collapse;
}

.items .rowed table tr td
{
	padding: 10px;
	vertical-align: bottom;
}

.items .stagger
{
	/* do nothing. */
}

.items .stagger table
{
	border-collapse: collapse; 
}

.items .stagger table tr td
{
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

.items .stagger table tr td.name
{
	text-align: left;
}

.items .stagger table tr td.itemThumbnailOne
{
	text-align: left;
}

.items .stagger table tr td.itemThumbnailTwo
{
	text-align: right;
}

.items .stagger table tr td.itemDescriptionOne
{
	/* Do Nothing */ 
}

.items .stagger table tr td.itemDescriptionTwo
{
	/* Do Nothing */ 
}

/* Pager navigation. */

.items .pageNavigation
{
	text-align: right;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

/* Item sorting. */

.items .sortOrder
{
	text-align: right;
}

.items .sortOrder form
{
	margin: 0px;
	padding: 0px;
}


/*** Items ********************************************************************/


.item
{
	/* do nothing. */
}

.item .image
{
	float: left; 
}

.item .addToCart
{
	/* do nothing. */
}

.item .optionDisplay
{
	clear: both;
}

.item .itemDetails
{
	/* do nothing. */
}

.item .itemDetails table
{
	/* do nothing. */
}

.item .itemDetails table tr th,
.item .itemDetails table tr td
{
	padding: 3px 5px 3px 5px;
	font-size: smaller;
}

.item .itemDetails table tr th
{
	vertical-align: bottom;
}

.item .itemDetails table tr td
{
	vertical-align: top;
}

.item .itemDetails table tr.even td
{
	/* do nothing. */
}

.item .itemDetails table tr.odd td
{
	/* do nothing. */
}

.item .itemDetails table tr td.label
{
	font-weight: bold;
}

.item .itemDetails table tr td.value
{
	/* do nothing. */
}


/*** Item Image ***************************************************************/

.itemImage
{
	text-align: center; /* Internet Explorer */
}

.itemImage .image
{
	margin: auto;
}

/*** Shopping Cart ************************************************************/

.cart
{
	text-align: center; /* Internet Explorer */
}

.cart table
{
	text-align: left;
	margin: auto; /* Standards Compliant */
}

.cart table th,
.cart table td
{
	padding: 3px 5px 3px 5px;
	text-align: left;
}

.cart table th
{
	font-size: smaller;
	font-weight: bold;
}

.cart table td
{
	font-weight: normal;
}

.cart table th.text,
.cart table td.text
{
	/* Do nothing. */
}

/* Align all cells containing numeric data to the right. */

.cart table th.number,
.cart table td.number
{
	text-align: right;
}

/* Align all cells containing date/time data to the right. */

.cart table th.date,
.cart table td.date
{
	text-align: right;
}

/* Center align all cells containing links. */

.cart table th.link,
.cart table td.link
{
	text-align: center;
}

/* Align the text in the quantity field to the right. */

.cart table td.number input
{
	text-align: right;
}

/* Align the current total to the right and bold */

.cart table th.total,
.cart table td.total
{
	text-align: right;
	font-weight: bold;
}

/* Align the subtotal to the right and draw a seperator line  */

.cart table th.subtotal,
.cart table td.subtotal
{
	text-align: right;
}

/* Align the total labels to the right and bold them. */

.cart table td.label
{
	text-align: right;
	font-weight: bold;
}

/* Align the buttons to the center. */

.cart div.buttons
{
	text-align: center; /* Internet Explorer */
	margin: auto; /* Standars compliant browser */
}

/* Force the buttons to a consistent size. */

.cart div.buttons input.button
{
	width: 150px;
}


/*** Checkout *****************************************************************/

.checkout
{
	/* do nothing. */
}

.checkout .billing
{
	/* do nothing. */
}

.checkout .shipping
{
	/* do nothing. */
}

.checkout .creditCart
{
	/* do nothing. */
}

.checkout .overview
{
	/* do nothing. */
}

.checkout .confirmation
{
	/* do nothing. */
}

/*** Checkout Steps ***********************************************************/

.checkoutSteps
{
	font-size: smaller;
}

.checkoutSteps .label
{
	font-weight: bold;
}

.checkoutSteps .step
{
	/* do nothing. */
}

.checkoutSteps .currentStep
{
	font-weight: bold;
}

/*** Order ********************************************************************/

.order
{
	/* do nothing */
}

.order table
{
	/* do nothing */
}

.order table.orderHeader
{
	/* do nothing */
}

.order table.orderHeader tr th,
.order table.orderHeader tr td
{
	width: 40%;
}

.order table.orderLineItems
{
	/* do nothing */
}

.order table th,
.order table td
{
	padding: 3px 5px 3px 5px;
	text-align: left;
}

.order table th
{
	font-size: smaller;
	font-weight: bold;
}

.order table td
{
	font-weight: normal;
}

.order table th.text,
.order table td.text
{
	/* Do nothing. */
}

.order div.shippingError
{
	margin: 10px 5px;
}

.order div.gift
{
	margin: 10px 5px;
}

/* Align all cells containing numeric data to the right. */

.order table th.number,
.order table td.number
{
	text-align: right;
}

/* Align all cells containing date/time data to the right. */

.order table th.date,
.order table td.date
{
	text-align: right;
}

/* Center align all cells containing links. */

.order table th.link, .order table td.link
{
	text-align: center;
}

/* Align the text in the quantity field to the right. */

.order table td.number input
{
	text-align: right;
}

/* Align the current total to the right and bold */

.order table th.total,
.order table td.total
{
	text-align: right;
	font-weight: bold;
}

/* Align the subtotal to the right and draw a seperator line  */

.order table th.subtotal,
.order table td.subtotal
{
	text-align: right;
}


/* Align the total labels to the right and bold them. */

.order table td.label
{
	text-align: right;
	font-size: smaller;
	font-weight: bold;
}

/* Align the buttons to the center. */

.order div.buttons
{
	text-align: center; /* Internet Explorer */
	margin: auto; /* Standars compliant browser */
}

/* Force the buttons to a consistent size. */

.order div.buttons input.button
{
	width: 150px;
}

/*** Form *********************************************************************/

/* Default styles for all tabled forms. We have to be careful to apply these
 * styles to direct decendents because we might have a nested table. */

div.form
{
	/* do nothing. */
}

div.form>form>table,
div.form>table
{
	border-collapse: collapse;
}

div.form>form>table>tbody>tr>td,
div.form>form>table>tbody>tr>th,
div.form>table>tbody>tr>td,
div.form>table>tbody>tr>th
{
	text-align: left;
	vertical-align: top;
	padding: 3px 5px;
}

div.form>form>table>tbody>tr>th,
div.form>table>tbody>tr>th
{
	font-weight: bold;
}

div.form table tr td.label
{
	vertical-align: top;
}

div.form table tr td div.help
{
	font-size: smaller;
	margin-top: 5px;
}

/* Default all form elements to the same width */

div.form input.text,
div.form textarea.text,
div.form select.text
{
	width: 200px;
}

div.form input.number
{
	width: 100px;
}

div.form input.button
{
	width: 100px;
}

div.form input.firstName
{
	width: 95px;
}

div.form input.lastName
{
	width: 95px;
}

/* item name, category name, etc. */

div.form input.name,
div.form select.name
{
	width: 200px;
}

div.form input.sku
{
	width: 100px;
}

div.form input.companyName
{
	width: 200px;
}

div.form textarea.address
{
	height: 30px;
	width: 200px;
}

div.form textarea.comments
{
	width: 300px;
	height: 100px;
}

div.form textarea.message
{
	width: 300px;
	height: 50px;
}

div.form textarea.code
{
	width: 400px;
	height: 200px;
	font-family: Consolas, 'Lucida Console', 'Courier New', monospace;
}

div.form textarea.description
{
	width: 300px;
	height: 100px;
}

div.form textarea.description.long
{
	width: 400px;
	height: 300px;
}

div.form input.city
{
	width: 90px;
}

div.form input.state
{
	width: 20px;
}

div.form input.zipCode
{
	width: 70px;
}

div.form input.country,
div.form select.country
{
	width: 200px;
}

div.form input.creditCartName
{
	/* Do nothing */
}

div.form input.creditCartNumber
{
	/* Do nothing */
}

div.form select.creditCardExpirationMonth
{
	width: 140px;
}

div.form select.creditCardExpirationYear
{
	width: 60px;
}

div.form select.creditCardType
{
	width: 100px;
}

div.form input.creditCardCvvCode
{
	width: 50px;
}

div.form input.emailAddress
{
	width: 200px;
}

div.form input.domainName, div.form select.domainName
{
	width: 200px;
}

div.form input.url
{
	width: 300px;
}

div.form input.path
{
	width: 200px;
}

div.form input.userName
{
	width: 100px;
}

div.form input.password
{
	width: 100px;
}

div.form input.passwordHint
{
	width: 200px;
}

div.form input.price
{
	width: 100px;
}

div.form input.quantity
{
	width: 50px;
}

div.form input.weight
{
	width: 50px;
}

div.form input.volume
{
	width: 100px;
}

div.form input.height
{
	width: 50px;
}

div.form input.width
{
	width: 50px;
}

div.form input.depth
{
	width: 50px;
}

div.form input.shippingLength
{
	width: 50px;
}

div.form input.shippingWidth
{
	width: 50px;
}

div.form input.shippingHeight
{
	width: 50px;
}

div.form input.title
{
	width: 300px;
}

div.form input.keywords
{
	width: 300px;
}

/* Explicitly not associated with an element so that it can be displayed in
 * instructional text. */

.required
{
	font-weight: bold;
}

/* Applies a vertical scroll bar to an element. */

.scrollable-y
{
	height: 200px;
	overflow-y: scroll;
	border-style: inset;
	padding: 2px;
}

/*** Admin ********************************************************************/

.adminOrder
{
	/* do nothing. */
}

.adminOrder .filter
{
	text-align: left; /* Internet Explorer */
}

.adminOrder .filter table
{
	margin: auto; /* Standards Compliant */
}

.adminOrder .filter table tr
{
	/* do nothing. */
}

.adminOrder .filter table tr td
{
	/* do nothing. */
}

.adminOrder .secretKeyForm
{
	text-align: center;
}

/*** Validation ***************************************************************/

.validation
{
	/* do nothing. */
}

.validation .message
{
	font-weight:bold;
}

.validation ul li
{
	/* do nothing. */
}

/*** YUI TabView **************************************************************/
 
.yui-navset
{
	margin: 10px 0px;
}
 
.yui-navset .yui-content
{
	padding: 10px 0px 10px 0px;
	border: none;
	border-top: 1px solid;
	background-color: transparent;
}

.yui-navset .yui-nav li
{
	margin: 0px;
	margin-left: 3px;
	line-height: 1;
}

/*** Discounts ****************************************************************/

.discountList
{
	/* Do nothing */
}

.discountList .discount
{
	margin-bottom: 1em;
}

.discountList .discount .longDescription
{
	margin-top: 1em;
}

/*** Item Import **************************************************************/

.import-help
{
	display: none;
	margin: 10px;
	padding: 10px;
	border: 1px solid ;
	background-color: ;
}