* {
	margin: 0;
	padding: 0;
	outline-style: none;
	outline-width: 0;
}

body, html {
	height: 100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;	
}

.container {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	clear: both;
}

.site {
	position: relative;
	display: block;
	width: auto;
	padding-left: 40px;
	padding-right: 40px;
	clear: both;
}

.header {
	position: relative;
	display: block;
	width: auto;
	height: 110px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;	
	border-bottom: 5px solid #000000;
	background: #FFFFFF url(../images/header-logo.jpg) left top no-repeat;
	clear: both;
}
	.header_nav {
		position: absolute;
		bottom: 10px;
		right: 0;
		display: block;
	}
		.header_nav a {
			position: relative;
			display: block;
			float: left;
			padding-left: 10px;
			padding-right: 10px;
			font-size: 14px;
			font-weight: bold;
			line-height: 160%;
			text-decoration: none;
			color: #000000;
		}
		.header_nav span {
			font-weight: 100;
		}
		.header_nav_divider {
			position: relative;
			display: block;
			float: left;
			width: 1px;
			height: 20px;
			margin-left: 10px;
			margin-right: 11px;
			border-right: 1px solid #000000;
		}

.left {
	position: absolute;
	top: 150px;
	left: 30px;
	display: block;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 20px;
	clear: left;
}

.right {
	position: relative;
	display: block;
	width: auto;
	min-height: 400px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: 180px;
	clear: both;
}

