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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #000000;
	background-image: url(../images/bg_tile.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	text-align: center;
}
form {
	margin: 0px;
}

/*---LINK STYLE-------------------------------------------------------------------*/
a.link_arial12grey1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7c7c7c;
	text-decoration: none;
}
a.link_arial12grey1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
a.link_arial11grey2_B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.link_arial11grey2_B:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
a.link_verdana11grey3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #7c7c7c;
	text-decoration: underline;
}
a.link_verdana11grey3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.link_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.link_1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
a.link_arial12blue1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000ff;
	text-decoration: underline;
}
a.link_arial12blue1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a.arial12brown1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #998c65;
	text-decoration: none;
}
a.arial12brown1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
a.tabBtn2 {
	display: block;
	width: 30px;
	padding: 11px 0 10px 0;
	background: url(../images/tabButton2.gif) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	text-decoration: none;
	color: #000000;
}
a.tabBtn2:hover {
	background-position: -30px 0px;
	color: #FFFFFF;
}
.tabBtn2_container {
	width: 30px;
	height: 50px;
	float: left;
	margin: 2px 0;
}

/*---FONT STYLE-------------------------------------------------------------------*/
.arial12white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.arial12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00000;
}
.arial12grey1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7c7c7c;
}
.arial12brown1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #998c65;
}
.verdana11white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
.verdana10grey2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.verdana12blue1_BU {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003663;
	text-decoration: underline;
}
.verdana14blue1_B {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003663;
}
.verdana14black_B {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.arial9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: italic;
	color: red;
}

