/* Define basic HTML tags */

	html {
		height: 100%;
		width: 100%;
	}
	body {
		background-color: #0f0f0f;
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font: 75% "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: #777777;
		line-height: 1.5em;
		text-align: center;
		background-image: url(../images/bg.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	img {
		border: none;
	}
	a {
		color: #d65b78;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	ul, li {
		/*padding: 0;
		margin: 0 0 0 20px;
		list-style-type: square;*/
	}
	form {
		margin: 0;
		padding: 0;
	}
	input {
		font: 100% "Trebuchet MS", Arial, sans-serif;
		color: #333333;
		border: 1px solid #abadb3;
	}
	select {
		font: 100% "Trebuchet MS", Arial, sans-serif;
		color: #333333;
	}
	textarea {
		font: 100% "Trebuchet MS", Arial, sans-serif;
		color: #333333;
	}
	h1, h2 {
		margin: 0;
		font: 125% Arial, sans-serif;
		color: #333333;
		font-weight: bold;
		text-align: left;
	}
	h3 {
		margin: 0 ;
		font: 100% "Lucida Sans Unicode", "Trebuchet MS";
	}
	
/* classes */

	.doClear {
		clear: both;
		height: 0;
		margin: 0;
		padding: 0;
		line-height: 0;
		overflow: hidden;
	}

	.doClearImage {
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	.btnStandard {
		height: 24px;
		width: 104px;
		margin-top: 7px;
		line-height: 20px;
		padding-bottom: 4px;
		background-color: transparent;
		background-image: url(../images/button_bg.png);
		background-repeat: no-repeat;
		background-position: center center;
		border: none;
		font-family: "Lucida Sans Unicode", "Trebuchet MS";
		font-size: 12px;
		color: white;
		cursor: pointer;
		cursor: hand;
	}
		
/* layout */

	#container {
		width: 988px;
		margin: 0 auto;
		text-align: center;
	}
	
		#header {
			position: relative;
			width: 980px;
			height: 150px;
			margin: 0 auto;
			z-index: 20;
		}
		
			#header #home {
				position: absolute;
				left: 4px;
				top: 130px;
				z-index: 100;
				display: block;
				width: 66px;
				height: 22px;
				color: #cccccc;
			}

			#header #home:hover {
				text-decoration: none;
				color: white;
			}

			#header #logo {
				position: absolute;
				left: 0;
			}

			#header #bbtitle {
				position: absolute;
				left: 264px;
				top: 0;
			}

			#header #account {
				position: absolute;
				right: 16px;
				top: 0;
				width: 320px;
				height: 98px;
				padding-top: 17px;
				color: #cccccc;
				text-align: right;
			}

			#header #account span {
				display: block;
				margin-bottom: 6px;
				margin-right: 5px;
			}

				#header #account span a {
					color: #cccccc;
				}

				#header #account span a:hover {
					color: #999999;
					text-decoration: none;
				}
			
			#header #nav {
				position: absolute;
				left: 264px;
				top: 115px;
				width: 716px;
				text-align: left;
			}
			
		#mainOuter {
			width: 100%;
			background-image: url(../images/main_bg.png);
			background-repeat: repeat-y;
			background-position: center;
		}
		
			#mainOuter #mainInner {
				width: 100%;
				padding: 15px 0 12px 0;
				background-image: url(../images/main_top.png);
				background-repeat: no-repeat;
				background-position: center top;
				text-align: center;
			}
			
				#mainOuter #mainInner #main {
					width: 948px;
					margin: 0 auto;
					background-image: url(../images/main_content_bg.png);
					background-repeat: repeat-y;
					background-position: center;
					text-align: left;
				}

					#mainOuter #mainInner #main #sidebar {
						float: left;
						width: 233px;
					}

						#mainOuter #mainInner #main #sidebar h2.top {
							width: 100%;
							height: 40px;
							line-height: 42px;
							text-indent: 40px;
							background-image: url(../images/sidebar_title_top.png);
							background-repeat: no-repeat;
						}

						#mainOuter #mainInner #main #sidebar h2 {
							width: 100%;
							height: 30px;
							line-height: 28px;
							text-indent: 40px;
							background-image: url(../images/sidebar_title.png);
							background-repeat: no-repeat;
						}

						#mainOuter #mainInner #main #sidebar div.content {
							padding: 10px 4px;
							background-image: url(../images/sidebar_content_top.png);
							background-repeat: no-repeat;
							background-position: center top;
							text-align: center;
						}

							#mainOuter #mainInner #main #sidebar div.content img {
								display: block;
								margin: 0 auto;
							}
	
					#mainOuter #mainInner #main #content {
						float: right;
						width: 703px;
					}

						#mainOuter #mainInner #main #content .pageTitle {
							width: 100%;
							height: 40px;
							margin: 0;
							line-height: 42px;
							text-indent: 40px;
							background-image: url(../images/content_title_top.png);
							background-repeat: no-repeat;
							list-style: none;
							font-family: Arial, sans-serif;
							font-size: 125%;
							color: #333333;
							font-weight: bold;
						}

						#mainOuter #mainInner #main #content .pageTitle li {
							float: left;							
							height: 40px;
							vertical-align: middle;
							text-indent: 0;
						}

							#mainOuter #mainInner #main #content .pageTitle li a:hover {
								text-decoration: none;
							}

							#mainOuter #mainInner #main #content .pageTitle li.arrow {
								background-image: url(../images/content_title_top_locater.png);
								background-repeat: no-repeat;
								background-position: 0px 5px;
								text-indent: 32px;
							}

							#mainOuter #mainInner #main #content .pageTitle li.back {
								float: right;
								padding-right: 54px;
							}
						
						#mainOuter #mainInner #main #content div.content {
							padding: 28px 34px;
							background-image: url(../images/content_bg_top.png);
							background-repeat: no-repeat;
							background-position: center top;
						}

							#mainOuter #mainInner #main #content div.content hr {
								clear: both;
								height: 1px;
								margin: 40px 0 20px 0;
								color: #d9d9d9;
								background-color: #d9d9d9;
								border: none;
							}

							#mainOuter #mainInner #main #content div.content .rowDivide {
								clear: both;
								height: 50px;
							}
			
		#extraNav {
			margin: 12px 0;
			padding: 0 24px;;
			width: 940px;;
			height: 39px;
			background-image: url(../images/extranav_bg.png);
			background-repeat: no-repeat;
			background-position: center center;	
			list-style: none;
		}
		
			#extraNav li {
				float: left;
				/*width: 14%;*/
				margin-right: 40px;
				line-height: 39px;
			}

			#extraNav li.last {
				margin-right: 0;
			}
			
				#extraNav li a {
					text-transform: uppercase;
					text-decoration: none;
					color: white;
				}

				#extraNav li a:hover {
					color: #999999;
				}

		#categorylistOuter {
			width: 100%;
			background-image: url(../images/categorylist_bg.png);
			background-repeat: repeat-y;
			background-position: center;
		}
		
			#categorylistOuter #categorylistInner {
				width: 952px;
				padding: 4px 18px;
				background-image: url(../images/categorylist_top.png);
				background-repeat: no-repeat;
				background-position: center top;
			}
			
				#categorylistOuter #categorylistInner ul {
					float: left;
					width: 124px;
					margin: 0 6px;
					padding: 0;
					list-style: none;
				}

					#categorylistOuter #categorylistInner ul li {
						text-align: left;
						color: #fefefe;
					}

					#categorylistOuter #categorylistInner ul li.catTitle {
						margin-bottom: 10px;
						font-weight: bold;
						color: #e8e8e8;
					}

					#categorylistOuter #categorylistInner ul li a {
						color: #e8e8e8;
					}

					#categorylistOuter #categorylistInner ul li a:hover {
						color: #999999;
						text-decoration: none;
					}
			
		#footer {
			padding: 0 24px;
			color: #666666;
			line-height: 36px;
		}

			#footer a {
				color: #666666;
				text-decoration: none;
			}

			#footer a:hover {
				color: #999999;
				text-decoration: none;
			}
			
			#footer #address {
				float: left;
			}

			#footer #creator {
				float: right;
			}
			
