/*===========================================================================*/
@import url("./css/home.css");

@import url("./css/reviews.css");

/*=============================================================================
  Core
=============================================================================*/
@font-face {
	font-family:		'LeagueGothicRegular';
	src:				url('./fonts/League_Gothic-webfont.eot');
	src:				local('☺'), url('./fonts/League_Gothic-webfont.woff') format('woff'), url('./fonts/League_Gothic-webfont.ttf') format('truetype'), url('./fonts/League_Gothic-webfont.svg#webfont') format('svg');
	font-weight:		normal;
	font-style:			normal;
}

body {
	font-size:			11px;

	color:				#666666;
	background-color:	#736E5B;

	margin:				0;

	font-family:		Helvetica, Arial;
}

table {
	font-size:			11px;

	color:				#666666;

	margin:				0;

	font-family:		Helvetica, Arial;
}

a {
	color:				#003499;
}

a:hover {
	color:				#6F8CC4;
}

img {
	border:				none;
}

input, textarea { 
	border:					1px #CCCCCC solid;

	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;

	color:					#333333;
}

h1 {
	text-align:			left;

	font-size:			20px;
	line-height:		20px;

	font-weight:		bold;

	color:				#B8520C;

	margin-bottom:		12px;
	margin-top:			0px;
}

h2 {
	color:				#B8520C;

	margin-top:			0px;

	font-size:			16px;
	line-height:		16px;
}

h3 {
	color:				#D88249;

	font-size:			14px;

	font-weight:		bold;

	margin-bottom:		4px;
}

h4 {
	color:				#D88249;

	font-size:			11px;

	font-weight:		bold;

	margin-bottom:		4px;
}

h5 {
	margin:			0;
}

.HR, hr {
	border:				none;

	height:				2px;

	overflow:			hidden;
	background-color:	none;

	background-image:	url("./gfx/hr.jpg");
	background-repeat:	repeat-x;

	margin-top:			10px;
	margin-bottom:		10px;
}

.WrapperBorder { 
	width:				936px;

	border-left:		1px #555243 solid;
	border-right:		1px #555243 solid;

	background-color:	white;
}

.Wrapper {
	width:				900px;

	position:			relative;
}

.VisitedAdmin {
	background-image:	url("./gfx/VisitedAdmin.png");
	width:				114px;
	height:				84px;

	position:			absolute;

	right:				0px;
	top:				0px;
}

.VisitedAdminLink {
	width:				43px;
	height:				38px;

	position:			absolute;

	right:				0px;
	top:				0px;

	cursor:				pointer;
}

.Help {
	background-image:	url("./gfx/Help.jpg");
	width:				27px;
	height:				40px;

	position:			absolute;

	right:				-45px;
	top:				200px;

	cursor:				pointer;
}

.PageNotice {
	border:				1px #A40004 solid;

	background-color:	#FFD7D8;

	color:				#CC0005;

	width:				auto;

	padding:			5px;
	margin-bottom:		6px;
}

/*=============================================================================
  Header
=============================================================================*/
.Header {
	width:				100%;
	height:				118px;

	overflow:			hidden;

	position:			relative;
}

.Title {
	width:				282px;
	height:				118px;

	overflow:			hidden;

	background-image:	url("./gfx/Title.jpg");
	background-repeat:	no-repeat;

	float:				left;

	cursor:				pointer;
}

.HeaderLinks {
	position:			absolute;

	right:				0px;
	top:				14px;

	color:				#999999;

	font-size:			12px;
	line-height:		12px;
}

.HeaderLinks a {
	color:				#999999;

	text-decoration:	none;

	border-bottom:		1px #CCCCCC solid;

	font-size:			10px;
}

.HeaderCallUs {
	width:				165px;
	height:				16px;

	overflow:			hidden;

	/*background-image:	url("./gfx/Tilesheet.png");*/
	background-position: 0px -96px;

	position:			absolute;

	left:				725px;
	top:				7px;

	font-size:			12px;
	font-weight:		bold;

	color:				#CB804E;

	text-align:			right;
}

