/*
# $Id$
*/

body {
	background: #f2f2f1 url('/images/global-view/body-bg.jpg') repeat-x;
	color: #000;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

.float-wrapper, .visible-float-wrapper {
	height: 1px;
}
.float-wrapper[class] {
	height: auto;
	overflow: hidden;
}
.visible-float-wrapper[class] {
	height: auto;
	overflow: visible;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h2, h3, h4, h5, h6 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
}

a {
	color: #b71234;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}

#wrap-all {
	margin: 0px auto;
	text-align: left;
	width: 960px;
}

/* ------------------------------------------------------------------ Top nav */
#nav-top {
	padding-right: 45px;
}

	#nav-top ul {
		float: right;
	}

		#nav-top ul li {
			border-right: #333333 1px solid;
			display: inline;
			margin: 10px 0px;
			vertical-align: middle;
			zoom: 1;
		}

		#nav-top >/**/ ul li {	/* Hack to hide from IE7 */
			display: inline-block;
		}

			#nav-top ul li a {
				color: #000000;
				display: block;
				font-size: 11px;
				font-weight: bold;
				padding: 0px 4px;
			}

		#nav-top ul li.basket-icon {
			border: none;
			margin: 0px;
			vertical-align: top;
		}

			#nav-top ul li.basket-icon a {
				background: url('/images/global-view/basket-icon.gif') no-repeat center center;
				height: 25px;
				margin: 0px;
				padding: 0px;
				width: 30px;
			}

				#nav-top ul li.basket-icon a span {
					display: none;
				}


/* ------------------------------------------------------------------- Header */
#header {
	background: #b71234 url('/images/global-view/header-corners.gif') no-repeat;
	height: 80px;
	position: relative;
}

	#header h1 {
		background: url('/images/global-view/header-logo.gif') no-repeat;
		height: 37px;
		left: 45px;
		position: absolute;
		top: 23px;
		width: 249px;
	}

		#header h1 a {
			display: block;
			height: 37px;
		}

			#header h1 a:hover {
				text-decoration: none;
			}

		#header h1 span {
			visibility: hidden;
		}

	#header-search {
		position: absolute;
		right: 45px;
		top: 15px;
	}

		#header-search legend {
			color: #000000;
			font-size: 11px;
			font-weight: bold;
			margin-bottom: 3px;
		}

		#header-search input {
			display: block;
			float: left;
		}

		#header-search-q {
			background: url('/images/global-view/header-search-input.gif') no-repeat;
			border: none;
			color: #0000FF;
			font-size: 11px;
			height: 20px;
			margin-right: 5px;
			padding: 3px;
			width: 169px;
		}
		#header-search-q[id] {
			height: 14px;
			width: 163px;
		}

		#header-search-btn {
			background: url('/images/global-view/header-search-btn.gif') no-repeat;
			border: none;
			color: #FFFFFF;
			font-size: 11px;
			font-weight: bold;
			height: 20px;
			width: 32px;
		}

		#header-search p {
			clear: both;
			color: #FFFFFF;
			font-size: 11px;
			padding-top: 3px;
		}

		#header-search a {
			color: #FFFFFF;
			font-weight: bold;
		}

			#header-search p a {
				padding-left: 8px;
				background: url('/images/adv-search-bg.gif') no-repeat left center;
				font-size:13px;
			}


/* ---------------------------------------------------------------- Main menu */
#nav-main {
	background: url('/images/global-view/menu-bg.png') no-repeat;
	height: 50px;
	text-align: center;
	font-weight: bold;
}

	#nav-main li {
		border-left: #666666 1px solid;
		display: inline;
		font-size: 1em;
		height: 37px;
		margin-top: 10px;
		position: relative;
		padding: 3px;
		vertical-align: middle;
		zoom: 1;
	}
	#nav-main[id] li {
		height: 30px;
	}

		#nav-main >/**/ li {
			display: inline-block;
		}

		#nav-main li.first-child {
			border: none;
		}

		#nav-main li a {
			color: #FFFFFF;
			display: block;
			max-width: 99px;
			padding-left:2px;
			padding-right:2px;
			line-height: 110%;
			* padding: 0 3px 0 3px;
		}

		#nav-main li a:hover {
			color: #1a1a1a;
			text-decoration: none;
		}

			#nav-main li ul {
				background: #949494;
				border-bottom: 1px solid #a9a9a9;
				display: none;
				height: auto;
				left: 0px;
				position: absolute;
				text-align: left;
				top: 36px;
				width: 150px;
				z-index: 1000;
				zoom: 1;
			}
			#nav-main[id] li ul {
				width: auto;
				min-width: 150px;
			}

			#nav-main li:hover ul {
				display: block;
				border-bottom: none;
			}

				#nav-main li ul li {
					border-left: none;
					border-right: none;
					border-top: none;
					display: block;
					margin: 0px;
					padding: 0px;
					text-align: left;
					white-space: nowrap;
					width:auto;
				}
				#nav-main[id] li ul>/**/li {
					border-bottom: 1px solid #a9a9a9;
				}

					#nav-main li ul li a {
						display: block;
						max-width: 100000px;
						padding: 10px;
					}


