﻿h1
{
	font-size: medium;
	font-weight: bold;
	margin-top: 0px;
}
h2
{
	font-size: small;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3
{
	font-size: smaller;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 a, h3 a:hover, h3 a:visited, h3 a:active
{
	text-decoration: none;
}
p
{
	margin-bottom: 1em;
	margin-top: 0em;
}
ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
ul.contentList
{
	padding-bottom: 0.7em;
}
/* Standard Item Styles */
.OkMessage 
{
	border: solid 1px gray;
	background-color: #FFFFC0;
	background-image: url(../../Images/OkMessageIcon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 3px 3px 25px;
	text-align:left;
	vertical-align: top;
}
.WarningMessage
{
	border: solid 1px gray;
	background-color: #FFFFC0;
	background-image: url(../../Images/WarningMessageIcon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 3px 3px 25px;
	text-align:left;
	vertical-align: top;
	color: Red;
}
.ErrorMessage
{
	border: solid 1px gray;
	background-color: #FFFFC0;
	background-image: url(../../Images/ErrorMessageIcon.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 3px 3px 25px;
	text-align:left;
	vertical-align: top;
	color: Red;
}
.DataTableHeader
{
	text-align: left;
	padding: 3px;
	font-weight: bold;
}
.DataTableRow
{
	background-color: White;
	padding: 3px;
}
.DataTableRowAlt
{
	padding: 3px;
}
.ButtonXSmall
{
	width: 50px;
}
.ButtonSmall
{
	width: 75px;
	height: 26px;
}
.ButtonMedium
{
	width: 110px;
}
.ButtonCheckout
{
	width: 120px;
	font-size: large;
}
.ButtonUpdate
{
   margin-right: 0.5em;
}
.ButtonLarge
{
	width: 150px;
}
.TextBoxXSmall
{
	width: 30px;
}
.TextBoxSmall
{
	width: 100px;
}
.TextBoxMedium
{
	width: 150px;
}
.TextBoxLarge
{
	width: 250px;
}
.ListValidator
{
	padding: 0em;
	margin: 0em;
}

/* Header styles */
.Header
{
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 85px;
	background-color: Black;
	background-image: url(../../Images/HeaderBackground.png);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: White;
}
.Header A
{
	text-decoration: none;
	color: White;
}
.Header A:hover
{
	text-decoration: underline;
	color: White;
}
.HeaderLogo
{
	width: 280px;
	text-align: left;
	font-size: xx-small;
}
.HeaderBanner
{
	text-align: right;
	vertical-align: bottom;
	padding-right: 20px;
	background-image: url(../../Images/HeaderImage.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 100%;
}


/* Footer Styles */
.Footer
{
	text-align: center;
	font-size: 70%;
	color: #814891;
	z-index: -1;
}
.Footer a
{
	text-decoration: none;
	color: #814891;
}
.Footer a:hover
{
	text-decoration: underline;
	color: #814891;
}

/* Page Main Content Area Styles */
.MainContentArea
{
	position:absolute;
	top: 125px;
	left: 0px;
	right: 0px;
	padding: 5px 20px 5px 20px;
	z-index: -1;
}
.MainContentBorderTop 
{
	background-color: White;
	border-top: solid 2px #7B6982;
	font-size: xx-small;
}
.MainContentBorderBottom 
{
	background-color: White;
	border-bottom: solid 2px #7B6982;
	font-size: xx-small;
}
.MainContentBorderLeft 
{
	background-color: White;
	border-left: solid 2px #7B6982;
	font-size: xx-small;
}
.MainContentBorderRight 
{
	background-color: White;
	border-right: solid 2px #7B6982;
	font-size: xx-small;
}


/* Page Content Area Styles */
.ContentLeftCol 
{
	width: 200px;
	text-align: center;
	vertical-align: top;
}
.ContentRightCol 
{
	width: 200px;
	text-align: center;
	vertical-align: top;
}
.ContentCenterCol 
{
	padding-left: 10px;
	padding-right: 5px;
	vertical-align: top;
}


/* Column Widget Styles */
.Widget 
{
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	text-align: left;
}
.Widget label
{
	font-weight: bold;
	display: block;
}
.Widget select
{
	display: block;
	width: 14.0625em;
	margin-bottom: 0.5em;
}

.Widget ul, .Widget li, .Widget a
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.Widget ul.multiItems
{
	padding: 0.3em 0em 0.3em 0em;
	margin: 0px;
	clear: both;
}
.Widget ul.multiItems li
{
	padding: 0.1em 0em 0.1em 0em;
	margin: 0em;
}
.Widget li.multiItemsImage
{
	float: left;
	min-width: 15%;
}

.Widget ul.singleItem
{
	padding: 0.3em 0em 0.3em 0em;
	margin: 0px;
	clear: both;
}
.Widget ul.singleItem li
{
	margin: 0em;
}
.Widget li.singleItemImage
{
	padding: 0.1em 0.5em 0.1em 0em;
	float: left;
	min-width: 40%;
}

.Widget p
{
	margin: 0.1em 0em 0.1em 0em;
}

.Widget .widgetFooter
{
	padding-top: 0.3em;
	clear: both;
}

.Widget h2, .Widget h2 a, .Widget h2 a:visited, .Widget h2 a:active, .Widget h2 a:hover
{
	text-decoration: none;
}

.Widget .promotions
{
	font-size: large;
	font-weight: bold;
	text-align: center;
	padding: 1em 0em 1em 0em;
}

.Widget .basket
{
	display: inline-block;
}
.Widget .basket p
{
	font-size: smaller;
}
.Widget .basket h3
{
	padding-top: 0.5em;
}
.Widget .basket ul
{
	font-size: smaller;
	margin: 0.5em 0em 0.1em 0em;
}
.Widget .basket ul.headings
{
	font-weight: bold;
}
.Widget .basket li
{
	float: left;
	min-width: 20%;
}
.Widget .basket li.productName
{
	float: left;
	width: 78%;
}
.Widget .basket ul.alternate li
{
	background-color: #E5E5E5;
}
.Widget .basketTotals
{
	display: inline-block;
	width:100%;
}
.Widget .basketTotals p
{
	font-size: smaller;
}
.Widget .basketTotals ul
{
	font-size: smaller;
	margin: 0.5em 0em 0.1em 0em;
}
.Widget .basketTotals ul.headings
{
	font-weight: bold;
}
.Widget .basketTotals li
{
	float: left;
	min-width: 40%;
	text-align: right;
}
.Widget .basketTotals li.productName
{
	float: left;
	width: 60%;
	text-align: left;
}
.Widget .basketTotals li.totals
{
	float: left;
	width: 60%;
	text-align: right;
	font-weight:bold;
}
.Widget .basketTotals ul.alternate li
{
	background-color: #E5E5E5;
}

.WidgetQualifier
{
	font-weight:bold;
	padding: 0.3em 0em 0.8em 0em;
}

/* Data Form Styles */
.DataFormLabel 
{
	text-align: right;
	font-weight: bold;
	font-style: italic;
	vertical-align: top;
}
.DataFormSearch 
{
	text-align: right;
	vertical-align: top;
}
.DataFormData 
{
	text-align: left;
	vertical-align: top;
}
.DataFormHelp 
{
	font-style: italic;
}


/* Tab Strip Styles */
.TabArea 
{
}
.TabOn
{
	border-top: solid 1px #7B6982;
	border-left: solid 1px #7B6982;
	border-right: solid 1px #7B6982;
	background-image: url(../../Images/DataHeader.png);
	background-repeat: repeat-x;
	background-color: White;
	padding: 3px;
	color: black;
	width: 125px;
}
.TabOff
{
	border: solid 1px #7B6982;
	background-image: url(../../Images/DataHeader.png);
	background-repeat: repeat-x;
	background-color: #7B6982;
	padding: 3px;
	color: #D9C1E1;
	width: 125px;
	cursor: pointer;
}
.TabSeperator 
{
	width: 5px;
	border-bottom: solid 1px #7B6982;
	font-size:xx-small;
}
.TabEnd
{
	border-bottom: solid 1px #7B6982;
	text-align: right;
}
.TabContent
{	
	border-bottom: solid 1px #7B6982;
	border-right: solid 1px #7B6982;
	border-left: solid 1px #7B6982;
	padding: 10px;
}

/* 2 Column List Grid */
div.listGrid
{
	margin:auto;
	padding: 0px;
	border: solid 1px #ffffff;
}
div.listGrid ul
{
	margin: 0px;
	padding-left: 0px;
	list-style: none;
	clear: both;
}
div.listGrid ul li
{
	float: left;
	width: 50%;
}

/* Category Thumbnail */
div.gridSummary
{
	margin: 2px;
	padding: 2px 5px 2px 5px;
	border: dotted 1px #BA8CC7;
	vertical-align: top;
}
div.gridSummary div
{
	display: inline-block;
	min-height: 90px;
}
div.gridSummary p.gridSummaryImage
{
	float: left;
	min-width: 30%;
	max-width: 60%;
	padding: 0px;
	margin: 0px;
}
div.gridSummary div.gridSummaryContent
{
	padding: 2px 2px 2px 6px;
	display: inline;
}
div.gridSummary div.gridSummaryContent p
{
	padding: 0.1em 0.1em 0.1em 0em;
	margin: 0em;
}
div.gridSummary div.gridSummaryContent p.stockOnHand
{
	font-size: smaller;
}

.addAllButton
{
	clear: both;
	text-align: right;
	padding: 0em;
	margin: 0em;
}
.addAllButton td
{
	text-align: right;
}

.pagers
{
	clear: both;
}

/* Style Modifiers */
.Centered
{
	text-align: center;
}
.RightAligned 
{
	text-align: right;
}

/* View Product */
.productLayout img
{
	max-width: 250px;
}
.productLayout .variants
{
	float: right;
}
.productLayout .variantsInternal
{
	width: 12em;
	border: dotted 1px #BA8CC7;
	padding: .4em;
	margin-left: 0.8em;
	margin-bottom: 0.8em;
}
.productLayout .variantsInternal h2
{
	clear: both;
}
.productLayout .variantsInternal h2.related
{
	padding-top: 0.5em;
}
.productLayout .variantsInternal h3
{
	width: 14em;
	overflow: hidden;
}
.productLayout .variants ul
{
	text-align: left;
	margin: 0em 0em 0.3em 0em;
	list-style: none;
	clear: both;
}
.productLayout .variants li
{
	margin: 0.1em 0em 0.3em 0em;
	float: left;
	font-size: smaller;
}
.productLayout .variants li img
{
	margin-right: 0.5em;
}
.productLayout .variants input
{
	float: right;
}
.productLayout .variants .addToCart
{
	text-align: right;
	padding-top: 0.4em;
}
.productLayout .variants .addToCart input
{
	clear: both;
	float: none;
}
.productLayout .variants p
{
	clear: both;
	font-size: smaller;
	padding: 0em;
	margin: 0em;
	text-align: left;
}
.productLayout .variants h3
{
	clear: both;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
}
.productLayout .productDescription
{
	text-align: justify;
	padding-top: 0.5em;
}

.productLayout .productDetails
{
	margin: 0.5em 0em 0em 0em;
	padding: 0em;
	vertical-align: top;
	display: inline-block;
}
.productLayout .productDetails ul
{
	text-align: left;
	margin: 0em 0em 0em 0em;
	padding: 0em;
	list-style: none;
	clear: both;
}
.productLayout .productDetails li
{
	margin: 0.1em 0em 0.5em 0em;
	float: left;
	width: 10em;
}
.productLayout .productDetails li.productDetailsTitle
{
	font-weight: bold;
	width: 10em;
}
.productLayout .productUpselling
{
	height: 10em;
	margin-top: 0.5em;
	text-align: center;
	margin-right: 13.5em;
	border: dotted 1px #BA8CC7;
}
.productLayout .productUpselling p
{
	text-align: center;
	padding-top: 1.6em;
	font-size: x-large;
	font-weight: bold;
	width: 100%;
}

.productLayout .productFiles
{
	display: block;
	border: dotted 1px #BA8CC7;
	margin-top: 0.5em;
	padding: 0.2em;
	margin-right: 14em;
}
.productLayout .productFiles ul
{
	list-style: none;
	padding: 0em;
	margin: 0em;
}
.productLayout .productFiles li
{
	padding: 0.2em;
	margin: 0em;
}
.productLayout .productFiles li.alternate
{
	background-color: #E5E5E5;
}

.upsell
{
	clear: both;
	display: block;
	border: dotted 1px #BA8CC7;
	margin-top: 0.5em;
	padding: 0.2em;
}
.productLayout .upsell
{
	margin-right: 14em;
}

.upsell .upsellList
{
	display: inline-block;
	padding: 0em;
	margin: 0em;
}
.upsell li
{
	list-style: none;
}
.upsell li.upsellItem
{
	float: left;
	max-width: 33%;
	text-align: left;
	padding: 0em 0.8em 0em 0em;
}
.upsell ul.singleItem
{
	padding: 0.2em;
	margin: 0em;
}
.upsell ul.singleItem li
{
	margin: 0em;
}
.upsell li.singleItemImage
{
	padding: 0.1em 0.5em 0.1em 0em;
	min-width: 40%;
	min-height: 75px;
	text-align: center;
}

/* Stock on Hand */
.stockOnHandHigh
{
	color: #007700;
	font-weight: bold;
}
.stockOnHandMedium
{
	color: #FF6600;
	font-weight: bold;
}
.stockOnHandLow
{
	color: #C00000;
	font-weight: bold;
}
.stockOnHandOut
{
	color: #C00000;
	font-weight: bold;
}
.stockOnHandUnknown
{
	color: #666666;
	font-weight: bold;
}

div.manufacturer
{
	padding-top: 0.5em;
}
div.manufacturer h3
{
	padding-top: 0em;
	margin: 0.3em 0em 0em 0em;
}
div.manufacturer p
{
	font-size: smaller;
	padding: 0em;
	margin: 0em;
}
ul.manufacturerWrapper
{
	list-style: none;
	margin: 0em;
}
li.manufacturerWrapper
{
	margin: 0em;
	padding-left: 0em;
	padding-right: 2em;
	float: left;
}
li.manufacturerWrapper ul
{
	list-style-type: disc;
}
/*  Progress Bar */
.ProgressBarWidget
{
	text-align:center;
}
.ProgressBarTableRow td
{
	padding-bottom: 0.5em;
	padding-top: 0.2em;
	border-top: solid 1px #d9c1e1;
	border-bottom: solid 1px #d9c1e1;
}

.ProgressBarNarrowCell
{
	font-family: Verdana;
	font-size: small;
	padding: 0.1em;
	padding-left: 0.3em;
	vertical-align: top;
	width: 8px;
}
.ProgressBarLinkCell
{
	font-family: Verdana;
	font-size: small;
	padding: 0.1em;
	padding-right: 0.3em;
	vertical-align: top;
	width: 50px;
}
.ProgressBarHighlightItemCurrent
{
	background-image: url(../../Images/MenuBackground.png);
	background-repeat: repeat-x;
	vertical-align: top;
	height:10px;
}
.ProgressBarCurrent
{
	text-decoration: none;
	color:#73397b
}
.ProgressBarVisited
{
	text-decoration: none;
	color:#d9c1e1
}

/* Upsell */
div.FlatWidget
{
	clear:both;
	height:100%;

}
div.upsellListGrid ul li
{
	float: left;
	width: 30%;
}

/* Checkout */
.RadioButtonSubArea 
{
	padding-left: 24px;
}
.FlexiOptionNotes
{
	font-size: smaller;
}
.CheckoutDataFormLabel 
{
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	width: 10em;
}
.CheckboxSpaced input
{
	margin-right:4px;
}
/* TotalStyles */
.TotalLabel
{
	width: 90%;
	min-width: 90%;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	vertical-align: top;
}
.AdditionalTotalLabel
{
	text-align: right;
	vertical-align: top;
}
.TotalData
{
	text-align: right;
}

.basketPrimaryControls
{
	text-align: right;
}
.basketUpdate
{
	text-align:right;
	padding-top: 0.4em;
}
.basketTemplate
{
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}
.secondardButtons
{
	float: left;
	padding-top: 0.4em;
}
.detailsValidation
{
	margin-bottom: 0.5em;
}