.HeaderWelcome {
	width:				101px;
	height:				18px;

	overflow:			hidden;

	background-image:	url("./gfx/Tilesheet.png");
	background-position: 0px 0px;

	position:			absolute;

	left:				602px;
	top:				24px;

	cursor:				pointer;
}

.HeaderMyAccount {
	width:				77px;
	height:				18px;

	overflow:			hidden;

	background-image:	url("./gfx/Tilesheet.png");
	background-position: 0px -24px;

	position:			absolute;

	left:				626px;
	top:				24px;

	cursor:				pointer;
}

.HeaderTrack {
	width:				102px;
	height:				18px;

	overflow:			hidden;

	background-image:	url("./gfx/Tilesheet.png");
	background-position: 0px -48px;

	position:			absolute;

	left:				712px;
	top:				24px;

	cursor:				pointer;
}

.HeaderUpload {
	width:				80px;
	height:				18px;

	overflow:			hidden;

	background-image:	url("./gfx/Tilesheet.png");
	background-position: 0px -72px;

	position:			absolute;

	left:				820px;
	top:				24px;

	cursor:				pointer;
}

.HeaderAd {
	width:				100%;

	border-bottom:		1px #CFCFCF solid;

	margin-bottom:		10px;

	display:			none;
}

/*=============================================================================
  Navigation Bar
=============================================================================*/
.NavBar {
	width:				100%;
	height:				69px;

	background-image:	url("./gfx/NavBar.jpg");
	background-repeat:	repeat-x;

	position:			relative;

	margin-bottom:		10px;
}

.NavBarCart {
	height:				32px;

	position:			absolute;

	right:				0px;
	top:				-31px;

	cursor:				pointer;
}

.NavBarCartLeft {
	float:				left;

	width:				5px;
	height:				32px;

	background-image:	url("./gfx/NavBarCart.png");
}

.NavBarCartRight {
	float:				left;

	width:				31px;
	height:				32px;

	background-image:	url("./gfx/NavBarCart.png");
	background-position: -5px 0px;
}

.NavBarCartText {
	background-image:	url("./gfx/NavBarCart.png");
	background-repeat:	repeat-x;
	background-position: 0px -32px;

	padding-left:		10px;
	padding-right:		10px;

	height:				32px;

	font-size:			12px;
	line-height:		32px;

	color:				white;
	cursor:				pointer;

	text-align:			center;

	float:				left;
}

.NavBarCartText b {
	font-size:			14px;

	color:				white;
}

.NavBarTop {
	width:				100%;
	height:				37px;

	overflow:			hidden;
}

.NavBarTop ul {
	height:				35px;

	list-style:			none;

	display:			inline;

	margin:				0;
	padding:			0;

	margin-top:			1px;

	float:				left;

	overflow:			hidden;
}

.NavBarTopItem {
	height:				35px;
	line-height:		35px;	

	list-style-type:	none;

	margin:				0;
	padding:			0;

	padding-left:		20px;
	padding-right:		20px;

	float:				left;

	border-right:		2px #CCD8E5 solid;
	border-left:		1px #D6EAFE solid;

	cursor:				pointer;
}

.NavBarTopItemHover {
	background-image:	url("./gfx/NavBarTopItemHover.jpg");
}

.NavBarTopItem a {
	height:				37px;
	line-height:		37px;

	color:				#7E7E7E;

	text-decoration:	none;
}

.NavBarTopSeparator {
	width:				4px;
	height:				37px;

	background-image:	url("./gfx/NavBarTopSeparator.jpg");

	overflow:			hidden;
}

.NavBarBottom {
	padding-top:		1px;

	position:			absolute;

	left:				0px;
}

.NavBarBottomLiveChat {
	width:				386px;
	height:				27px;

	background-image:	url("./gfx/NavBarBottomLiveChat.png");

	overflow:			hidden;

	float:				left;

	margin-top:			1px;
}

.NavBarBottomLiveChatAway {
	background-position: 0px -27px;
}