#nav-main li.HACKsubcat {
	
}

#nav-main li.HACKsubsubcat {
	padding-left: 20px;
	font-weight: normal;
}

/* -------------------------------------------------------- Main content area */
#main, .mceContentBody {
	background: #FFFFFF;
	text-align: left;
}

#main {
	padding: 1em 25px;
}

	#main h1 {
		font-size: 2em;
		margin-bottom: 0px;
		padding: 10px 0px;
		color:#B71234;
	}

	#main p {
		color: #333333;
		line-height: 125%;
		margin: 1em 0px;
	}

	#main ul, #main ol {
		margin: 1em 0px 1em 1.25em;
	}

		#main ul li, #main ol li {
			line-height: 125%;
			list-style-type: disc;
			margin: 0.25em 0px;
		}

#main #system-log {
	margin: 0px;
}

	#main #system-log li {
		list-style-type: none;
		line-height: 100%;
		margin: 5px 0px;
		background: #F6F6F6;
	}

		#system-log ul li span {
			font-weight: bold
		}

	#main #system-log li.alert-info {
		margin-bottom: 1em; border: 2px solid #ddd;
		background: #E6EFC2; color: #264409; border-color: #C6D880;
	}

	#main #system-log li.alert-warning {
		margin-bottom: 1em; border: 2px solid #ddd;
		background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4;
	}

	#main #system-log p {
		margin: 0.80em;
	}

.twocol-layout {
	height: 1px;
}
.twocol-layout[class] {
	height: auto;
	overflow: visible;
}

	.twocol-layout .col1 {
		float: left;
		width: 670px;
	}

	.twocol-layout .col2 {
		float: right;
		width: 210px;
	}

		#main .twocol-layout .col2 ul {
			margin: 0px;
		}

		#main .twocol-layout .col2 ul li {
			list-style-type: none;
			line-height: 100%;
		}


/* --------------------------------------------------------------- Nav footer */
#nav-footer {
	background: #FFFFFF url('/images/global-view/nav-footer-curve.gif') no-repeat left bottom;
	padding-bottom: 20px;
	text-align: center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

	#nav-footer div {
		background: #e5e5e5 url('/images/global-view/nav-footer-top.gif') no-repeat;
		margin: 0px auto;
		text-align: left;
		width: 910px;
	}

	#nav-footer ul {
		background: url('/images/global-view/nav-footer-bottom.gif') no-repeat left bottom;
		padding: 1em;
	}

		#nav-footer ul li {
			border-left: #b71234 1px solid;
			float: left;
			font-size: 11px;
			padding: 0px 1em;
		}

		#nav-footer ul li.first-child {
			border: none;
			padding-left: 0px;
		}

			#nav-footer ul li a {
				color: #b71234;
				font-weight: bold;
			}

		#nav-footer ul li.copyright {
			border: none;
			color: #666;
			float: right;
			padding: 0px;
		}


/* ------------------------------------------------------------------- Footer */
#footer {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: 40px;
}

	#footer p {
		color: #666666;
		font-size: 0.85em;
		margin: 0.5em 35px;
		line-height: 120%;
	}

	#footer a {
		color: #666666;
	}


/* ------------------------------------------------------------ Form elements */
input.btn-buy {
	background: url('/images/btn-buy.gif') no-repeat;
	border: none;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	margin: 0px;
	text-align: left;
	width: 70px;
	vertical-align:bottom;
	margin-bottom:1px;
	* margin-bottom:2px;
}

input.req-missing, select.req-missing {
	border: #990000 2px solid;
}


/* -------------------------------------------------------------------- Pager */
div.pager {
	background: #e4e4e4 url('/images/pager-bg.gif') repeat-x;
	border-top: #e4e4e4 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 30px 0px;
	padding: 10px 0px;
	text-align: center;
}

	#main .pager ul {
		margin: 0px;
	}

		#main .pager ul li {
			display: inline;
			line-height: 100%;
			list-style-type: none;
			padding: 2px 5px;
			zoom: 1;
		}
		.pager[class] ul /**/ > li {
			display: inline-block;
		}

		.pager li, .pager li a {
			color: #666;
			font-size: 12px;
		}

		.pager li.previous {
			border-right: #CCCCCC 1px solid;
		}

		.pager li.next {
			border-left: #CCCCCC 1px solid;
		}

			.pager li.previous a, .pager li.next a {
				color: #000000;
			}

		.pager li.active a {
			color: #000000;
			font-weight: bold;
		}