﻿html
{
	/*height: 100%;	*/
}

body 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: small;
	background-color: #fff;
	text-align: center;
	color: #ccc;
	margin: 0;
	padding: 0;
	line-height: 14px;
	height: inherit;
}

form
{
	height: inherit;	
}

h1
{
	color: #2ba8d8;	
	font-size:150%;
	margin: 0;
	padding: 0;
}

h2
{
	font-size: 120%;
}

h3
{

	color: #2ba8d8;	
	font-size:110%;
	margin: 0;
	padding: 0;
}

p
{
	font-size: 100%;
	line-height: 17px;
}
a
{
	color: #ccc;
	text-decoration: underline;	
}

div.PreviewDiv
{
	width: 100%;
	top: 0;
	color: #FFF;	
	height: 20px;
	background-color: Blue;
	padding: 5px;
}

div.PreviewDiv a
{
	color: white;	
}

div.MainContainer
{
	height: inherit;
}

div.Wrapper
{
	width: 800px;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

div.HeaderContainer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #131313;
	margin-left: auto;
	margin-right: auto;
	height: 117px;
	text-align: center;
	overflow: hidden;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div.Header
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 117px;
	width: 800px;
	position: relative;
}

div.FreeShipping
{
	position: absolute;
	top: 55px;
	left: 560px;
	width: 235px;
	height: 39px;
	background-image: url(../images/free-shipping-off.png);
	background-repeat: no-repeat;
}

* html div.FreeShipping
{
	left: 575px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/free-shipping-off.png", sizingMethod="none");
}


div.FreeShippingOn
{
	position: absolute;
	top: 55px;
	left: 559px;
	width: 235px;
	height: 214px;
	background-image: url(../images/free-shipping-on.png);
	background-repeat: no-repeat;
}

* html div.FreeShippingOn
{
	left: 576px;	
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/free-shipping-on.png", sizingMethod="none");
}