.NavBarBottomLiveChatTalkNow {
	width:				54px;
	height:				18px;

	position:			absolute;

	left:				325px;
	top:				6px;

	cursor:				pointer;
}

.NavBarBottomLiveChatTalkNowAway {
	width:				54px;
	height:				18px;
}

.NavBarBottomSearch {
	width:				290px;
	height:				28px;

	background-image:	url("./gfx/NavBarBottomSearch.jpg");

	overflow:			hidden;

	float:				right;

	position:			relative;
}

.NavBarBottomSearch input {
	border:				0;

	width:				122px;
	height:				16px;

	line-height:		16px;

	position:			absolute;

	left:				112px;
	top:				5px;

	color:				#333333;

	font-size:			10px;
}

.NavBarBottomSearchGo {
	width:				34px;
	height:				18px;

	position:			absolute;

	left:				247px;
	top:				5px;

	cursor:				pointer;
}

/*=============================================================================
  Products Dropdown
=============================================================================*/
#Products {
	position:			absolute;

	padding:			14px;

	color:				white;

	background-color:	#04518E;

	z-index:			100;

	top:				154px;
	left:				71px;
	
	width:				250px;

	overflow:			hidden;

	text-align:			left;
}

#Products a {
	color:				white;

	text-decoration:	none;
}

#Products .Category {
	font-weight:		bold;

	font-size:			12px;

	width:				230px;

	margin-top:			4px;
}

#Products .CategoryChild {
	font-weight:		normal;

	font-size:			10px;

	width:				190px;

	margin-top:			2px;
}

/*=============================================================================
  Sidebar
=============================================================================*/
.Sidebar {
	width:				234px;
}

.SidebarSearch {
	width:				234px;

	margin-bottom:		16px;
}

.SidebarSearchContentWrapper {
	border:				1px #999999 dashed;

	background-color:	white;
}

.SidebarSearchContent {
	width:				232px;
	height:				37px;

	background-color:	#999999;

	background-image:	url("./gfx/SidebarSearchContent.jpg");

	position:			relative;
}

.SidebarSearchContent input {
	position:			absolute;

	left:				60px;
	top:				12px;

	width:				122px;
	height:				15px;

	font-size:			10px;
	line-height:		10px;

	color:				#666666;

	border:				none;
}

.SidebarSearchContentGo {
	width:				34px;
	height:				18px;

	background-image:	url("./gfx/SidebarSearchContentGo.jpg");

	position:			absolute;

	left:				194px;
	top:				10px;

	cursor:				pointer;
}

.SidebarCategories {
	width:				234px;

	margin-bottom:		16px;
}

.SidebarCategoriesTop {
	width:				100%;
	height:				24px;

	font-size:			13px;
	line-height:		24px;

	font-weight:		bold;

	overflow:			hidden;

	color:				#666666;
}

.SidebarCategoriesContentWrapper {
	border:				1px #E5E5E5 dashed;

	background-color:	white;
}

.SidebarCategoriesContent {
	width:				100%;

	background-color:	#E5E5E5;

	padding-top:		10px;
	padding-bottom:		10px;
}

.SidebarCategoriesContent ul {
	margin:				0;
	padding:			0;

	margin-left:		14px;
}

.SidebarCategoriesContent ul li {
	margin:				0;
	padding:			0;
	
	list-style-type:	none;

	text-align:			left;
}

.SidebarCategoriesContent ul li a {
	line-height:		16px;

	color:				#666666;

	text-decoration:	none;
}

.SidebarLiveChat {
	width:				232px;
	height:				151px;

	overflow:			hidden;

	background-image:	url("./gfx/SidebarLiveChat.jpg");

	cursor:				pointer;

	margin-top:			14px;
}

.SidebarAd {
	width:				232px;
	height:				148px;

	overflow:			hidden;

	background-image:	url("./gfx/SidebarAd.jpg");

	cursor:				pointer;

	margin-top:			14px;
}

.BreadCrumbs {
	width:				100%;
	height:				20px;

	text-align:			left;

	padding-left:		2px;
}

