body{
	margin:	0;
	font-family:	Times, serif;
	font-size:	11px;
	color:	#000;
	background:	#FFF;
	text-align:	center;
	}

/*__________________________ block positions*/
#container{
	width:	1180px;
	padding:	50px;
	margin:	0 auto 0 auto;
	text-align:	left;
	}
	#logo{
		display:	block;
		width:	255px;
		height:	41px;
		margin:	0 0 10px 0;
		background: url(img/logo_bg.gif);
		text-indent:	-999px;
		overflow:	hidden;
		}
		#logo:hover{
			opacity:	.5;
			}
	#menu{
		margin:	0 0 0 945px;
		}
		/*first level triggers*/
		#menu a{
			color:	#000;
			margin:	0 0 5px 0;
			line-height:	25px;
			text-transform:	uppercase;
			}
		#menu a:hover, #menu a.selected, .islink:hover{
			cursor:	pointer;
			border-top:	1px solid #000;
			}
#content{
	margin:	180px 0 0 0;
	overflow:	hidden;
	}
#foot{
	display:	none;
	}
#ajax_status, #prompt, #images{
	background: url(img/screen_dimmer_bg.png);
	_background: none;
	display:	none;
	position:	fixed;
	top: 0;
	right:	0;
	bottom:	0;
	left:	0;
	z-index:	900;
	
	_position:	absolute;
	_top: expression(eval(document.body.scrollTop));
	_height:	100%;
	_width:	100%;
	}
#ajax_status div{
	background:	url(img/loading.gif) no-repeat center center #FFF;
	position:	fixed;
	left:	50%;
	top:	50%;
	width:	20px;
	height:	20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	}
#the_prompt, #the_image{
	background:	#FFF;
	padding:	15px;
	font-size:	30px;
	font-weight:	bold;
	width:	300px;
	height:	100px;
	margin:	20px auto 0 auto;
	z-index:	1000;
	text-align:	center;
	overflow:	auto;
	}
#the_prompt, #the_image{
	display:	block !important;
	z-index:	950 !important;
	}
	#the_image{
		font-size:	12px;
		}
	#the_image h5{
		height:	15px;
		margin:	0 0 5px 0;
		}
		#the_image img{
			margin:	auto;
			text-align:	center;
			}
	#caption{
		height:	35px
		text-align:	left;
		font-size:	11px;
		font-weight:	normal;
		}
	#caption p{
		text-align:	left;
		}
.previous{
	float:	left;
	margin:	0 5px 0 0;
	}
.next{
	float:	right;
	}
.next:hover, .previous:hover{
	cursor:	pointer;
	}
		
/*__________________________ end block positions*/

/*__________________________ text styling*/
a{
	color:	#333;
	text-decoration:	none;
	cursor:	pointer;
	}			
a:hover, .selected{
	color:	#000;
	cursor:	pointer;
	}
.link{
	color:	#333;
	text-decoration:	none;
	cursor:	pointer;
	}
.link:hover{
	color:	#000;
	cursor:	pointer;
	}
h1{
	font-size:	16px;
	margin:	0 0 5px 0;
	padding:	0;
	}
h2{
	font-size:	16px;
	margin:	0 0 15px 0;
	padding:	0;
	}
h3{
	font-size:	14px;
	font-weight:	normal;
	color:	#3C3C3C;
	margin:	0 0 15px 0;
	}
h4{
	font-size:	13px;
	font-weight:	normal;
	color:	#3C3C3C;
	margin:	0 0 2px 0;
	padding:	0;
	clear:	both;
	}
h5{
	font-size:	11px;
	margin:	0 0 2px 0;
	}
h6{
	font-size:	10px;
	margin:	0 0 2px 0;
	}
.alert{
	color:	#b31d22;
	}
#response{
	display:	block;
	padding:	3px 5px 3px 5px;
	margin:	0 0 10px 0;
	background:	#F00;
	color:	#FFF;
	font-size:	14px;
	font-family:	Verdana, sans-serif;
	}