div.ShoppingCart
{
	text-align: right;
	color: #2ba8d8;
	padding: 7px 37px 0 0;
	height: 31px;
	background-image: url(../images/shopping_cart_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

* html div.ShoppingCart
{
	background-image: url(../images/shopping_cart_bg.gif);
}


div.ShoppingCart a
{
	color: #2ba8d8 !important;
}

div.Logo
{
	text-align: left;
	float: left;
	margin-top: 13px;
	margin-left: 30px;
	width: 535px;
}

div.TagLine
{
	float: right;
	top: 0;
	left: 0;	
	width: 254px;
	padding-top: 20px;
	padding-left: 20px;
}

* html div.TagLine
{
}

div.FooterContainer
{
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: smaller;
	color: #ccc;
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	clear: both;
	background-image: url(../images/footer_repeat.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

div.FooterContainer div.Main
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	padding-top: 30px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: auto !important;
}

div.FooterContainer div.Main div.ContentWrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

ul.FooterNav
{
	width: 520px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 20px;
	#padding: 0 0 0 15px;
}

* html ul.FooterNav
{
	width: 480px;
	margin: 0;
	padding: 0;
}

ul.FooterNav li
{
	float: left;
	display: block;	
	border-right: solid 1px #ccc;
	text-align: center;
}

ul.FooterNav li.last
{
	border-right: none;
}

ul.FooterNav li a
{
	color: #ccc;
	text-decoration: none;
}

div.CopyRight
{
	padding-right: 20px;
	text-align: right;
	float: right;
}

div.Navigation
{
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	text-align: center;
}

div.Navigation div.Main
{
	height: 30px;
	width: 803px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.UserNav
{
	/*background-image: url(../images/grey_btn.jpg);*/
	height: 31px;
	background-repeat: no-repeat;
	background-position: left;
}

div.Register, div.Login
{
	float: left;	
	display: block;
	margin-top: 3px;
	*line-height: 15px;
}

div.Register a, div.Login a
{
	color: #000;
	text-decoration: none;	
}

div.Register
{
	margin-left: 30px;
}

* html div.Register
{
	margin-left: 15px;
	height: 18px;
}

div.Login
{
	margin-left: 22px;
}

* html div.Login
{
	margin-left: 22px;
	height: 18px;
}

div.PrimaryNavContainer
{
	background-image: url(../images/primarynav_right_cap.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
	text-align: left;
	/*width: 643px;*/
	/*float: right;*/
}

ul.PrimaryNav
{
/*	width: 640px;*/
	margin: 0;
	padding: 0;
	height: inherit;
	text-align: center;
}

ul.PrimaryNav li
{
	float: left;
	height: inherit;
	list-style-type: none;
	background-image: url(../images/primarynav_divider.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.PrimaryNav li a
{
	padding-top: 2px;
	display: block;
	color: #ccc;
	background-image: url(../images/btn_primary_nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 28px;
	min-width: 90px;
	width: 90px;
	text-decoration: none;
	margin-right: 2px;
}

ul.PrimaryNav li a:hover, ul.PrimaryNav li.active a
{
	background-position: bottom;
}

div.MainContentContainer
{
	height: inherit;
	width: 800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.ImageGallery
{
	width: 810px;	
}

div.MainContentContainer div.Row
{
}

div.MainContentContainer div.Row div.Col1
{
	padding: 10px 0 10px 10px;
	background-color: black;	
	text-align: left;
	width: 480px;
	float: left;
	height: 372px;
	margin-bottom: 5px;
	background-color: #000;
	color: #ccc;
}

div.MainContentContainer div.Row div.SnippetLrg
{
	margin-top: 10px;
	text-align: left;
	width: 490px;
	float: left;
	min-height: 163px;
	*height: 161px;
	margin-bottom: 5px;
	background-color: #000;
	color: #ccc;
}

div.SnippetLrg div.Content a, div.MainContentContainer div.Row div.Col2, div.SnippetSml div.Content a
{
	color: White;
	text-decoration: none;	
}

div.SnippetLrg div.Content a:hover, div.SnippetSml div.Content a:hover
{
	text-decoration: underline !important;
}

div.MainContentContainer div.Row div.Col2
{
	text-align: left;
	width: 297px;
	height: 392px;
	overflow: hidden;
	float: right;
}

div.MainContentContainer div.Row div.SnippetSml
{
	margin-top: 11px;
	text-align: left;
	width: 297px;
	float: right;
	min-height: 163px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}

* html div.MainContentContainer div.Row div.SnippetSml
{
	height: 161px;
}

div.MainContentContainer div.Row div.Col1 div.Content
{
	overflow: auto;
	height: 372px;
	font-size: smaller;
	padding-right: 10px;
}

div.MainContentContainer div.Row div.SnippetLrg div.Content, div.MainContentContainer div.Row div.SnippetSml div.Content
{
	padding: 70px 0 0 30px;	
}

div.clear
{
	clear: both;	
}

.Button
{
	display: inline-block;
	background-image: url(../images/btnLeft.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 26px !important;
	padding-left: 4px;
	text-align: center;
}

* html .Button
{
	background-image: none;
}

.Button .Text
{
	background-image: url(../images/btnBg.png);
	background-repeat: repeat-x;
	height: 26px;
	margin-right: 4px;
	padding-top: 2px;
}

* html .Button .Text
{
	background-image: url(../images/btnBg.gif);
	margin-top: 1px;
}

.Button .RightCap
{
	background-image: url(../images/btnRight.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 26px;
	float: right;
	width: 4px;
}

* html .Button .RightCap
{
	background-image: none;
}

.Button .Text a, .Button .Text a:hover
{
	font-size: small !important;
	color: #000;
	text-decoration: none !important;
	line-height: 1.2em;
}

div.FeedbackForm
{
	margin: 10px 0 10px 0;	
}

div.FeedbackForm div.Label
{
	padding: 10px 0 5px 0;
	font-size: 110%;
}

div.FeedbackForm input.text
{
	border: solid 1px #ccc;
	padding: 2px;	
	width: 250px;
}

div.FeedbackForm textarea
{
	border: solid 1px #ccc;
	padding: 2px;	
	width: 250px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 120%;
	height: 100px;
}