.BreadCrumbsInactive {
	color:				#787878;

	text-decoration:	none;
}

.BreadCrumbsInactive:hover {
	color:				#A5A5A5;

	text-decoration:	none;
}

.BreadCrumbsActive { 
	color:				#63BEEA;

	text-decoration:	none;
}

.BreadCrumbsActive:hover { 
	color:				#1E9DDB;

	text-decoration:	none;
}

/*=============================================================================
  Content
=============================================================================*/
.Content {
	width:				642px;

	text-align:			left;
}

/*=============================================================================
  Categories
=============================================================================*/
.CategoryBanner {
	width:				642px;
	height:				184px;

	border:				1px #666666;
	background-color:	#999999;

	margin-bottom:		18px;
}

.CategoryHeader {
	margin:				0px;

	text-align:			left;

	color:				#B8520C;

	font-size:			14px;
	line-height:		14px;

	margin-bottom:		8px;
}

.CategorySubsWrapper {
	margin-top:			64px;

	width:				100%;

	color:				#666666;
}

.CategorySubsTitle {
	font-size:			13px;

	text-align:			left;

	font-weight:		bold;

	margin:				8px;
}

.CategorySubs {
	background-color:	#D6EBFE;

	width:				610px;
	height:				104px;

	overflow:			hidden;

	padding:			16px;

	color:				#82878C;
}

.CategorySubsName {
	font-size:			12px;

	color:				#82878C;

	float:				left;

	width:				200px;

	text-align:			left;
}

.CategorySubsName a {
	color:				#82878C;

	text-decoration:	none;
}

/*=============================================================================
  Products
=============================================================================*/
.ProductTiledHR {
	background-image:	url("./gfx/ProductTiledHR.jpg");
	background-repeat:	repeat-x;

	margin-top:			10px;
	margin-bottom:		10px;
	
	width:				100%;
	height:				2px;
}

.ProductTiled {
	width:				270px;
	height:				160px;

	margin:				22px;

	display:			inline-block;

	position:			relative;

	text-align:			left;
}

.ProductTiledImage {
	width:				100px;
	height:				180px;

	position:			absolute;

	left:				-8px;
	top:				0px;
}

.ProductTiledImageMoreLikeThis {
	width:				100px;

	position:			absolute;

	left:				0px;
	bottom:				0px;

	text-align:			center;
}

.ProductTiledImageMoreLikeThis a {
	color:				#BB520C;

	font-size:			8px;

	font-weight:		bold;

	text-decoration:	none;
}

.ProductTiledContent {
	width:				170px;
	height:				180px;

	position:			absolute;

	left:				100px;
	top:				0px;
}

.ProductTiledContentSeparator {
	width:				100%;
	height:				2px;

	background-image:	url("./gfx/ProductTiledContentSeparator.jpg");

	margin-top:			6px;
	margin-bottom:		6px;

	overflow:			hidden;
}

.ProductTiledContentName {
	/*height:				36px;*/
	line-height:		16px;

	overflow:			hidden;

	font-size:			12px;

	font-weight:		bold;
}

.ProductTiledContentName a {
	color:				#666666;

	text-decoration:	none;
}

.ProductTiledContentName a h2 {
	font-size:			14px;

	margin:				0;
	padding:			0;

	color:				#666666;
}

.ProductTiledContentDescription {
	width:				100%;
	height:				40px;

	overflow:			hidden;
}

.ProductTiledContentMin {
}

.ProductTiledContentColorChart {
	float:				right;

	width:				82px;
	height:				8px;

	background-image:	url("./gfx/ProductTiledContentColorChart.jpg");

	padding-top:		3px;

	background-position: right 50%;
	background-repeat: no-repeat;

	display:			none;
}

.ProductTiledContentRating {
}

.ProductTiledContentAsLow {
	position:			absolute;

	bottom:				0px;
	left:				0px;

	color:				#BB520C;

	font-size:			8px;
}

.ProductTiledContentAsLow span {
	font-size:			13px;

	font-weight:		bold;
}

