body {
	background-color: #666666;
	color: #eeeeee;
	margin: 0;
	padding: 0;
}

#ie6 body {
	text-align: center;
}



.text {
	margin-bottom: 50px;
	position: relative;
}
#ie6 .text {
	height: 1px;
}
.text.tl,
.text .lr,
.text .tr,
.text .ll
{ 
	background:url(/assets/images/ui/rounded-box.png) no-repeat;
}

	.text h3 {
		position: absolute;
		width: 100%;
		margin: 8px -15px 0 -25px;
		padding-left: 20px;
		padding-right: 10px;
		color: #000;
		background-color: #ccc;
		border-bottom: 2px solid #444;
		font: normal 120%/30px Verdana;
	}
	#ie6 .text h3 {
		width: 340px;
	}
		.text h3#related-products {
			margin-left: -45px;
		}
		#ie-lte7 .text h3#related-products {
			position: relative;
			left: -30px;
			float: left;
		}



.cntnt {
	position: relative;
	top: 9px;
	left: -15px;
	padding-top: 15px;
	padding-left: 10px;
}

	.text .cntnt {
		color: #222;
	}

	.column1 .cntnt p {
		margin: 60px 0 10px 0;
	}

	.column2 .cntnt p {
		margin: 0 0 10px 0;
	}

	.cntnt ul {
		margin: 60px 0 10px 0px;
		padding: 0 0 0 20px;
	/*	list-style-position: inside;
	*/
	}

		.cntnt ul ul {
			margin-top: 0;
		}

		.cntnt ul.related,
		.cntnt ul.related a:link,
		.cntnt ul.related a:visited
		{
			color: #a00;
		}
		.cntnt ul.related li {
			margin-bottom: 6px;
		}


.container {
	width: 960px;
	margin: auto;
}
#ie6 .container {
	text-align: left;
}



.column1 {
	float: left;
	width: 340px;
	margin-left: -15px;
	padding: 10px;
}



.column2 {
	float: left;
	width: 540px;
	margin-left: 40px;
	padding: 10px;
}
#ie6 .column2 {
	margin-left: 30px;
}



.highslide-caption {
	color: #222;
}



#title {
	position: relative;
	min-height: 35px;
	margin-bottom: 50px;
}
#ie6 #title {
	height: 35px;
}
#title.tl,
#title .lr,
#title .tr,
#title .ll
{ 
	background:url(/assets/images/ui/rounded-box,dark.png) no-repeat;
}

	#title h2 {
		position: relative;
		width: 100%;
		top: 15px;
		left: -15px;
		margin: 0;
		padding: 0;
		color: #ddd;
		background: none;
		border-width: 0;
		font: normal 160% Arial;
		text-align: left;
	}



#description {
	margin-bottom: 0px;
	position: relative;
}
#ie6 #description {
	height: 1px;
}
#description.tl,
#description .lr,
#description .tr,
#description .ll
{ 
	background:url(/assets/images/ui/rounded-box,red.png) no-repeat;
}

	#description .cntnt {
		left: -20px;
	}



#outline {
	position: relative;
	top: -20px;
}
#ie6 #outline {
	width: 100%;
	top: -21px;
}
#outline.ll,
#outline .lr
{ 
	background:url(/assets/images/ui/rounded-box,red-outline.png) no-repeat;
}
#outline.ll {
	background-position: bottom left;
}

	#outline .lr {
		position: relative;
		left: 30px;
		margin-left: 30px;
		background-position: bottom right;
	}
	#ie-lte7 #outline .lr {
		margin-bottom: -10px;
	}
	#ie6 #outline .text .lr {
		margin-bottom: 0;
	}

	#outline .cntnt {
		position: relative;
		top: 0px;
		left: -29px;
		padding: 0px 0px 25px 0px;
	}
	#ie-lte7 #outline .cntnt {
		padding-bottom: 34px;
	}

		#outline .cntnt h3 {
			width: 526px;
			margin: 60px 0px 10px -24px;
			padding-left: 20px;
			padding-right: 10px;
			color: #000;
			background-color: #ccc;
			border-bottom: 2px solid #444;
			font: normal 120%/30px Verdana;
		}
		#ie6 #outline .cntnt h3 {
			margin-right: -22px;
		}

		#outline .cntnt ul {
			margin-top: 0;
		}

	#outline .text.tl {
		position: relative;
		width: 526px;
		left: -24px;
		margin-right: -60px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#outline .text .ll,
	#outline .text .lr
	{ 
		background:url(/assets/images/ui/rounded-box.png) no-repeat;
	}
	#outline .text .lr
	{
		left: auto;
	}

		#outline .text .cntnt {
			position: relative;
			top: 9px;
			left: -15px;
			padding-top: 68px;
			padding-bottom: 0px;
		}
		#ie-lte7 #outline .text .cntnt {
			padding-bottom: 0px;
		}

			#outline .text .cntnt p {
				margin-top: 0px;
			}

			#outline .text .cntnt h3 {
				margin-top: -45px;
				margin-left: -15px;
			}



.text.tl,
#description.tl,
#title.tl
{
	position: relative;
	background-position: top left;
}

.text .lr,
#outline .text .lr,
#description .lr,
#title .lr
{
	position: absolute;
	width: 30px;
	height: 40px;
	bottom: -30px;
	right: -30px;
	background-position: bottom right;
}
#ie-lte7 #outline .text .lr {
	margin-bottom: 0;
}

.text .tr,
#description .tr,
#title .tr
{
	position: relative;
	left: 30px;
	background-position: top right;
}

.text .ll,
#outline .text .ll,
#description .ll,
#title .ll
{
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: -30px;
	left: 0px;
	background-position: bottom left;
}
#ie-gt7 #description .ll {
	bottom: -30px !important;
}

#description .ll,
#description .lr
{
	min-height: 50px;
	bottom: -40px;
}
#ie6 #description .ll,
#ie6 #description .lr
{
	height: 50px;
}



#videoContainer {
	text-align: center;
	margin: 10px auto 20px;
	padding-left: 15px;
}



#video .items,
#video #player
{
	margin: auto;
	text-align: left;
	background-color: #333;
	padding: 4px;
}
#video .items {
	overflow: hidden;
	width: 100%;
	padding-top: 0;
	margin-left: -4px;
}
#ie6 #video .items {
	margin-left: auto;
}

	#video.items a {
		text-align: left;
	}



#images {
	text-align: center;
}

	#images #scrollable {
		text-align: left;
		margin: 60px auto -50px auto;
	}




#icon-options {
	float: right;
	margin: -10px 80px 0 0;
}

	#icon-options img {
		position: absolute;
		width: 56px;
		height: 52px;
	}

#icon-related {
	float: right;
	margin: -7px 70px 0 0;
}

	#icon-related img {
		position: absolute;
		width: 44px;
		height: 42px;
	}

#icon-features {
	float: right;
	margin: -15px 80px 0 0;
}

	#icon-features img {
		position: absolute;
		width: 70px;
		height: 56px;
	}

