* {
	margin: 0;
	padding: 0;
}

body {
	color: white;
	background-color: black;
	font-family: Helvetica;
	font-size: 11px;
}

a {
	text-transform: uppercase;
	text-decoration: none;
}
	
#container {
	margin: 30px auto;
	width: 908px;
	height: 571px;
	padding: 22px 22px 0 22px;
}	

#swf {
	float: left;
}
	
h1 {
	margin-top: 7px;
	float: left;
	width: 181px;
	height: 20px;
	color: white;
	font-size: 18px;
	text-indent: -999px;
	background-image: url('images/platinum_logo.gif');	
}

#links {
	float: right;
	text-align: right;
	padding-top: 12px;
}

#links a {
	color: #ff4d00;
	margin-left: 10px;
}

#main {
	clear: both;
	float: left;
	margin-top: 26px;
	width: 908px;
	height: 496px;
}

#content {
	width: 727px;
	height: 496px;
	float: left;
}

.nav-container {
	width: 181px;
	height: 496px;
	float: left;
	background-color: #e9e9e9;
}

#navigation {
	width: 181px;
	height: 494px;
	background-color: #e9e9e9;
	list-style-type: none;
	padding-top: 2px;
	float: left;
}

#navigation li, #news-navigation li {
	float: left;
	clear: both;
	margin: 12px 0 0 10px;
	display: inline;
}

#navigation a, #news-navigation a {
	color: black;
}

#navigation .on a, #news-navigation .on a {
	color: #999;
}

#navigation a:hover, #navigation a.active, #news-navigation a:hover, #news-navigation a.active {
	color: #ff4d00;
}

#navigation li.on a:hover, #navigation li.on a.active, #news-navigation li.on a:hover, #news-navigation li.on a.active {
	color: black;
}

#navigation #m, #navigation #f, #navigation .category {
	margin-left: 24px;
	display: none;
}

#navigation #m.on, #navigation #f.on {
	display: inline;
}

#navigation .on {
	display: inline;
}

#news-navigation {
	width: 181px;
	height: 17px;
	background-color: #e9e9e9;
	list-style-type: none;
	float: left;
}

#news-navigation li {
	margin-top: 0;
}

#updates {
	float: left;
	height: 137px;
}

.update-container {
	background-color: #d9d9d9;
	margin: 0 7px 7px 7px;
	padding: 5px;
	height: 120px;
	color: #000;
	width: 157px;
}

.update {
		display: none;
}

.update p {
	margin-bottom: 3px;
	line-height: 1.2em;
}

.update p.title {
	text-transform: uppercase;
	color: #ff4d00;
}

.update a {
	text-transform: none;
	text-decoration: underline;
	color: #000;
	
}

#stores {
	width: 178px;
	height: 494px;
	background-color: #65a8c9;
	list-style-type: none;
	padding-top: 2px;
	float: left;
}

#stores li {
	float: left;
	clear: both;
	margin: 12px 0 0 10px;
	display: inline;
	width: 158px;
}

#stores a {
	color: white;
}

#stores a:hover, #stores a.active {
	color: black;
}

#stores li.text {
	color: black;
	margin: 60px 0px 0 10px;
}

#stores ul {
	list-style-type: none;
	margin: 0 0 10px 14px;	
	width: 142px;
	float: left;
	color: black;
	text-transform: uppercase;
	display: inline;
}

#stores ul li {
	margin: 6px 0 1px 0px;
	display: list-item;
	width: 132px;
}

#runs {
	width: 178px;
	height: 494px;
	background: #ff4d00 url('images/run_wed_logo.gif') no-repeat 10px 464px;
	list-style-type: none;
	padding-top: 2px;
	float: left;	
}

#runs li {
	float: left;
	clear: both;
	margin: 12px 0 0 10px;
	display: inline;
	width: 150px;
}

#runs li.text {
	color: black;
	margin: 15px 0px 0 10px;
	line-height: 13px;
	width: 158px;
}

#runs li.text a {
	color: black;
	text-decoration: underline;
}

#runs li.text a:hover {
	color: white;
}

#runs li.directions {
	color: black;
	margin: 5px 0px 0 10px;
	line-height: 13px;
}

#runs a {
	color: white;
}

#runs a:hover, #runs a.active {
	color: black;
}

img#run {
	width: 549px;
	height: 496px;
	float: left;
	border: none;
}

#runs ul {
	list-style-type: square;
	margin-left: 14px;	
	width: 142px;
}

#runs ul li {
	margin: 0px 0 1px 0px;
	display: list-item;
	width: 132px;
}

#contact-form {
	width: 367px;
	height: 496px;
	background-color: #ffba00;	
	float: left;
	color: #333;
}

#contact-form p {
	margin: 12px 0 0 12px;
}

#contact-form table {
	margin: 12px 0 0 12px;
	width: 343px;
}

#contact-form td {
	padding: 0 0 8px 0;
}