/*---STYLE------------------------------------------------------------------------*/
#header {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#header #left {
	width: 22px;
	height: 170px;
	float: left;
	background:url(../images/bgBorder_topL.gif) no-repeat left bottom;
}
#header #right {
	width: 22px;
	height: 170px;
	float: right;
	background:url(../images/bgBorder_topR.gif) no-repeat right bottom;
}
#header #middle {
	width: 916px;
	height: 170px;
	float: left;
	background: url(../images/bgBorder_topTile.gif) repeat-x center bottom;
}
#header .banner {
	height: 170px;
	background: url(../images/banner.jpg) no-repeat center top;
}
#searchPanel {
	width: 200px;
	float: left;
	text-align: left;
	margin-top: 19px;
}
.searchBox_bg {
	background: url(../images/searchBox.gif) no-repeat left top;
}
.searchBox input#textfield {
	width: 142px;
	height: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 3px;
	border: 0px solid #FFFFFF;
}
.searchBox input#btn {
	width: 23px;
	height: 18px;
	background: url(../images/searchBox_btn.gif) no-repeat center center;
	border: 0;
	cursor: pointer;
}
#topPanel {
	width: 220px;
	height: 55px;
	float: left;
	text-align: left; 
	line-height: 55px;
}
#mainContent {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#mainContent .left {
	width: 960px;
	background: url(../images/bgBorder_tileL.gif) repeat-y left top;
	float: left;
}
#mainContent .right {
	width: 960px;
	background: url(../images/bgBorder_tileR.gif) repeat-y right top;
	float: left;
}
#contentFrame {
	width: 916px;
	margin-top: 20px;
	margin-left: 22px;
	margin-right: 22px;
	clear: both;
	background: #F0F0F0;
	float: left;
}
#contentFrame2 {
	width: 916px;
	margin-left: 22px;
	margin-right: 22px;
	clear: both;
	background: #F0F0F0;
	float: left;
}
#contentFrame_topL {
	width: 100%;
	background: url(../images/contentFrame_topL.gif) no-repeat left top;
	float: left;
}
#contentFrame_topR {
	width: 100%;
	background: url(../images/contentFrame_topR.gif) no-repeat right top;
	float: left;
}
#contentFrame_downL {
	width: 100%;
	background: url(../images/contentFrame_downL.gif) no-repeat left bottom;
	float: left;
}
#contentFrame_downR {
	width: 100%;
	background: url(../images/contentFrame_downR.gif) no-repeat right bottom;
	float: left;
}
#contentSpace {
	width: 866px;
	margin: 0 25px 0 25px;
	padding: 25px 0 25px 0;
	clear: both;
	background: url(../images/contentFrame_divider.gif) repeat-y;
	float: left;
}
#contentSpace #left {
	width: 640px;
	float: left;
}
#contentSpace #left2 {
	width: 176px;
	float: left;
}
#contentSpace #right {
	width: 176px;
	float: right;
}
#contentSpace #right2 {
	width: 640px;
	float: right;
}
#breadcrumb {
	width: 220px;
	float: left;
	clear: right;
	margin-bottom:10px;
}
#frameMainAdv {
	width: 640px;
	height: 240px;
	float: left;
	clear: both;
}
#frameMainAdv .leftBtn {
	width: 30px;
	float: left;
	padding-top: 6px;
}
#frameMainAdv .right {
	width: 610px;
	height: 230px;
	float: left;
	background: url(../images/frame2.gif) no-repeat center center #FFFFFF;
}
#tabContent {
	width: 100%;
	margin: 20px auto 0 auto;
	clear: both;
	background: url(../images/tabFrame_topTile.gif) repeat-x center top;
}
#tabContent_left {
	width: 15px;
	height: 50px;
	float: left;
	background: url(../images/tabFrame_topL.gif) no-repeat right top;
}
#tabContent_right {
	width: 15px;
	height: 50px;
	float: right;
	background: url(../images/tabFrame_topR.gif) no-repeat left top;
}
.tabBtn {
	position: relative;
	padding: 0px 0 0px 0;
	margin: 11px 2px 5px 2px;
	width: 112px;
	float: left;
}
.tabBtn a {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/tabButton.gif) no-repeat -112px center;
	display: block;
	padding: 10px 0 9px 0;
	text-align: center;
}
.tabBtn a:hover {
	color: #FFFFFF;
	background: url(../images/tabButton.gif) no-repeat 0px center;
}
#tabContent_border {
	width: 638px;
	border-right:1px solid #d2d2d2;
	border-top:none;
	border-bottom:none;
	border-left:1px solid #d2d2d2;
	padding:14px 0 0 0;
	display: inline-block;
	background: #ffffff;
}
.contentLayout img {
	float: left;
	margin: 0 15px 10px 0;
	border: 0;
}
#tabContent_footer {
	width: 639px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#tabContent_footer2 {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#tabContent_footerL {
	width: 549px;
	height: 44px;
	float: left;
	background: url(../images/pageSdow.gif) repeat-x center bottom #FFFFFF;
}
#tabContent_footerL2 {
	width: 550px;
	height: 44px;
	float: left;
	background: url(../images/pageSdow2.gif) repeat-x center bottom #FFFFFF;
}
#tabContent_footerL3 {
	width: 550px;
	height: 84px;
	float: left;
	background: url(../images/pageSdow2.gif) repeat-x center bottom #FFFFFF;
}
#tabContent_footerR {
	width: 90px;
	height: 44px;
	float: right;
	background: url(../images/pageFlip.gif) no-repeat left bottom;
}
#tabContent_footerR2 {
	width: 90px;
	height: 44px;
	float: right;
	background: url(../images/pageFlip2.gif) no-repeat left bottom;
}
#tabContent_footerR3 {
	width: 90px;
	height: 84px;
	float: right;
	background: url(../images/pageFlip2.gif) no-repeat left bottom;
}
#tabContent_footerR4 {
	width: 88px;
	height: 44px;
	float: right;
	background: url(../images/pageSdow2.gif) repeat-x left bottom;
}
.icon1 {
	background: url(../images/icon1.gif) no-repeat center 8px;
}
.icon2 {
	background: url(../images/icon2.gif) no-repeat center 8px;
}
.icon3 {
	background: url(../images/icon3.gif) no-repeat center 8px;
}
#advLayout {
	width: 640px;
	margin: 10px auto 0 auto;
	clear: both;
}
#advLayout img {
	margin: 6px 6px 6px 6px;
	border: 0;
}
#frame1 {
	width: 176px;
	clear: both;
	background: url(../images/frame1_tile.jpg) repeat-y center top;
	float: left;
}
#frame1 #top {
	width: 100%;
	height: 25px;
	background: url(../images/frame1_part1.jpg) no-repeat center top;
	clear: both;
	float: left;
}
#frame1 #top #title {
	width: 150px;
	border-bottom: 1px solid #9f926b;
	padding: 7px 0 4px 0;
	margin: 0 13px 0 13px;
	text-align: left;
	float: left;
}
#frame1 #bottom {
	width: 150px;
	min-height: 138px;
	padding: 10px 13px 25px 13px;
	background: url(../images/frame1_part2.jpg) no-repeat center bottom;
	clear: both;
	text-align: left;
	float: left;
}
.arrow1 {
	width: 10px;
	height: 20px;
	background: url(../images/arrow1.gif) no-repeat left 3px;
	float: left;
}
#frameChat {
	width: 176px;
	margin: 0 auto 0 auto;
	clear: both;
}
#frameAdv {
	width: 176px;
	clear: both;
}
#frameAdv img {
	margin: 2px auto 2px auto;
}
#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#footer #left {
	width: 22px;
	height: 80px;
	float: left;
	background: url(../images/bgBorder_tileL.gif) repeat-y left top;
}
#footer #left .corner {
	height: 80px;
	background:url(../images/bgBorder_downL.gif) no-repeat left bottom;
}
#footer #right {
	width: 22px;
	height: 80px;
	float: right;
	background: url(../images/bgBorder_tileR.gif) repeat-y right top;
}
#footer #right .corner {
	height: 80px;
	background:url(../images/bgBorder_downR.gif) no-repeat right bottom;
}
#footer .downTile1 {
	background: url(../images/bgBorder_downTile1.gif) repeat-x center bottom;
}
#footer #curveL {
	width: 65px;
	height: 80px;
	background:url(../images/bgBorder_downL2.gif) no-repeat left bottom;
	float: left;
}
#footer #curveR {
	width: 65px;
	height: 80px;
	background:url(../images/bgBorder_downR2.gif) no-repeat right bottom;
	float: right;
}
#footer #downTile2 {
	width: 376px;
	height: 80px;
	background: url(../images/bgBorder_downTile2.gif) repeat-x center bottom;
	float: left;
}
#innerContent {
	width: 638px;
	border: 1px solid #d2d2d2;
	border-bottom: none;
	background-color: #FFFFFF;
	margin-top: 20px;
	padding: 5px 0 0 0;
	clear: both;
	float: left;
}
.picContainer {
	width: 450px;
	margin: 0 auto 10px auto;
	clear: both;
}
.picContainer .title {
	width: 100%;
	padding: 0 0 0 5px;
	text-align: center;
	font-weight: bold;
}
.picContainer img {
	margin: 2px auto 2px auto;
}
.container1 {
	width: 100%;
	float: left;
	clear: both;
	/*padding: 0 0 4px 5px;*/
	border-bottom: 2px solid #336699;
}
.container12 {	
	width: 549px;
	height: 23px;
	float: left;
}	
.starRating {
	width: 125px;
	height: 25px;
	float: right;
	text-align: right;
	padding-left: 5px;
}
/*
.starRating img {
	float: left;
}
*/

