* { margin: 0; padding: 0; }
a { outline: none; }
a img { border: none; }

.Cap { clear: both; }

html
{
	background-color: #000;
	height: 100%;
	overflow: hidden;
}

body
{
	height: 100%;
	font-family: Arial;
	font-size: 0.7em;
	text-transform: uppercase;
	overflow: hidden;
	width: 100%;
}

#LayoutHolder
{
	overflow: hidden;
	padding: 30px 15px 15px 15px;
	background-color: White;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 904px;
	height: 591px;
	margin: -318px 0 0 -467px;
}

#LayoutHolderInner
{
	position: absolute;
	top: 30px;
	left: 15px;
	width: 904px;
	height: 591px; 
	overflow: hidden;
}

#TopMenu
{
	height: 24px;
	overflow: hidden;
	margin-bottom: 10px;
}

#TopMenu h2
{
	float: left;
	height: 24px;
	width: 180px;
	background: transparent url(Assets/CoreLogo.gif) no-repeat 10px top;
	font-size: 10%;
	text-indent: -1000px;
	overflow: hidden;
}

#TopMenu ul li
{
	float: left;
	height: 14px;
	line-height: 14px;
	vertical-align: bottom;
	margin: 10px 10px 0 0;
	list-style-type: none;
}
#TopMenu ul li a:link,
#TopMenu ul li a:active,
#TopMenu ul li a:visited
{
	padding: 0 5px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
}
#TopMenu ul li.Active a, #TopMenu ul li a:hover { background-color: #e5e5e5; }

#SidebarFrame
{
	width: 170px;
	height: 556px;
	float: left;
	border-right: solid 1px #bcbdc0;
}

#SidebarFrame div
{
	padding: 10px 10px 18px 0;
	border-top: solid 1px #bcbdc0;
}

#SidebarFrame a:link,
#SidebarFrame a:active,
#SidebarFrame a:visited
{
	color: #000;
	text-decoration: none;
	display: block;
}

#SidebarFrame ul { list-style-type: none; }

#SidebarFrame ul li a { padding: 0 0 0 10px; margin: 2px 0; }
#SidebarFrame ul li ul li a { padding: 0 0 0 20px; }
#SidebarFrame div p { padding: 0 0 0 10px; margin: 2px 0; }

#SidebarFrame ul li.Active a,
#SidebarFrame div p.Highlight a
{
	background-color: #eee;
}

#SidebarFrame ul li.Active ul li a { background-color: #fff; }

#SidebarFrame div.Categories a:link,
#SidebarFrame div.Categories a:active,
#SidebarFrame div.Categories a:visited { color: #77787b; }
#SidebarFrame div.Categories a:hover { color: #000; }
#SidebarFrame div.Categories ul li ul li a:link,
#SidebarFrame div.Categories ul li ul li a:active,
#SidebarFrame div.Categories ul li ul li a:visited { color: #bcbdc0; }
#SidebarFrame div.Categories ul li ul li a:hover { color: #77787b; }

#ContentFrame
{
	position: absolute;
	top: 34px;
	left: 180px;
	width: 724px;
	height: 567px;
	overflow: hidden;
}

#ContentFrameInner 
{
	position: absolute;
	padding-right: 10px;
	top: 0;
	left: 0;
	width: 714px;
	height: 566px;
	overflow: auto;
	overflow-x: hidden;
}

.HomePage #ContentFrameInner { top: 0; height: 546px; width: 734px; border-top: solid 1px #bcbdc0; padding: 10px 0 0 0; }
.ContentFrameWithBorder #ContentFrameInner { padding: 10px 10px 0 0; height: 546px; width: 704px; border-top: solid 1px #bcbdc0; }
.ContentFrameWithTitle #ContentFrameInner { top: 34px; height: 522px; }
.ContentFrameWithToolbar #ContentFrameInner { top: 54px; height: 502px; }
.ContactLayout { padding-right: 0 !important; width: 724px !important; }

#Toolbar { padding: 10px 0px 10px 0; height: 14px; border-top: solid 1px #bcbdc0; border-bottom: solid 1px #bcbdc0; }

#Toolbar select { width: 150px; float: left; margin-right: 5px; color: #77787b; text-transform: uppercase; font-size: 0.8em; }
#Toolbar input { width: 126px; float: left; height: 15px; color: #77787b; text-transform: uppercase; font-size: 0.8em; }
#Toolbar a.SearchButton
{
	display: block;
	float: left;
	margin: 3px 0 0 4px;
	height: 16px;
	width: 16px;
	overflow: hidden;
	background: transparent url(Assets/MagnifyGlass.gif);
	text-indent: -2000px;
}

#Toolbar span { background: transparent url(Assets/Bullet.gif) no-repeat left center; padding: 0 6px 0 7px; }
#Toolbar span a:link,
#Toolbar span a:active,
#Toolbar span a:visited { color: #77787b; text-decoration: none; }
#Toolbar span a:hover { color: Black; }

#Toolbar div { display: inline; }