.ProductTiledContentBuyNow {
	width:				56px;
	height:				19px;

	position:			absolute;

	bottom:				0px;
	right:				0px;

	background-image:	url("./gfx/Tilesheet.png");
	background-position: 0px -112px;

	cursor:				pointer;
}

/*=============================================================================
  PageTitle
=============================================================================*/
.PageTitle {
	text-align:			left;

	font-size:			20px;
	line-height:		20px;

	font-weight:		bold;

	color:				#B8520C;

	margin-bottom:		12px;
}

/*=============================================================================
  Reviews
=============================================================================*/
.ReviewsTop {
	height:				120px;
}

.ReviewsGraph {
	float:				left;

	width:				150px;
}

.ReviewsGraphTitle {
	text-align:			center;

	font-weight:		bold;

	margin-bottom:		4px;
}

.ReviewsStarCell {
	width:				40px;

	font-size:			10px;
}

.ReviewsGraphBarCell {
	width:				80px;
}

.ReviewsRatingCell {
	width:				30px;

	text-align:			right;
}

.ReviewsGraphBarWrapper {
	background-image:	url("./gfx/ReviewsGraphBarWrapper.jpg");

	background-color:	#E4E4E4;

	width:				80px;
	height:				12px;

	/*border-top:			1px #F3F3F3 solid;*/
	border-left:		1px #F3F3F3 solid;
	border-right:		1px #DBDBDB solid;
	/*border-bottom:		1px #DBDBDB solid;*/
}

.ReviewsGraphBar {
	background-image:	url("./gfx/ReviewsGraphBar.jpg");

	width:				0%;
	height:				12px;
}

.ReviewsAverage {
	float:				left;

	width:				150px;

	margin-left:		20px;
}

/*=============================================================================
  Footer
=============================================================================*/
.FooterWrapper {
	width:				100%;
	height:				281px;	

	background-image:	url("./gfx/Footer.jpg");

	overflow:			hidden;
}

.Footer {
	width:				890px;
	height:				281px;

	position:			relative;

	padding-top:		36px;
}

.FooterYPP {
	width:				37px;
	height:				47px;

	position:			absolute;

	left:				12px;
	top:				34px;

	background-image:	url("./gfx/FooterYPP.png");
}

.FooterLinksWrapper {
	position:			absolute;

	left:				40px;
	top:				36px;
}

.FooterLinks {
	float:				left;

	width:				140px;
	height:				182px;

	color:				white;

	text-align:			left;

	list-style-type:	none;

	padding:			0;
	margin:				0;

	margin-left:		20px;

	background-image:	url("./gfx/FooterLinks.png");
	background-position: right top;
	background-repeat:  no-repeat;
}

.FooterLinks li {
	padding:			0;
	margin:				0;

	font-size:			14px;
	font-weight:		bold;
}

.FooterSubLinks {
	list-style-type:	none;

	padding:			0;
	margin:				0;

	margin-top:			10px;
	margin-bottom:		16px;
}

.FooterSubLinks li {
	padding:			0;
	margin:				0;

	font-size:			10px;
	line-height:		16px;
}

.FooterSubLinks li a {
	text-decoration:	none;

	color:				white;
}

.FooterSubLinks li b {
	font-size:			14px;
}

.FooterFollowUs {
	float:				left;

	width:				140px;
	height:				182px;

	color:				white;

	text-align:			left;

	padding:			0;
	margin:				0;

	margin-left:		20px;

	font-size:			14px;
	font-weight:		bold;

	position:			relative;
}

.FooterFollowUsFacebook {
	width:				27px;
	height:				27px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: 0px -131px;

	overflow:			hidden;

	position:			absolute;

	left:				10px;
	top:				34px;
}

.FooterFollowUsFacebookHover {
	width:				27px;
	height:				27px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: -27px -131px;

	overflow:			hidden;

	cursor:				pointer;
}

.FooterFollowUsTwitter {
	width:				25px;
	height:				25px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: 0px -158px;

	overflow:			hidden;

	position:			absolute;

	left:				11px;
	top:				70px;
}

