/* CSS Document */

body { 
	padding: 0px;
	margin: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666; }

h1, h2, h3, h4, h5, form { padding: 0px; margin: 0px; }

h1 { 
	color: #ff8c13;
	font-size: 22px;
	font-weight: normal; }
h2 { 
	color: #8b7a6f;
	font-size: 18px;
	font-weight: normal; }
h3 { 
	color: #ff8c13;
	font-size: 14px;
	font-weight: bold; }

a { color: #8b7a6f; }
a:hover { color: #000000; }

p {  }

input {  }
select {  }
textarea {  }

.cLear { clear: both; line-height: 0px; font-size: 0px; }

#mainBody { width: 955px; }

	#headerBar { 
		height: 160px;
		background: url(/persistent/images/bg_header.jpg) left top no-repeat;
		overflow: hidden; }
		#logoBar { float: left; padding: 40px 0px 0px 10px; }
		#subLogoBar { float: right; padding: 65px 0px 0px 0px; }
			.subLogos { padding: 0px; margin: 0px; float: left; }

	#navBar { 
		width: 955px;
		height: 35px;
		background: url(/persistent/images/bg_nav.jpg) left top repeat-x; }
		#mainNav { 
			padding: 0px;
			margin: 0px;
			list-style: none; }
			#mainNav li { 
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 0px;
				line-height: 0px;
				display: inline; }
				#mainNav li a { 
					font: normal 15px Arial, Helvetica, sans-serif;
					color: #77675d;
					text-decoration: none;
					padding: 8px 15px 0px 15px;
					display: block;
					float: left; }
				#mainNav li a:hover { color: #ff8c13; }
				#mainNav li a.cuRRent { color: #ff8c13; }

	#searchBar { 
		height: 40px; }
		#searchBox { float: left; padding: 8px 0px 0px 0px; }
			#searchBox input { 
				border: 1px solid #CCCCCC;
				color: #999999;
				background: url(/persistent/images/bg_searchbox.jpg) left top repeat-x; }
			#searchBox .searchBoxButton { 
					border: none;
					background: #FFFFFF;
					color: #ff8c13;
					font-size: 14px;
					font-weight: bold;
					padding: 0px;
					margin: 0px; }
		#tabsBox { float: right; }

	#bodyBar { width: 955px; }
		#bodyBarNav { 
			width: 155px;
			padding: 0px 0px 20px 0px;
			float: left;
			text-align: left; }
			#subNav { 
				padding: 0px;
				margin: 0px;
				list-style: none; }
				#subNav li { 
					list-style: none;
					padding: 0px;
					margin: 0px;
					font-size: 0px;
					line-height: 0px; }
					#subNav li a { 
						font: normal 14px Arial, Helvetica, sans-serif;
						color: #77675d;
						text-decoration: none;
						padding: 5px 0px 5px 25px;
						display: block;
						border-bottom: 1px dashed #d7d1ce; }
					#subNav li a:hover { 
						color: #ff8c13;
						background: url(/persistent/images/bg_subnav_arrow.gif) left center no-repeat; }
					#subNav li a.cuRRent { color: #ff8c13; }
						#subNav li ul { 
							list-style: none;
							padding: 0px;
							margin: 0px;
							font-size: 0px;
							line-height: 0px; }
							#subNav li ul li a { 
								font: normal 12px Arial, Helvetica, sans-serif;
								color: #77675d;
								text-decoration: none;
								padding: 4px 0px 3px 30px;
								display: block;
								border-bottom: 1px dashed #d7d1ce; }
							#subNav li ul li a:hover { 
								color: #ff8c13;
								background: url(/persistent/images/bg_subnav_arrow.gif) left center no-repeat; }

		#bodyBarContent { 
			width: 780px;
			float: left;
			text-align: left;
			padding: 20px 0px 20px 20px; }
		#bodyBarContentFull { 
			width: 935px;
			float: left;
			text-align: left;
			padding: 20px 0px 20px 20px; }

/* home page styles start */

#hpContent { 
	width: 415px;
	height: 220px;
	padding: 15px 55px 23px 485px;
	margin: 10px 0px 10px 0px;
	background: url(/persistent/images/bg_hp_content.jpg) left top no-repeat;
	text-align: left;
	color: #FFFFFF; }
	#hpContent h1 { color: #FFFFFF; font-size: 24px; }
	#hpContent a { color: #FFFFFF; text-decoration: underline; }