h1, p.Message, p.FilterNoResultsMessage { border-top: solid 1px #bcbdc0; border-bottom: solid 1px #bcbdc0; color: #77787b; padding: 4px 0; font-size: 100%; font-weight: normal; margin-bottom: 8px; }

h3 { color: #000; font-size: 100%; font-weight: normal; margin-bottom: 8px; }

#ContentFrameInner p, #ContentFrameInner address { color: #77787b; margin-bottom: 6px; font-style: normal; }

#ContentFrameInner p a:link,
#ContentFrameInner p a:active,
#ContentFrameInner p a:visited { color: #77787b; text-decoration: none; }
#ContentFrameInner p a:hover { color: Black; }

.ItemGrid
{
	overflow: hidden;
	float: left;
}

.ItemGrid .Product,
.ItemGrid .Category
{
	float: left;
	margin: 0 10px 10px 0;
}

.ItemGrid .Product { width: 128px; }

.ItemGrid .Photo { margin-bottom: 2px; }
.ItemGrid .Category .Details { background-color: #eee; }

.ItemGrid div div a { display: block; }

.ItemGrid .Product p
{
	line-height: 14px;
	height: 14px;
	margin: 0 !important;
	padding: 0 !important;
}

.ItemGrid .Product p.Selection a
{
	display: block;
	margin-top: 4px;
	height: 10px;
	line-height: 10px;
	background: transparent url(Assets/MySelection.gif) no-repeat left top;
	padding-left: 13px;
	overflow: hidden;
	cursor: pointer;
}
.ItemGrid .Product p.Selection a.Selected { background-position: left -10px; }
.ItemGrid .Product p.Selection a span { display: none; }
.ItemGrid .Product p.Selection a span.First { display: inline; }

.ItemGrid a:link, .ItemGrid a:active, .ItemGrid a:visited { text-decoration: none; color: #77787b; }
.ItemGrid a:hover, .ItemGrid div:hover a { color: Black; }

#ProductLayout .Column1 { width: 400px; float: left; }
#ProductLayout .Thumbs { margin: 0 0 10px 0; border-bottom: solid 1px #bcbdc0; }
#ProductLayout .Thumbs img { margin: 0 10px 10px 0; }
#ProductLayout .Column2 { margin-left: 410px; }
#ProductLayout .Column2 h3 { margin-bottom: 0; }
#ProductLayout .Column2 p { max-width: 30em; margin-top: 0; }
#ProductLayout .Blurb strong { font-weight: normal; display: block; color: #000; }
#ProductLayout .TechnicalSpecs p { margin-bottom: 0; }

.AboutLayout .Photo { width: 470px; margin-right: 10px; float: left; }
.AboutLayout .Content { margin-left: 480px; }
.AboutLayout p { max-width: 45em; text-transform: none; }

.BrandLayout .Brand { border-bottom: solid 1px #bcbdc0; padding-bottom: 4px; margin-bottom: 10px; max-width: 90em; }
.BrandLayout .Brand h3 { padding-left: 200px; }
.BrandLayout .Brand .Logo { width: 190px; margin-right: 10px; float: left; text-align: center; }
.BrandLayout .Brand .Content { margin-left: 200px; text-transform: none; }

.ContactLayout p span { display: block; float: left; width: 5em; }
.ContactLayout address { margin-left: 5em; }

.InlineImage { margin-top: 2em; }

.SiteBy { position: absolute; top: 50%; left: 50%; margin: 323px 0 0 0; width: 467px; text-align: right; }
.SiteBy a { color: #444; text-decoration: none; font-size: 70%; }

fieldset { border: none; }
fieldset legend { display: none; }
fieldset p
{
	width: 100%;
	overflow: auto;
	line-height: 2em;
	vertical-align: baseline;
}
fieldset p label
{
	display: block;
	float: left;
	width: 8em;
}
fieldset p input
{
	color: #77787b;
	font-size: 1em;
	padding: 2px;
	width: 17em;
}
fieldset p.Submit input
{
	color: ButtonText;
	width: auto;
	margin-left: 8em;
}

fieldset#NewsletterSignup
{
	margin: 3em 0 0 0;
	padding: 3em 0 0 0;
	border-top: solid 1px #bcbdc0;
}

fieldset#NewsletterSignup h3 { color: #77787b; }
fieldset#NewsletterSignup p { text-transform: none; }
fieldset#NewsletterSignup p label { text-transform: uppercase; }

/** Splash Page Styles **/

#LayoutHolder.Splash .FlashSplash { width: 540px; height: 320px; margin: 130px 0 0 182px; }
#LayoutHolder.Splash p { text-align: center; }
#LayoutHolder.Splash a.Enter { margin: 0 auto; display: block; width: 140px; height: 40px; background: transparent url('Assets/CoreLogoSplash.gif') no-repeat left top; text-indent: -2000px; }
#LayoutHolder.Splash a.Enter:hover { background: transparent url('Assets/CoreLogoSplash.gif') no-repeat left bottom; }