/* loginbox */

		#loginbox, #friendbox {
			margin-bottom: 0;
		}
		
		#loginbox div, #friendbox div {
			clear: left;
			border-bottom: 1px solid #e5c8db;
			line-height: 26px;
			padding: 8px 15px;
		}
		#loginbox label {
			float: left;
			width: 80px;
			text-align: left;
		}
		#friendbox label {
			float: left;
			width: 120px;
			text-align: left;
		}
		#friendbox #captcha {
			margin-left: 120px;
			margin-bottom: 10px;
		}
		#friendbox div.last {
			clear: both;
			height: 60px;
			text-align: right;
			border: none;
		}
		#friendbox div.last .btnStandard {
			float: right;
			border: none;
			margin: 0;
		}
		#loginbox div input {
			width: 168px;
			display: inline;
			border: 1px solid #abadb3;
		}
		#friendbox div input {
			width: 220px;
			display: inline;
			border: 1px solid #abadb3;
		}
		#friendbox .last #tellafriendResponse {
			float: left;
		}
		#friendbox .last #tellafriendResponse .warning {
			color: #cc3333;
		}
		#friendbox .last #tellafriendResponse .accept {
			color: #528d18;
		}
		#loginbox #submit {
			float: right;
			margin: 10px 15px 5px 15px;
			font-size: 100%;
		}
		#loginbox .loginWarning {
			float: left;
			line-height: 40px;
			color: #660066; 
		}
		#loginbox #registered {
			clear: both;
			line-height: 20px;
			text-align: center;
			border: none;
			border-top: 1px dotted #bd82a8;
			background: #ebd4d8 url(../images/loginbox_bg.png) center bottom no-repeat;
		}
		
/* search */

	#search {
		width: 165px;
		margin: 5px auto 23px auto;
		text-align: left;
	}

		#search * {
			display: block;
		}

		#search #searchQuery {
			width: 100%;
		}

		#search #searchButton {
			float: right;
		}

/* must have */

	#musthave {
		margin: 0;
		padding: 0;
	}
	
		#musthave li {
			list-style: none;
			margin: 0;
			margin-bottom: 10px;
			padding: 0;
			padding-bottom: 10px;
			background-image: url(../images/musthave_divider.png);
			background-repeat: no-repeat;
			background-position: center bottom;
		}

/* promotions */

	#promotionPrice {
		font-size: 150%;
		font-weight: bold;
		color: #660066;
	}

	#promotionOldprice {
		color: #999999;
		text-decoration: line-through;
	}