.FooterFollowUsTwitterHover {
	width:				25px;
	height:				25px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: -25px -158px;

	overflow:			hidden;

	cursor:				pointer;
}

.FooterDigg {
	width:				49px;
	height:				30px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: -54px -131px;

	overflow:			hidden;

	position:			absolute;

	left:				46px;
	top:				34px;
}

.FooterDiggHover {
	width:				49px;
	height:				30px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: -103px -131px;

	overflow:			hidden;

	cursor:				pointer;
}

.FooterLinkedIn {
	width:				101px;
	height:				27px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: -50px -161px;

	overflow:			hidden;

	position:			absolute;

	left:				46px;
	top:				70px;
}

.FooterLinkedInHover {
	width:				101px;
	height:				27px;

	background-image:	url("./gfx/Tilesheet.png");

	background-position: -151px -161px;

	overflow:			hidden;

	cursor:				pointer;
}

.FooterBottom {
	width:				100%;
	height:				34px;

	line-height:		20px;

	color:				white;

	font-size:			10px;

	position:			absolute;

	left:				0px;
	top:				245px;

	border-top:			1px #8E8E8E solid;

	text-align:			left;
}

.FooterBottom a {
	color:				#56809E;

	text-decoration:	none;

	margin-left:		28px;
}

.FooterBottom a:hover {
	color:				#5099C5;

	text-decoration:	none;

	margin-left:		28px;
}

.FooterBottomCC {
	width:				134px;
	height:				18px;

	position:			absolute;

	left:				490px;
	top:				6px;

	background-image:	url("./gfx/FooterBottomCC.jpg");
}

.FooterBottomRightLinks {
	position:			absolute;

	right:				0px;
	top:				0px;
}

.FooterBottomRightLinksRSS {
	margin-right:		50px;

	color:				#517895;

	text-decoration:	none;

	position:			absolute;

	right:				70px;
	top:				0px;
}

.FooterBottomRightLinksRSS a:hover {
	color:				#3E8CBB;

	text-decoration:	none;
}

.FooterBottomRightLinksTopOfPage {
	color:				white;

	cursor:				pointer;

	position:			absolute;

	right:				0px;
	top:				0px;

	width:				78px;
	height:				7px;
}

.FooterBottomRightLinksTopOfPageArrow {
	width:				12px;
	height:				7px;

	background-image:	url("./gfx/FooterBottomRightLinksTopOfPageArrow.jpg");
	background-repeat:	no-repeat;

	float:				right;

	margin-top:			7px;
	margin-left:		4px;
}

/*===========================================================================*/


	
	.pagination
	{
		padding:			2px;
		width:				100%;
	}
	
	.pagination ul
	{
		text-align:			right;
		margin:				5px;
		padding:			5px;
	}
	
	.pagination li
	{
		list-style-type:	none;
		display:			inline;
		white-space:		nowrap;
		padding-bottom:		2px;
	}
	
	.showingString,.pagination a
	{
		color:				#666666;
		font-weight:		bold;
	}
	
	.pagination a
	{
		padding:			1px 1px;
        margin-left:		1px;
		text-decoration:	none;
		vertical-align:		middle;
	}
	
	.pagination a.currentpage
	{
		text-decoration:	underline !important;
	}
	
	.pagination a.prevnext
	{
		font-size:			large;
	}
	
	/*.pagination a:hover, .pagination a:active
	{
		background-color:	#C4D7FF;
		border:				1px solid #9AAFE5;
        color:				#000066;
        font-weight:		bold;
	}
	
	.pagination a.currentpage
	{
		background-color:	#2e6ab1;
		color:				#666666 !important;
		border-color:		#2b66a5;
		font-weight:		bold;
		cursor:				default;
	}
	
	.pagination a.disablepage, .pagination a.disablepage:hover
	{
		background-color:	white;
		cursor:				default;
		color:				#929292;
		border-color:		#929292;
	}*/

	.Testimonial_Name
    {
    	font-weight:bold;
        font-size:larger;
    }