@import url('form.css');
@import url('mod.order.userinfo.css');

html#homepage {
	height: 100%;
	overflow: hidden;
}

body {
	font-family: arial;
	font-size: 12px;
	text-align: center;
	margin: 0;
	background-image: url('../images/body-bg.gif');
	background-repeat: repeat-y;
	background-position: center top;
}
	body#homepage {
		background: none;
		height: 100%;
		overflow: hidden;
	}
	
	body.flash {
		background-color: #F5F5F5;
	}

div.back-on-flash {
	height: 50px;
	line-height: 50px;
	position: absolute;
	z-index: 10;
}
	div.back-on-flash a {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
	}

th {
	text-align: left;
}

a {
	color: #d5312b;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

div#map {
	height: 100%;
	left: 0;
	top: 119px;
	bottom: 30px;
	position: absolute;
	width: 100%;
	text-align: left;
}

div.page-wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	body#homepage div.page-wrapper {
		width: 100%;
	}
	
	div.page-top {
		width: 960px;
		height: 119px;
		background-image: url('../images/page-top-bg.gif');
	}
		body#homepage div.page-top {
			width: 100%;
		}
		
		div.page-top-logo {
			float: left;
			padding-top: 12px;
			padding-left: 20px;
		}

		div.page-top-banner {
			float: right;
			padding-top: 27px;
			padding-right: 20px;
		}
	
	div.page-middle {
		background-image: url('../images/page-middle-bg.gif');
		background-repeat: repeat-y;
		min-height: 100px;
		position: relative;
		width: 100%;
	}
		div.page-middle-flash {
			background-image: none;
		}
		
		body#homepage div.page-middle {
			background-image: none;
			height: 1px;
		}
		
		div.page-sidebar {
			float: left;
			width: 180px;
		}
			body#homepage div.page-sidebar {
				float: none !important;
				position: absolute;
				top: 119px;
				left: 0;
			}
			
			body#homepage div.page-sidebar-right {
				right: 0;
				left: auto;
				top: 119px;
				width: 240px !important;
			}
			
			div.page-sidebar-wrapper {
				padding: 10px;
			}
				div.page-sidebar-wrapper h2.title {
					padding: 5px 10px 5px 10px;
					margin: 0;
					background-color: #d5312b;
					color: #fff;
					font-size: 12px;
					font-weight: bold;
					border-bottom: none;
				}
				
				div.page-sidebar-wrapper div.search-box {
					background-color: #fff;
					padding: 10px;
				}
					div.page-sidebar-wrapper div.search-box h2 {
						padding: 0;
						margin: 0;
						color: #000;
						font-weight: bold;
						font-size: 12px;
					}
					
					div.page-sidebar-wrapper div.search-box input.inputSearch {
						width: 130px;
						margin-bottom: 10px;
					}

				div.page-sidebar-wrapper ul {
					margin: 0 0 10px 0;
					padding: 0;
					list-style: none;
				}
					div.page-sidebar-wrapper ul li {
						background-color: #fff;
						border-bottom: 1px solid #ededed;
					}

					div.page-sidebar-wrapper ul li.title {
						padding: 5px 10px 5px 10px;
						background-color: #d5312b;
						color: #fff;
						font-weight: bold;
						border-bottom: none;
					}
						div.page-sidebar-wrapper ul li a {
							display: block;
							padding: 5px 10px 5px 10px;
							color: #000;
							text-decoration: none;
						}
						
						div.page-sidebar-wrapper ul li.checkbox {
							display: block;
							padding: 5px 10px 5px 5px;
							color: #000;
							text-decoration: none;
							font-weight: bold;
						}
							div.page-sidebar-wrapper ul li.checkbox img.trigger {
								vertical-align: top;
								margin-top: 4px;
								cursor: pointer;
							}

						div.page-sidebar-wrapper ul li a:hover,
						div.page-sidebar-wrapper ul li.active a {
							background-color: #c1cfdc;
							text-decoration: none;
						}
						
						div.page-sidebar-wrapper ul ul.markers {
							margin: 0;
							/*padding-bottom: 10px;*/
							background-color: #fff;
							border-bottom: 1px solid #ededed;
						}
							div.page-sidebar-wrapper ul ul.markers li {
								border-bottom: none;
							}
								div.page-sidebar-wrapper ul li.checkbox ul li.marker a {
									display: block;
									padding: 5px 10px 5px 10px;
									color: #000;
									text-decoration: none;
								}

		div.page-main {
			float: left;
			width: 600px;
		}
			/*body#homepage div.page-main {
				margin-left: 170px;
				margin-right: 170px;
				width: auto;
				float: none;
			}*/
			
			div.page-main-wrapper {
				padding: 10px;
			}

				div.page-main-wrapper h1 {
					padding: 0;
					margin: 0 0 10px 0;
					color: #d5312b;
					font-weight: bold;
					font-size: 12px;
				}
					div.page-main-wrapper h1 a {
						text-decoration: none;
					}
				
				div.page-main-wrapper h2 {
					padding: 0;
					margin: 0 0 10px 0;
					color: #000;
					font-weight: bold;
					font-size: 12px;
				}

				div.page-main-wrapper p {
					padding: 0;
					margin: 0 0 10px 0;
					line-height: 1.45em;
				}
				
				div.page-main-wrapper ul,
				div.page-main-wrapper ol {
					line-height: 1.45em;
				}
				
				div.page-main-wrapper ul.categories {
					margin: 0 0 10px 0;
					padding: 0;
					list-style: none;
				}
					div.page-main-wrapper ul.categories li {
						border: 1px solid #e1e1e1; 
						background-color: #efefef;
						padding: 5px;
						margin: 1px;
					}

				div.page-main-wrapper ul.products {
					margin: 0 0 10px 0;
					padding: 0;
					list-style: none;
				}
					div.page-main-wrapper ul.products li {
						border: 1px solid #e1e1e1; 
						background-color: #efefef;
						padding: 5px;
						margin: 1px;
						width: 129px;
						height: 190px;
						text-align: center;
						float: left;
					}
						div.page-main-wrapper ul.products li div.image {
							height: 136px;
						}
				
				div.page-main-wrapper div.banner {
					text-align: center;
					margin: 10px 0 10px 0;
				}
	
	div.page-bottom {
		background-image: url('../images/page-bottom-bg.gif');
		background-repeat: repeat-x;
	}	
		body#homepage div.page-bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			padding-top: 10px;
			background-color: #262537;
		}
		
		div.page-bottom p {
			margin: 0;
			padding: 30px 0 30px 0;
			color: #949393;
			text-align: center;
		}
			body#homepage div.page-bottom p {
				line-height: 20px;
				padding: 0;
			}
			
			div.page-bottom p a {
				color: #949393;
			}
			
	div.page-bottom-flash {
	}		
		div.page-bottom-flash p {
			margin: 0;
			padding: 0 0 10px 0;
			color: #949393;
			text-align: center;
		}
			div.page-bottom-flash p a {
				color: #949393;
			}

div.shopSearchCategory {
	float: left;
}

div.shopSearchProduct {
	float: left;
	padding-right: 20px;
}

.searchResultsTitle a span.highlight,
span.highlight {
	background: #fff8c0;
	font-weight: bold;
}

.searchResultsTitle a {
	color: #0000CC;
}

.searchResultsUrl {
	color: green;
}

.searchResultsResult {
	width: 420px;
	padding-bottom: 20px;
}