html, body {
	background: #3D3D3C url(img/bg.jpg) repeat-x fixed 0 0;
}
html {
	overflow-y: scroll;
}

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto; padding: 0 6px 0 6px;
	background: url(img/container.png) repeat-y 0 0;
}
#container {
	overflow: hidden;
	padding: 0 14px;
}


#branding  {
	position: fixed; top: 0; left: 50%; overflow: hidden; z-index: 5001; zoom: 1;
	height: 86px; width: 1000px;
	margin: 0 0 0 -500px;
	background: url(img/header2.jpg) no-repeat 0 0;
}
#wrapper #content-secondary,
#wrapper #search,
#wrapper #content,
#wrapper #navigation {
	*margin-top: 15px;
}
#wrapper #branding  {
	*position: relative; *top: 0; *left: 0;
	*margin: 0 0 0 -14px;
}
body.js #wrapper #content-secondary,
body.js #wrapper #search,
body.js #wrapper #content,
body.js #wrapper #navigation {
	*margin-top: 100px;
}
body.js #wrapper #search {
	*margin-top: 18px;
}
body.js #wrapper #branding  {
	*position: fixed; *top: 0; *left: 50%;
	*margin: 0 0 0 -500px;
}
	#branding h1 {
		float: left;
		width: 185px;
		margin-left: 14px;
	}
	#branding h1 a {
		height: 84px;
		background-image: url(img/logo2.jpg);
	}
	#branding h2 {
		float: right;
		height: 45px; width: 200px;
		margin-right: 28px;
		background-image: url(img/tagline2.jpg);
	}


#content {
	position: relative;
	float: left;
	width: 553px; min-height: 450px; height: auto !important; height: 450px;
	margin: 100px 0 40px;
	background-color: #fff;
}
body.scroll-content #content {
	min-height: 575px; height: auto !important; height: 575px;
}
	#content-bottom {
		position: absolute; bottom: 0;
		height: 20px; width: 553px;
		margin: 15px -10px 0 -20px;
		background: url(img/bottom.gif) no-repeat 0 100%;
	}
	#content .grid {
		float: left;
		display: inline;
		margin-right: 20px;
	}
	#content .grid-half {
		width: 48%;
	}
	#content .grid-quarter {
		width: 23%;
	}
	#content .grid-last {
		margin-right: 0;
	}
	#content a {
		color: #00C;
	}

#footer {
	clear: both; zoom: 1;
	border-top: 1px solid #ccc;
	padding: 5px 0 10px 0;
}
	#footer p {
		margin: 0;
	}

#content-secondary,
#search {
	float: right;
	width: 178px;
	margin-left: 12px; margin-top: 100px;
}
#content-secondary.scroll-content {
	position: fixed; top: 100px; right: 50%;
	margin: 0 -486px 0 0;
}
#wrapper #container #content-secondary {
	*margin-top: 0;
}
body.js #wrapper #container #content-secondary {
	*margin-top: 82px;
}
body.js #wrapper #container #content-secondary.scroll-content {
	*margin-top: -18px;
}

#search,
#search form {
	position: relative; z-index: 500px; zoom: 1;
	background: url(img/search/container.gif) no-repeat 0 0;
}
	#search {
		margin: 0; padding-top: 35px;
	}
	#content-secondary #search {
		float: none;
	}
	#search form {
		overflow: hidden;
		padding: 0 10px 15px;
		background-position: 0 100%;
	}
	#search form p {
		margin: 0;
		font-size: 11px; line-height: 14px; color: #900; font-weight: bold;
	}
	#search form div {
		margin: 5px 0 10px;
	}
	#search form select {
		width: 100%;
	}
	#search form input.button {
		float: right;
		height: 20px; width: 45px;
		background-image: url(img/search/find.gif);
		cursor: pointer;
	}
	#search form input.button:focus,
	#search form input.button:hover {
		background-position: 0 -20px;
	}
	#search form input.button:active {
		background-position: 0 -40px;
	}

#product-sizes {
	padding-top: 15px;
}
#product-sizes ul {
	margin: 0; padding: 0;
	list-style: none;
}
	#product-sizes ul li {
		float: left;
		height: 60px; width: 89px;
		margin: 0 0 5px 0;
	}
	#bubble {
		overflow: hidden;
	}
		#bubble img {
			float: right;
			margin: 0 7px 10px 5px;
		}
		


body.upgrade #content {
	width: 743px;
}
body.upgrade #content div.banner {
	background: transparent url(../img/upgrade/banner/22300hd-r.jpg) no-repeat 0 0;
	height: 273px;
	margin-bottom: 20px;
}
body.upgrade p.warning strong,
body.upgrade p.warning em {
	text-transform: uppercase; font-style: normal; font-weight: bold;
}
body.upgrade p.warning strong {
	color: #f00;
}
body.upgrade h3 {
	font-weight: bold;
}
body.upgrade #install,
body.upgrade #upgrade {
	float: left;
	width: 345px;
}
body.upgrade #install {
	width: 365px;
	margin-right: 25px;
}
body.upgrade #install ol {
	padding-left: 25px;
}
body.upgrade #install ol li {
	margin-bottom: 10px;
}
body.upgrade #upgrade-software p {
	margin: 0 0 5px;
}
body.upgrade #upgrade-software {
	margin-bottom: 35px;
}
body.upgrade #upgrade-software .download,
body.upgrade #upgrade-software .download a {
	height: 28px; width: 120px;
	background-image: url(img/buttons/download.gif);
}
#software-upgrade-banner {
	width: 217px; height: 280px;
	margin: 10px 0 0;
	background: url(img/software-upgrade.jpg) no-repeat 0 0;
}


#login-form {
	width: 210px;
}
#login-form dl,
#login-form dt,
#login-form dd {
	margin: 0;
}
#login-form dl {
	margin-top: 1em;
}
#login-form label {
	display: block;
	margin: 0 0 3px;
}
#login-form input {
	width: 200px;
	margin: 0 0 1em; padding: 3px 5px;
	border: 1px solid #ccc;
	background-color: #fff !important;
}
#login-form input.submit {
	clear: left;
	width: auto;
}

* html body #wrapper #container #branding,
* html body #wrapper #container #content-secondary {
	position: static; top: auto; left: auto; right: auto;
	margin: 0;
}
* html body #wrapper #container #branding  {
	position: relative;
	margin: 0 0 14px -14px;
}
	 * html body #wrapper #container #branding h1 {
		display: inline;
	 }
* html body #wrapper #container #content-secondary,
* html body #wrapper #container #search,
* html body #wrapper #container #content,
* html body #wrapper #container #navigation {
	margin-top: 0;
}