p{
	clear:	both;
	margin:	0 0 10px 0;
	text-align:	justify;
	}
.note{
	font-size:	10px;
	font-weight:	normal;
	}
sup{
	color:	#E62400;
	}
.clear{
	clear:	both;
	}
.hr{
	clear: both;
	padding:	5px 0 0 0;
	border-bottom:	#b3b5b8 solid 1px;
	margin:	0 0 5px 0;
	}
/*__________________________ end text styling*/

/*__________________________ form styles*/
form{
	margin:	0 0 10px 0;
	}
form #subject{
	display:	none 	!important;
	}
/*input, select{
	border:	none;
	border-bottom:	1px solid #000;
	background:	#FFF;
	font-size:	10px;
	padding:	2px;
	}*/
input, select{
	font-size:	10px;
	}
.button{
/*
	display:	block;
	width:	168px;
	height:	14px;
	background:	url(img/button_bg.gif) left top;
	border:	0;
	margin:	5px 0 0 0;
	padding:	3px 3px 5px 3px !important;
	color:	#000;
	font-size:	10px;
	text-align:	left;*/
	}	
input[type='button']:hover, .button:hover, input[type='submit']:hover{
	cursor:	pointer;
	opacity:	.6;
	}
textarea{
	margin:	5px 0 0 0;
	height:	80px;
	}
			
#comment_form h5{
	width:	100px;
	float:	left;
	}		
#comment_form input, #comment_form textarea{
	width:	450px;
	float:	right;
	margin:	0 0 5px 0;
	}		
#comment_form textarea{
	height:	100px;
	}

/*__________________________ media styles*/
img{
	display:	block;
	border:	0;
	}
.thumb{
	height:	110px;
	width:	110px;
	float:	left;
	margin:	3px;
	}
.product_img img, .pc_img{
	width:		300px;
	margin:	0 0 5px 0;
	}
.img_fl{
	float:left;
	margin:	0 10px 10px 0;
	}
.img_fr{
	float:right;
	margin:	0 0 10px 10px;
	}
.img_c{
	text-align:center;
	margin: 0 auto 10px auto;
	}
.img_l{
	text-align:left;
	margin:10px 0 10px 0;
	}
.img_r{
	text-align:right;
	margin:10px 0 10px 0;
	}
/*__________________________ end image styles*/	

/*__________________________ table styles*/
table{
	margin:	0 0 10px 0;
	background:	#FFF;
	width:	100%;
	}
th{
	/*color:	#E62400;*/
	background:	#EEE;
	border-top:	1px solid #000;
	font-weight:	bold;
	padding:	2px 4px 2px 2px;
	text-align:	right;
	vertical-align:	top;
	}
td{
	padding:	2px 2px 2px 4px;
	text-align:	right;
	vertical-align:	top;
	clear:	both;
	}
.odd{
	background:	#DDD;
	}
.even{
	background:	#EEE;
	}
.product_data .body table td{
	text-align:	left;
	}
.td_thumb{
	padding:	3px 0 3px 0;
	}
#totals td{
	border-top:	2px solid #000;
	font-weight:	bold;
	}
/*__________________________ end table styles*/

/*__________________________ section styles*/
.text_column{
	width:	825px;
	clear:	both;
	padding:	0 0 100px 0;
	}
.gallery_image, .video, .slideshow{
	clear:	both;
	padding:	0 0 100px 0;
	}
	.image_column, .video_column, .slides{
		width:	825px;
		float:	left;
		}
	.slides{
		width:	825px;
		height:	360px;
		background:	#000;
		overflow:	hidden;
		}
		.slides div p{
			position:	absolute;
			margin:	300px 0 0 0;
			padding:	5px;
			width:	815px;
			height:	50px;
			background:	#000;
			color:	#FFF;
			z-index:	1000;
			
			/* Fallback for web browsers that doesn't support RGBa */
			background: rgb(0, 0, 0) transparent;
			/* RGBa with 0.6 opacity */
			background: rgba(0, 0, 0, 0.6);
			/* For IE 5.5 - 7*/
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
			/* For IE 8*/
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
			}
		.the_image{
			cursor:	pointer;
			}
	.caption_column, .video_text, slideshow_text{
		width:	235px;
		margin:	0 0 0 120px;
		float:	left;
		}
		.caption_column p, .video_text p, slideshow_text p{
			clear:	both;
			padding:	20px 0 0 0;
			}
		.controls{
			padding:	20px 0 0 0;
			}
		.controls a{
			font-size:	20px;
			}