#hpMain { width: 955px; margin: 0px 0px 20px 0px; }

	#hpMainLeft { 
		width: 676px;
		float: left; }
		#hpMainAniTabs { 
			width: 676px;
			height: 42px; }
			.hpMainAniTab { 
				float: left;
				width: 217px;
				background: #CCCCCC;
				margin: 0px 12px 0px 0px; }
			.hpMainAniTabLast { 
				float: left;
				width: 218px;
				background: #CCCCCC; }
		#hpMainAni { 
			width: 676px;
			height: 216px;
			background: url(/images/flash_ani_bg.jpg) left top no-repeat; }
			
		#hpFeaturedHeader { 
			background: url(/persistent/images/bg_hp_featured_header.gif) left top repeat-y;
			margin: 10px 0px 0px 0px;
			padding: 8px;
			font-size: 24px;
			color: #FFFFFF;
			text-align: left; }
		#hpFeatured { 
			width: 676px;
			padding: 10px 0px 0px 0px;
			font-size: 15px; }
			#hpFeatured a { color: #ff8c13; text-decoration: none; }
			.hpFeatureFirst { 
				float: left;
				width: 224px;
				height: 180px; }
			.hpFeature { 
				float: left;
				width: 225px;
				border-left: 1px dashed #CCCCCC;
				height: 180px; }

	#hpMainRight { 
		width: 270px;
		/* height: 504px; */
		padding: 8px 0px 0px 0px;
		float: right;
		background: #eeebea;
		text-align: left; }
		#promoBox { 
			text-align: center; }
			#promoBox p { padding: 0px; margin: 0px; }
		#hpMainRightContent { 
			padding: 8px; }
			#hpMainRightContent h2 { 
				color: #0788d8;
				font-size: 18px; }
			#hpMainRightContent a { color: #ff8c13; }

/* home page style end */

/* catalogue styles start */
#catMainLeft { 
	float: left;
	background: #f6f5f4;
	width: 330px;
	padding: 10px 5px 10px 10px; }
	#catMainImage { 
		background: url(/persistent/images/bg_catimage.gif) left top no-repeat;
		width: 330px;
		height: 325px; }
		#catMainImage img { border: 1px solid #CCCCCC; }
	#catMainImageContent {  }
	#catMainImageThumbs {  }
		.catMainImageThumb { margin: 6px; float: left; border: 1px solid #CCCCCC; background: #FFFFFF; }
#catMain { 
	float: right;
	width: 420px;
	padding: 0px 0px 10px 15px; }
	#catMain a { color: #ff8c13; }
	#catMainThumbs ul { 
		padding: 0px;
		margin: 0px;
		list-style: none; }
		#catMainThumbs li { 
			padding: 0px;
			margin: 2px;
			list-style: none;
			float: left;
			text-align: center;
			font-size: 11px;
			width: 134px;
			height: 165px; }
			#catMainThumbs li small { font-size: 9px; }
			#catMainThumbs li a { text-decoration: none; }
			#catMainThumbs li a:hover { text-decoration: none; color: #000000; }
			#catMainThumbs li a img { border: 1px solid #CCCCCC; }
			#catMainThumbs li a.selected img { border: 1px solid #000000; }
	#catMainThumbsA ul { 
		padding: 0px;
		margin: 0px;
		list-style: none; }
		#catMainThumbsA li { 
			padding: 0px;
			margin: 2px;
			list-style: none;
			float: left;
			text-align: center;
			font-size: 11px;
			width: 164px;
			height: 195px; }
			#catMainThumbsA li small { font-size: 9px; }
			#catMainThumbsA li a { text-decoration: none; }
			#catMainThumbsA li a:hover { text-decoration: none; color: #000000; }
			#catMainThumbsA li a img { border: 1px solid #CCCCCC; }
			#catMainThumbsA li a.selected img { border: 1px solid #000000; }
		.catPagination { text-align: right; padding: 0px 10px 0px 0px; }
			.catPagination a { text-decoration: none; }
			.catPagination a:hover { color: #ff8c13; }
	#colourSwatches {}
		.colourSwatch { 
			margin: 2px;
			float: left;
			padding-top: 5px;
			width: 80px;
			height: 100px;
			font-size: 11px;
			background: #f6f5f4;
			text-align: center; }
			.colourSwatch img { border: 1px solid #CCCCCC; }
/* catalogue style end */

	#footerBar { 
		background: #e1dddb url(/persistent/images/bg_footer.jpg) left top no-repeat;
		color: #8b7a6f; }
		#footerBar a { color: #8b7a6f; text-decoration: none; }
		#footerBar a:hover { color: #000000; }
		#footerBarLeft { 
			float: left;
			padding: 12px 0px 10px 8px;
			text-align: left; }
		#footerBarRight { 
			float: right;
			padding: 12px 8px 10px 0px; }

#statCode { display: none; }

#swatchBody { padding: 30px; }
#swatchBody td img { border: 2px solid #CCCCCC; }