﻿@media all
{
	body
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 0.9em;
	}
	
	.FloatClear
	{
		clear:both;
		height:1px;
		overflow:hidden;
	}

	.Hidden
	{
		position:absolute;
		left:-10000px;
		text-decoration:none !important;
		font-size:1px !important;
	}
	
	a
	{
		color: #e42a1d;
		text-decoration: none;
	}
	
	a img
	{
		border: none;
	}
	
	form
	{
		padding: 0;
		margin: 0;
	}
}

@media screen
{
	/*********************************
   * Body and main layout
	 *********************************/
	
	body
	{
		margin:0;
		padding:0;
		background-image:url(../Images/BodyBg.gif);
		background-repeat:repeat-x;
		color: #666666;
	}
	
	.MainWrapper
	{
		width: 908px;
		margin: 0 auto;
	}
	
	.BodyWrapper
	{
		padding-top: 40px;
	}
	
	.BodyWrapper.Home
	{
		padding-top: 0px;
	}
	
	/*********************************
   * Header
	 *********************************/
	
	.Header
	{
		height: 132px;
		position: relative;
		background-image: url(../Images/HeaderBg.gif);
		background-repeat: no-repeat;
		background-position: 0 91px;
	}
	
	.Logo
	{
		position: absolute;
		left: -3px;
		top: 14px;
	}
	
	.FacebookLink
	{
		position: absolute;
		width: 31px;
		height: 21px;
		left: 310px;
		top: 16px;
		background-image: url(../Images/FacebookLink.gif);
	}
	
	.FacebookLink a
	{
		display: block;
		width: 98px;
		height: 21px;
	}
	
	.AboutLink
	{
		position: absolute;
		width: 66px;
		height: 21px;
		left:351px;
		top: 16px;
		background-image: url(../Images/AboutLink.gif);
	}
	
	.AboutLink a
	{
		display: block;
		width: 66px;
		height: 21px;
	}
	
	.ContactUsLink
	{
		position: absolute;
		width: 87px;
		height: 21px;
		left: 427px;
		top: 16px;
		background-image: url(../Images/ContactUsLink.gif);
	}
	
	.ContactUsLink a
	{
		display: block;
		width: 87px;
		height: 21px;
	}
	
	.MyAccountLink
	{
		position: absolute;
		width: 87px;
		height: 21px;
		left: 524px;
		top: 16px;
		background-image: url(../Images/MyAccountLink.gif);
	}
	
	.MyAccountLink a
	{
		display: block;
		width: 87px;
		height: 21px;
	}

	.MailingListLink
	{
		position: absolute;
		width: 87px;
		height: 21px;
		left: 621px;
		top: 16px;
		background-image: url(../Images/MailingListLink.gif);
	}
	
	.MailingListLink a
	{
		display: block;
		width: 87px;
		height: 21px;
	}

	/*********************************
   * Shopping Cart Device
	 *********************************/
	
	.CartDevice
	{
		position: absolute;
		width: 191px;
		height: 58px;
		left: 717px;
		top: 16px;
		background-image: url(../Images/CartBg.gif);
		background-repeat: no-repeat;
		color: #ffffff;
	}
	
	.CartDeviceInner
	{
		position: relative;
	}
	
	.CartDevice .ShoppingCartLink
	{
		position: absolute;
		left: 6px;
		top: 0px;
		width: 57px;
		height: 51px;
	}
	
	.CartDevice .ShoppingCartLink a
	{
		display: block;
		width: 57px;
		height: 51px;
	}
	
	.CartDevice .Quantity
	{
		position: absolute;
		left: 68px;
		top: 4px;
		width: 60px;
		text-align: center;
		font-weight: bold;
		font-size: 1.3em;
	}
	
	.CartDevice .OrderTotal
	{
		position: absolute;
		left: 68px;
		top: 39px;
		width: 60px;
		text-align: center;
		font-size: 0.8em;
	}
	
	.CartDevice .CheckoutLink
	{
		position: absolute;
		left: 134px;
		top: 4px;
		width: 50px;
		height: 50px;
		background-image: url(../Images/CheckoutIcon.gif);
	}
	
	.CartDevice .CheckoutLink a
	{
		display: block;
		width: 50px;
		height: 50px;
	}

	/*********************************
   * Login message
	 *********************************/
	
	.LoginMessage
	{
		position: absolute;
		top: 63px;
		left: 300px;
		width: 396px;
		font-size: 0.8em;
		color: #ffffff;
		text-align: right;
	}
	
	.LoginMessage a
	{
		color: #ffffff;
		font-weight: bold;
	}

	/*********************************
   * Nav
	 *********************************/
	
	.Nav
	{
		position: absolute;
		left: 2px;
		top:105px;
	}
	
	.Nav ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	.Nav ul li
	{
		float: left;
		margin: 0;
		padding: 0;
		font-family: VAG Rounded Th, Arial, Sans-Serif;
	}
	
	.Nav ul li a
	{
		float: left;
		height: 24px;
		padding: 0 18px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}	

	/*********************************
   * Search form
	 *********************************/

	.SearchForm
	{
		position: absolute;
		left: 728px;
		top: 99px;
		width: 172px;
		height: 24px;
		background-image: url(../Images/SearchBg.gif);
	}
	
	.SearchForm .SearchQuery
	{
		border: none;
		position: absolute;
		left: 12px;
		top: 4px;
		font-size: 0.85em;
		width: 116px;
		height: 15px;
		color: #666666;
	}
	
	.SearchForm .SearchButton
	{
		position: absolute;
		left: 133px;
		top: 1px;
	}
	
	/*********************************
   * Body Content
	 *********************************/
	
	.TwoColumn .BodyContent
	{
		float: right;
		width: 758px;
	}
	
	.LeftContent h1,
	.BodyContent h1
	{
		font-weight: normal;
		font-size: 2em;
		color: #000000;
		margin-top: 0;
		font-family: VAG Rounded Lt, Arial;
	}
	
	.LeftContent h1
	{
		margin-bottom: 0;	
		height: 37px;
	}
	
	.LeftContent h2,
	.BodyContent h2
	{
		font-weight: normal;
		font-size: 1.2em;
		color: #000000;
		margin-top: 0;
	}

	/*********************************
   * Home page
	 *********************************/
	
	.RotatingHero
	{
		height: 290px;
		margin: 8px 0 6px;
	}
	
	/*********************************
   * Form general
	 *********************************/
	
	input.TextBox
	{
		border: solid 1px #7f9db9;
		padding: 4px;
	}
	
	select
	{
		border: solid 1px #7f9db9;
		padding: 3px;
	}
	
	textarea
	{
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		padding: 4px;
	}
	
	.Mandatory
	{
		color: #e42a1d;
	}
	
	.ValidationError
	{
		clear:both;
		display: block;
		margin-top: 6px;
		border: solid 1px #e1281b;
		padding: 8px;
		text-align: left;
		-moz-border-radius: 4px;
	}
	 
	/*********************************
   * Shopping Pages Layout
	 *********************************/
	 
	.ShoppingMain
	{
		float: left;
		width: 711px;
	}
	
	.ShoppingMain h1
	{
		margin-bottom: 6px;
	}

	.ShoppingInner
	{
		padding-top: 24px;
		background-image: url(../Images/ProductDetailBorder.gif);
		background-repeat: no-repeat;
	}
	
	.ShoppingRight
	{
		float: right;
		width: 158px;
	}
	
	.Notice
	{
		border: solid 1px #666666;
		padding: 12px;
	}
	
	.ButtonHolder
	{
		padding-top: 18px;
	}
	
	/*********************************
   * Shipping Info Panel
	 *********************************/
	
	.ShippingInfo
	{
		margin-top: 37px;
		height: 257px;
		width: 158px;
		background-image: url(../Images/ShippingInfoBg.jpg);
	}
	
	.ShippingInfo a
	{
		display: block;
		height: 257px;
		width: 158px;
		color: #666666;
	}
	
	.ShippingInfoInner
	{
		padding: 60px 18px 0;
	}
	
	.ShippingInfo p
	{
		margin: 0 0 6px;
		font-size: 0.9em;
	}

	/*********************************
   * Sitemap
	 *********************************/
	
	.SitemapPage
	{
		font-size: 0.9em;
	}
	
	ul.Sitemap,
	ul.Sitemap ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	ul.Sitemap li
	{
		padding: 9px 0 0 20px;
		font-weight: bold;
	}
	
	ul.Sitemap li li
	{
		padding: 4px 0 0 20px;
		font-weight: normal;
	}
	
	ul.Sitemap li li li
	{
		padding: 2px 0 0 20px;
		font-size: 0.9em;	
	}
	
	ul.ProductIndex
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	ul.ProductIndex ul
	{
		list-style-type: none;
		padding-left: 20px;
		margin: 0;
	}

	ul.ProductIndex li
	{
	}
	
	ul.ProductIndex .CategoryName
	{
		padding-top: 9px;
		font-weight: bold;
	}
	
	ul.ProductIndex ul.ProductLinks
	{
		padding: 0;
	}
	
	ul.ProductLinks li
	{
		padding-top: 2px;
		font-size: 0.9em;
	}
	
	/*********************************
   * Brands
	 *********************************/
	
	.BrandsListing
	{
		float: left;
		width: 250px;
		margin-right: 20px;
	}
	
	.BrandsListing .ListingLetter
	{
		padding-top: 20px;
		font-size: 2.0em; 
		display: block;
	}

	/*********************************
   * Mailing list sign up
	 *********************************/
	
	.SignUpForm
	{
		float: right;
		width: 336px;
		margin-left: 40px;
	}
	
	.SignUpForm .ButtonHolder
	{
		text-align: right;
	}

	/*********************************
   * Login form
	 *********************************/
	
	.LoginForm
	{
		width: 336px;
	}
	
	/*********************************
   * Footer
	 *********************************/
	
	.FooterWrapper
	{
		padding: 38px 0 20px;
	}

	.Footer
	{
		border-top: solid 2px #e1281b;
		padding: 13px 4px 0;
		font-size: 0.9em;
	}
	
	.CopyrightNotice
	{
		float: right;
	}
	
	.FooterLinks a
	{
		color: #e1281b;
		text-decoration: none;
		margin-right: 12px;
		font-weight: bold;
	}
	
	.FooterLinks a:Hover
	{
		text-decoration: underline;
	}
}