/*__________________________ edit styles*/
.edit{
	clear:	both;
	float:	right;
	width:	70px;
	}
.edit a, .edit span{
	background:	#F00;
	color:	#000;
	border:	1px solid #000;
	font-weight:	bold;
	padding:	2px;
	display:	block;
	margin:	0 0 2px 0;
	vertical-align:	middle;
	text-transform:	uppercase;
	text-align:	center;
	
		 -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}
.edit a:hover{
	opacity:	.8;
	cursor:	pointer;
	}
.edit .inactive{
	background:	#A00;
	}
	
/*jPlayer STyles*/
.video_player{
	background:	#000;
	overflow:	hidden;
	}
.playerContainer {
		width: 300px;
		clear:	both;
		margin:	5px 0 0 0;
	}
 
	.playerContainer ul { list-style: none; padding: 0px; margin: 0px }
 
	.jp-controls li a{ 
		display: block; 
		float: left;
		width: 55px;
		height: 18px; 
		margin:	0 2px 4px 0;
		text-align:	center;
		vertical-align:	center;
		cursor: pointer;
		background-position:	0 -18px;
		border:	1px solid #000;
	}
	.jp-controls li a:hover{
		background-position:	0 0;
		opacity:	.8;
	}
 	/*
	.jp-prev  {
		background-image: url('img/jp-prev.gif');
		}
	.jp-play  {
		width:	34px !important;
		background-image: url('img/jp-play.gif');
		}
	.jp-pause  {
		width:	34px !important;
		background-image: url('img/jp-pause.gif');
		}
	.jp-stop  {
		width: 40px !important;
		background-image: url('img/jp-stop.gif');
		}
	.jp-mute  {
		width: 34px !important;
		background-image: url('img/jp-mute.gif');
		}
	.jp-unmute  {
		width: 34px !important;
		background-image: url('img/jp-unmute.gif');
		}*/
	.jp-next  {
		background-image: url('img/jp-next.gif');
		margin: 0 0 4px 0 !important;
		}
	.jp-progress { 
		clear:	both;
		background-color: #EEE; 
		height: 10px;
		margin:	4px 0 0 0;
		cursor: pointer;
	}
 
	.jp-seek-bar { background-color: #DDD; height: 10px; width: 0%; }
	.jp-play-bar { background-color: #000; height: 10px; width: 0%; }
 
	.jp-volume-bar {
		cursor: pointer;
		position:relative;
		clear:	both;
		background: url('img/jp-volume-bar.gif') #ddd;
		height:	10px;
	}
	.jp-volume-bar-value {
		position:absolute;
		bottom: 0;
		height:	10px;
		background: url('img/jp-volume-bar-value.gif')#333;
	}
	
	.jp-playlist li a{
		display:	block;
		padding:	2px;
		margin:	2px 0 0 0;
		}
		.jp-playlist-selected{
			background:	#000;
			color:	#FFF;
			}
/*__________________________ section styling*/
	
/*PRINT STYLES*/
@media print {
	#head{
		background:	none;
		}
	#logo span{
		display:	block;
		font-size:	30px;
		font-weight:	bold;
		color:	#000;
		}
	#menu, #sidebar, .related {
		display: none;
		}
	#container{
		width:	800px;
		background:	#FFF;
		}
	#content{
		border:	none;
		float:	none;
		width:	auto;
		padding: 0;
		}
	.full{
		width:	auto;
		border:	0;
		margin:	0;
		padding:	0;
		}
}