@charset "UTF-8";
/* CSS Document */

/* Flash panel CSS*/

.flashcontent {
	display: none;
	border: 4px solid #000000;
	background: #FFFFFF;
	width: 900px;
	text-align: center;
}

.flashhead {
	/*border-bottom: 1px solid #000000;*/
	background: url(../Images/flashheadbg.jpg);
	background-repeat: repeat-x;
	width: 888px;
	height: 20px;
	padding: 6px;
}

.flashhead #copy {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	float: left;
	padding-left: 15px;
	text-transform: uppercase;
	line-height: 24px;
}

.flashhead #cross {
	text-align: right;
	float: right;
}

/*------------------POPUPS------------------------*/

#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 999;
}
.popup_block{
	display: none;
	border: 4px solid #000000;
	background: #FFFFFF;
	text-align: center;
	float: left;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
img.btn_close {
	margin: 6px 6px 0 0;
	text-align: right;
	float: right;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/* Slider CSS */

*{outline: none;}
img{border: 0;}
.container {
	width: 450px;
	padding: 0;
	margin: 0 auto;
	margin-top: 15px;
}
 
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	background: #435A68;
}
/*--Window/Masking Styles--*/
.window {
	height:255px;	width: 450px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.leftround {
	margin-top: -255px;
	float:left;
	width:22px;
	position: relative;

}
.rightround {
	margin-top: -255px;
	float:right;
	width:22px;
	position: relative;

}
.image_reel {
	position: relative;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	width: 178px; height:47px;
	margin: 10px 0px;
	margin-left: -22px;
	padding: 0;
	font: bold 16px arial, helvetica, sans-serif;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 43px;
	float: left;
	background: #435A68;
	/*display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 0;
	width: 43px;
	text-decoration: none;
	color: #435A68;
	background: url(../Images/slide_r2.png);
	float: left;
}
.paging a.active {
	background: url(../Images/slide_r1.png);
}
.paging a:hover {font-weight: bold;}

#thisitem {
	font: 14px arial, helvetica, sans-serif;
	color: #435A68;
	padding: 0 0 0 15px;
	margin: 10px 0px;
	margin-right: -22px;
	line-height: 45px;
	width: 250px; height:47px;
	float: right;
	text-align: left;
	text-transform: uppercase;
	background-image: url(../Images/descbg.png);
	background-position: left;
	background-repeat: no-repeat;
}