#contact-form input, #contact-form textarea {
	border: none;
	background-color: #ffdd99;
	width: 263px;
	padding: 2px 2px 2px 2px;
}

#contact-form .label {
	vertical-align: bottom;
	width: 76px;
}

#contact-form .top {
	padding-top: 4px;
	vertical-align: top;
}

#contact-form .right {
	text-align: right;
}

#contact-form button {
	border: none;
	font-family: Helvetica;
	font-size: 100%;
	background-color: #ffba00;
	color: #333;
}

#contact-details {
	width: 360px;
	height: 496px;
	background: url('images/pattern.gif') repeat 1px 1px;
	float: left;
}

#contact-details h3 {
	color: #ffba00;
	font-weight: normal;
	font-size: 100%;
	margin: 12px 0 12px 10px;
}

#contact-details p {
	color: white;
	margin: 8px 0 0 10px;
}

#product-image {
	float: left;
	height: 496px;
	width: 550px;
}

.product-thumbnail {
	float: left;
	height: 59px;
	width: 59px;
	display: block;
	cursor: pointer;
}

div.product-thumbnail span.active, div.product-thumbnail span.hover {
	background: url(/images/product-thumb-overlay.gif) no-repeat top left;
}

#product-info {
	width: 177px;
	height: 319px;
	background-color: #e9e9e9;
	float: left;
	overflow: hidden;
}

#product-info div {
	display: none;
}

#product-info div.active {
	display: block;
}

#product-info p {
	margin: 12px 12px 0 12px;
	font-size: 10px;
}

#product-info .name {
	color: black;
	font-size: 11px;
	text-transform: uppercase;
}

#product-info .description {
	display: block;
	color: black;
}

#product-info .description ul {
	list-style-type: disc;
	margin: 12px 12px 0 12px;
	padding-left: 12px;
	font-size: 10px;
}

#product-info .price {
	color: black;
	display: block;
}

#product-info .availability {
	color: #f46f21;
	display: block;
}

#latest-updates {
	float: left;
	width: 727px;
	height: 496px;
	background-color: white;
	overflow: auto;
}

#latest-updates .title {
	background-color: #ff6a00;
	height: 25px;	
	margin: 11px;
	padding: 12px 10px 8px 10px;
}

#latest-updates .title h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	float: left;
}

#latest-updates .title select {
	float: right;
	width: 120px;
}

#latest-updates .title select optgroup {
	font-style: normal;
	padding: 2px;
}

#latest-updates .title select option {
	padding: 1px 1px 1px 12px;
}

#latest-updates .newsitem {
	background-color: #e5e5e5;
	margin: 0 11px 5px 11px;
	float: left;
}

#latest-updates .newsitem img {
	float: left;
}

#latest-updates .newsitem h5 {
	margin: 12px;
	color: #ff6a00;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
}

#latest-updates .newsitem .body {
	float: left;
	color: black;
	margin: 0 12px 0 12px;
	width: 410px;
}

#latest-updates .newsitem .body p {
	margin-bottom: 1em;
}

#latest-updates .newsitem .body a {
	text-transform: none;
	color: #000;
	text-decoration: underline;
}

#ordering {
	padding: 11px;
	float: left;
	width: 705px;
	height: 474px;
	background-color: white;
	color: #6c6e70;
}

#ordering .title {
	width: 	705px;
	height: 138px;
	background: url(images/ordering-header-bg.gif) no-repeat top left;
	float: left;
}

#ordering .title h2 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 8px 0 12px 3px;
	float: left;
}

#ordering .title p {
	margin: 12px 0 0 12px;
	color: black;
	text-transform: uppercase;
	float: left;
	clear: both;
}

#ordering .title p a {
	color: black;
	text-transform: uppercase;
	text-decoration: underline;
}

#ordering .title p.phone {
	font-weight: bold;
	font-size: 28px;
	color: white;
}

#ordering .info {
	width: 132px;
	height: 119px;
	float: left;
	margin-right: 2px;
	padding: 35px 12px 0 12px;
	background: url(images/ordering-infobox-bg.gif) no-repeat bottom left;
	text-align: center;
}

#ordering .infotwo {
	background-color: #e5e5e5;
	background-position: 0 -6px;
}

#ordering .info h5 {
	color: black;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 12px;
}

#ordering .info p {
	font-size: 12px;
}

#ordering .vip {
	float: right;
	width: 171px;
	height: 297px;
	background: url(images/ordering-vip-voucher-bg.gif) no-repeat bottom right;
	padding: 11px 25px 0 35px;
}

#ordering .vip p.one {
	margin-top: 60px;
	margin-bottom: 115px;
	text-align: center;	
}

#ordering .vip p.two {
	text-align: center;	
	text-transform: uppercase;
	font-size: 12px;
}


#ordering .terms {
	float: left;
	width: 304px;
	height: 134px;
	margin-top: 20px;
	padding-right: 12px;
}

#ordering .terms p {
 margin-bottom: 1em;
}

#ordering p.footnote {
	float: right;
	margin-top: 12px;
}