.navigation {
	position: relative;
	display: block;
	width: 130px;
	clear: both;
}
	.navigation ul {
		list-style: none;
	}
	.navigation li {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.navigation li a {
		position: relative;
		display: block;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 20px;
		padding-right: 20px;
		list-style: none;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		color: #000000;
		background: #FFFFFF;
	}
	.navigation li a:hover {
		color: #FFFFFF;
		background: #000000;
	}
	.navigation ul li ul {
		margin-top: 10px;		
	}
		.navigation ul li ul li {
			padding: 0;
			margin-bottom: 10px;
		}
	
.headline {
	position: relative;
	display: block;
	width: auto;
	padding-bottom: 12px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000000;
	clear: both;
}
	.headline a {
		text-decoration: none;
		color: #000000;
	}
	.headline h1 {
		position: relative;
		display: block;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: 100%;
		color: #000000;
	}
	.headline h1 span {
		font-weight: 100;
	}
	
.float_left {
	position: relative;
	display: block;
	float: left;
	clear: left;
}
	.float_left a {
		text-decoration: none;
		color: #000000;
	}

.float_right {
	position: relative;
	display: block;
	float: right;
	clear: right;
}
	.float_right a {
		text-decoration: none;
		color: #000000;
	}
	
.body {
	position: relative;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	clear: both;
}
	.body hr {
		position: relative;
		display: block;
		border: 0;
		width: auto;
		height: 1px;
		margin-top: 25px;
		margin-bottom: 25px;
		border-bottom: 1px solid #DDDDDD;
	}
	.body p {
		position: relative;
		display: block;
		margin-bottom: 1em;
		clear: both;
	}
	.body h1 {
		position: relative;
		display: block;
		margin-bottom: 15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: 100%;
		color: #000000;
	}
	.body h2 {
		position: relative;
		display: block;
		margin-bottom: 15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 140%;
		color: #000000;
	}
	.body h3 {
		position: relative;
		display: block;
		margin-bottom: 15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		line-height: 140%;
		color: #000000;
	}
	.body h4 {
		position: relative;
		display: block;
		margin-bottom: 15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		line-height: 140%;
		color: #000000;
	}
	.body h5 {
		position: relative;
		display: block;
		margin-bottom: 15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		line-height: 140%;
		color: #000000;
	}
	.body h6 {
		position: relative;
		display: block;
		margin-bottom: 15px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		line-height: 140%;
		color: #000000;
	}
	.body ul {
		margin-left: 25px;
	}
		.body ul li a {
			text-decoration: none;
			color: #000000;
		}
	.body_col1 {
		position: relative;
		display: block;
		float: left;
		width: 48%;
		clear: left;
	}
	.body_col2 {
		position: relative;
		display: block;
		float: right;
		width: 48%;
		clear: right;
	}
	.body_fullcol {
		position: relative;
		display: block;
		width: auto;
		clear: block;
	}
	
.gallery {
	position: relative;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
}
	.thumbnail {
		position: relative;
		display: block;
		float: left;
		width: 180px;
		height: 250px;
		margin-right: 14px;
	}
		.thumbnail .thumb {
			position: relative;
			display: block;
			width: 180px;
			height: 180px;
			text-align: center;
			background: #FFFFFF;
			overflow: hidden;
		}
			.thumbnail .thumb a {
				text-decoration: none;
				color: #000000;
			}
			.thumbnail .thumb img {
				max-height: 100%;
			}
		.thumbnail .options {
			position: relative;
			display: block;
			width: auto;
			margin-top: 15px;
			clear: both;
		}
			.thumbnail .options .buttons {
				position: relative;
				display: block;
				float: right;
				width: auto;
				padding-right: 35px;				
				clear: both;
			}
				.thumbnail .options .buttons span {
					font-size: 11px;
					font-weight: 100;
					color: #000000;
				}
			.thumbnail .options .price {
				position: absolute;
				top: 0;
				right: 115px;
				display: block;
				width: auto;
				font-size: 12px;
				font-weight: 100;
				text-align: right;
				color: #ED1C24;
			}
			
.cd_options {
	position: relative;
	display: block;
	width: 300px;
	margin-top: 15px;
	clear: both;
}
	.cd_options .buttons {
		position: relative;
		display: block;
		float: left;
		width: auto;
		margin-left: 50px;		
		clear: both;
	}
		.cd_options .buttons span {
			font-size: 11px;
			font-weight: 100;
			color: #000000;
		}
	.cd_options .price {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: auto;
		font-size: 12px;
		font-weight: 100;
		text-align: right;
		color: #ED1C24;
	}
			
.pagenumbers {
	position: relative;
	display: block;
	float: right;
	margin-bottom: 5px;
	margin-right: 15px;	
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #000000;
	clear: both;
}
	.pagenumbers .prev, .pagenumbers .next {
		position: relative;
		display: block;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		text-align: center;
	}
		.pagenumbers .prev a, .pagenumbers .next a {
			position: relative;
			display: block;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 3px;
			padding-right: 3px;
			text-decoration: none;
			color: #000000;
		}
	.pagenumbers .page {
		position: relative;
		display: block;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		text-align: center;
	}
		.pagenumbers .page a {
			position: relative;
			display: block;
			padding-top: 1px;
			padding-bottom: 1px;			
			padding-left: 2px;
			padding-right: 2px;
			margin-top: 1px;
			text-decoration: none;
			color: #000000;
		}
	.pagenumbers .page_selected {
		position: relative;
		display: block;
		float: left;
		margin-left: 2px;
		margin-right: 2px;
		text-align: center;
	}
		.pagenumbers .page_selected a {
			position: relative;
			display: block;
			padding-top: 1px;
			padding-bottom: 1px;			
			padding-left: 2px;
			padding-right: 2px;
			margin-top: 1px;
			text-decoration: none;
			color: #FFFFFF;
			background: #000000;
		}
		
.detail {
	position: relative;
	display: block;
	width: auto;
	min-height: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
	.detail_left {
		position: relative;
		display: block;
		width: auto;
		margin-right: 280px;
		clear: both;
	}
		.detail_left .image {
			position: relative;
			display: block;
			width: auto;
			height: auto;
			margin-bottom: 10px;
		}
			.detail_left .image img {
				max-width: 100%;
			}
	.detail_right {
		position: absolute;
		display: block;
		top: 15px;
		right: 0;
		width: 220px;
		padding-top: 20px;
		padding-right: 25px;
		clear: both;
	}
		.detail_right .price {
			position: relative;
			display: block;
			width: auto;
			padding-bottom: 10px;
			font-size: 16px;
			font-weight: bold;
			line-height: 100%;
			text-align: right;
			color: #ED1C24;
			border-bottom: 1px solid #000000;
			clear: both;
		}
		.detail_buttons {
			position: relative;
			display: block;
			float: right;
			width: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			clear: both;
		}
		.detail_info {
			position: relative;
			display: block;
			width: auto;
			padding-top: 10px;
			font-size: 12px;
			line-height: 150%;
			text-align: right;
			border-top: 1px solid #000000;
			clear: both;
		}

.cart {
	position: relative;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
}
	.cart table {
		width: 100%;
		border-top: 3px solid #000000;
		border-bottom: 3px solid #000000;
		border-collapse: collapse;
	}
		.cart table a {
			text-decoration: none;
			color: #000000;
		}
		.cart table th {
			padding-top: 4px;
			padding-bottom: 4px;
			border-bottom: 3px solid #000000;			
		}
		.cart table td {
			padding-top: 3px;
			padding-bottom: 3px;
			border-bottom: 1px solid #000000;
		}
	.cart_thumb {
		position: relative;
		display: block;
		width: 110px;
		clear: both;
	}
		.cart_thumb img {
			max-width: 100%;
		}
	.cart_total {
		position: relative;
		display: block;
		float: right;
		padding-top: 15px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		border-bottom: 3px solid #000000;
		clear: both;
	}
		.cart_total .text {
			position: relative;
			display: block;
			float: left;
			margin-right: 10px;
			font-size: 16px;
			font-weight: bold;
			line-height: 100%;
			color: #000000;
			clear: left;
		}
		.cart_total .price {
			position: relative;
			display: block;
			float: right;
			font-size: 16px;
			font-weight: bold;
			line-height: 100%;
			color: #000000;
			clear: right;
		}
		
.login {
	position: relative;
	display: block;
	width: auto;
	clear: both;
}
	.login hr {
		position: relative;
		display: block;
		border: 0;
		width: auto;
		height: 1px;
		margin-top: 6px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DDDDDD;
	}
	.login span {
		font-size: 10px;
		font-weight: 100;
		line-height: 130%;
		color: #888888;
	}
		.login span a {
			text-decoration: none;
			color: #000000;
		}
	.login table {
		width: 320px;
	}
	
.register {
	position: relative;
	display: block;
	width: auto;
	clear: both;
}
	.register hr {
		position: relative;
		display: block;
		border: 0;
		width: auto;
		height: 1px;
		margin-top: 6px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DDDDDD;
	}
	.register span {
		font-size: 10px;
		font-weight: 100;
		line-height: 130%;
		color: #888888;
	}
		.register span a {
			text-decoration: none;
			color: #000000;
		}
	.register table {
		width: 520px;
	}
	.register td {
		padding-right: 10px;
	}
	
.password {
	position: relative;
	display: block;
	width: auto;
	clear: both;
}
	.password hr {
		position: relative;
		display: block;
		border: 0;
		width: auto;
		height: 1px;
		margin-top: 6px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DDDDDD;
	}
	.password span {
		font-size: 10px;
		font-weight: 100;
		line-height: 130%;
		color: #888888;
	}
		.password span a {
			text-decoration: none;
			color: #000000;
		}
	.password table {
		width: 420px;
	}
	.password td {
		padding-right: 10px;
	}
	
.account_details1 {
	position: relative;
	display: block;
	width: auto;
	clear: both;
}
	.account_details1 hr {
		position: relative;
		display: block;
		border: 0;
		width: auto;
		height: 1px;
		margin-top: 6px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DDDDDD;
	}
	.account_details1 span {
		font-size: 10px;
		font-weight: 100;
		line-height: 130%;
		color: #888888;
	}
		.account_details1 span a {
			text-decoration: none;
			color: #000000;
		}
	.account_details1 table {
		width: 400px;
	}
	.account_details1 td {
		padding-right: 10px;
	}
	
.account_details2 {
	position: relative;
	display: block;
	width: auto;
	clear: both;
}
	.account_details2 hr {
		position: relative;
		display: block;
		border: 0;
		width: auto;
		height: 1px;
		margin-top: 6px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DDDDDD;
	}
	.account_details2 span {
		font-size: 10px;
		font-weight: 100;
		line-height: 130%;
		color: #888888;
	}
		.account_details2 span a {
			text-decoration: none;
			color: #000000;
		}
	.account_details2 table {
		width: 420px;
	}
	.account_details2 td {
		padding-right: 10px;
	}
	
.asterisk {
	position: relative;
	display: inline;
	color: #FF0000;
}
	
.my_downloads {
	position: relative;
	display: block;
	width: auto;
	clear: both;
}
	.my_thumb {
		position: relative;
		display: block;
		width: 40px;
		clear: both;
	}
		.my_thumb img {
			max-width: 100%;
		}
	.my_downloads table {
		width: 100%;
		border-top: 3px solid #000000;
		border-bottom: 3px solid #000000;
		border-collapse: collapse;
	}
		.my_downloads table a {
			text-decoration: none;
			color: #000000;
		}
		.my_downloads table th {
			padding-top: 4px;
			padding-bottom: 4px;
			border-bottom: 3px solid #000000;			
		}
		.my_downloads table td {
			padding-top: 3px;
			padding-bottom: 3px;
			border-bottom: 1px solid #000000;
		}
	
.quicklinks {
	position: relative;
	display: none;
	width: auto;
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	border-top: 5px solid #000000;
	clear: both;
}
	.quicklinks_col1 {
		position: absolute;
		top: 15px;
		left: 0;
		display: block;
		width: 200px;
	}
		.quicklinks_col1 h3 {
			position: relative;
			display: block;
			margin-bottom: 15px;
			font-size: 12px;
			font-weight: normal;
			line-height: 100%;
			color: #000000;
			clear: both;
		}
		.quicklinks_col1 a {
			position: relative;
			display: block;
			margin-bottom: 3px;
			margin-left: 15px;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			color: #000000;
		}
	.quicklinks_col2 {
		position: relative;
		display: block;
		width: auto;
		margin-left: 240px;
		clear: both;
	}
		.quicklinks_col2 h3 {
			position: relative;
			display: block;
			margin-bottom: 15px;
			font-size: 12px;
			font-weight: normal;
			line-height: 100%;
			color: #000000;
			clear: both;
		}
		.quicklinks_col2 table td  {
			font-size: 11px;
			color: #000000;
		}
			.quicklinks_col2 table td a  {
				text-decoration: none;
				color: #000000;
			}

.footer {
	position: relative;
	display: block;
	width: auto;
	padding-top: 10px;
	padding-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
	border-top: 5px solid #000000;
	clear: both;
}
	.footer a {
		text-decoration: none;
		color: #000000;
	}
	.footer_col1 {
		position: absolute;
		top: 10px;
		left: 0;
		display: block;
		width: 300px;
		font-size: 11px;
		line-height: 130%;
		text-align: left;
		color: #000000;
	}
	.footer_col2 {
		position: relative;
		display: block;
		width: auto;
		font-size: 11px;
		line-height: 130%;
		text-align: center;
		color: #000000;
		clear: both;
	}
	.footer_col3 {
		position: absolute;
		top: 10px;
		right: 0;
		display: block;
		width: 300px;
		font-size: 11px;
		line-height: 130%;
		text-align: right;
		color: #000000;
	}
	
.textfield1 {
	position: relative;
	display: block;
	width: 95%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px; 
	padding-right: 6px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	
	font-size: 14px;
	color: #000000;	
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.textfield1:HOVER, .textfield1:FOCUS {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #999999;
	border-right: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}

.textarea1 {
	position: relative;
	display: block;
	width: 90%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px; 
	padding-right: 6px;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	
	font-size: 14px;
	color: #000000;	
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.textarea1:HOVER, .textarea1:FOCUS {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #999999;
	border-right: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}

.button1 {
	position: relative;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 4px;
}
	
.status1 { /* For notices */
	position: relative;
	display: block;
	width: auto;
	float: left;	
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	color: #444444;
	clear: both;
}
	.status1 a {
		text-decoration: underline;
		color: #444444;
	}
.status2 { /* For successes */
	position: relative;
	display: block;
	width: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	color: #339900;
	border: 1px solid #339900;
	clear: both;
}
	.status2 a {
		text-decoration: underline;
		color: #339900;
	}
.status3 { /* For errors */
	position: relative;
	display: block;
	width: auto;
	float: left;	
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	color: red;
	border: 1px solid red;
	clear: both;
}
	.status3 a {
		text-decoration: underline;
		color: red;
	}
	
.small_blue_button {
	position: relative;
	display: block;
	background: #005BA8;
}
	.small_blue_button a {
		position: relative;
		display: block;		
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 11px;
		font-weight: 100;
		line-height: 100%;
		text-decoration: none;
		color: #FFFFFF;
	}

.small_grey_button {
	position: relative;
	display: block;	
	margin-right: 2px;
	background: #666666;
}
	.small_grey_button a {
		position: relative;
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 11px;
		font-weight: 100;
		line-height: 100%;
		text-decoration: none;
		color: #FFFFFF;
		clear: both;
	}

.big_orange_button {
	position: relative;
	display: block;
	background: #F37220;
}
	.big_orange_button a {
		position: relative;
		display: block;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 14px;
		font-weight: bold;
		line-height: 100%;
		text-decoration: none;
		color: #FFFFFF;
	}
	
.clear {
	clear: both;
}