/* styles for the button start */ 
.button {
	/*width: 200px;*/
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	display: block;
}
.button .btnL {
	width: 11px;
	height: 25px;
	float: left;
	background: url(../images/btn_L.gif) no-repeat right center;
}
.button .btnR {
	width: 11px;
	height: 25px;
	float: right;
	background: url(../images/btn_R.gif) no-repeat left center;
}
.button .tile {
	padding: 5px 5px 6px 5px;
	float: left;
	text-align: center;
	background: url(../images/btn_tile.gif) repeat-x center center;
}
.button a {
	text-decoration: none;
	color: #000000;
}
.button a:hover {
	color: #0000FF;
}
input.myButton {
	background: url(../images/btn_tile.gif) repeat-x center center;
	padding: 4px 10px 6px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-bottom: none;
	cursor: pointer;
}
input.myButton:hover {
	background: url(../images/btn_tile2.gif) repeat-x center center;
}

/* styles for the button end */ 

/* styles for the star rater star */    

.star-rating {
	list-style:none;
	margin: -3px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(../images/star1.gif) top left repeat-x;
}
.star-rating li {
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */ 
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(../images/star3.gif) left center;
	z-index: 1;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.three-stars{
	left: 50px;

}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(../images/star2.gif) left bottom;
	position: relative;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/* styles for the star rater end */   
/* banner slider - start */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid navy;
border-bottom-width: 0px;
width: 560px; /*width of featured content slider*/
height: 190px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/* banner slider -end */

.pagination{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
/*background-color: navy;*/
padding: 5px 5px;
}

.pagination a{
padding: 0 2px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}