@charset "utf-8";
body {
	font-family: Verdana;
	font-size: 11px;
	color: #315c8b;
	margin: 0px;
	padding: 0px;
}
img{ border:0px;}
h1, h2, h3, ul, p, ol{margin:0px;}
#header {height: 88px; width: 902px; margin: 0px auto; border-left:#315c8b 1px solid; border-right:#315c8b 1px solid; }
#header  h1{font-weight: bold; font-size: 16px; line-height: 30px; width:510px; float:right; padding: 10px 10px 0px 0px;}
#logo {float: left; height: 81px; width: 256px;} 
#navigation {background: url(../images/navigation-bg.jpg) no-repeat; height: 35px; width: 902px; margin: 0px auto; padding:0 0 3px 0; border-left:#315c8b 1px solid; border-right:#315c8b 1px solid; }
#navigation .line {
	background-image: url(../images/menu-line.jpg);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 2px;
}
#navigation li {
	float: left;
	padding-top: 8px;
}
#navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#navigation li a {
	color:#315C8B;
	display:block;
	float:left;
	height:21px;
	font-weight:bold;
	text-decoration:none;
	line-height:145%;
	background: url(../images/menu-bar.gif) repeat scroll 0px 0px;
	padding: 0px 0px 0px 11px;
	overflow:hidden;
}
#navigation li a:hover{	background: url(../images/menu-bar.jpg) no-repeat;
	color:#FFFFFF;}
#navigation li a:hover span{	background: url(../images/menu-bar.jpg) no-repeat right  top;
	color:#FFFFFF;
	float:left;
	height:21px;
	padding:0px 10px 0 0;}	
#navigation li a span {
	cursor:pointer;
	display:block;
	padding:0 10px 0 0;
}
#navigation li .on {
	background: url(../images/menu-bar.gif) no-repeat left bottom;
	color:#FFFFFF;
}
#navigation li .on span  {
	background: url(../images/menu-bar.gif) no-repeat right bottom;
	float:left;
	height:21px;
	padding:0px 10px 0 0;
	display:block;
}
#content { width: 902px; margin: 0px auto; border-left:#315c8b 1px solid; border-right:#315c8b 1px solid; }
#right_content {width: 664px; float: right; padding:0 7px 0 0; }
#right_text {
	padding-top: 0px;
	margin-bottom: 5px;
}
#right_text  a {
	color: #103f73;
	text-decoration: none;
	font-weight: bold;
}
#right_text a:hover {
	text-decoration: underline;
}

#left_text {float: left; width: 220px; padding:0 0 0 7px; background: url(../images/left-box-bg.jpg) repeat-y 7px 0;} 
#right_text h3 {
	font-size: 16px;
	font-weight: bolder;
	color: #FF993A;
	padding-top: 5px;
	padding-left: 10px;
}

#left_text_midal a {
	color: #315C8B;
	text-decoration: none;
	font-weight: normal;
}
#left_text_midal a:hover {
	color: #FF9A3C;
}

#left_text_midal p {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 6px;
	line-height: 18px;
	font-size: 11px;
}
#left_text_midal ul {
	font-size: 11px;
	line-height: 18px;
	padding-left: 28px;
	padding-top: 5px;
	padding-bottom: 6px;
}

#left_text_top {background: url(../images/left-box-top.jpg) no-repeat; height: 10px; width: 220px; position: absolute; }
#left_text_midal {width: 218px; padding:5px 0 0 0; position:relative;}
.title_bg {
	background: url(../images/title-bg.jpg) no-repeat;
	height: 20px;
	width: 200px;
	margin:0px auto;
	font-size: 12px;
	font-weight: bold;
	color: #ebfeff;
	padding:3px 0 0 12px;
}

#left_text_bottom {background: url(../images/left-box-bottom.jpg) no-repeat; height: 10px; position:absolute;	width: 220px;}
#table {background: url(../images/packs-bg.jpg) no-repeat; height: 305px; width: 664px; margin:0 0 3px 0 ; }
.Bronze {width: 163px; padding-top: 4px; text-align: center;  float:left; margin:0 3px 0 0 ;}
.font {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 17px;
	text-align:justify;
	font-size: 11px;
}
.font_bold {
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
}

.Silver {width: 163px; padding-top: 4px; text-align: center; float:left; margin:0 3px 0 0 ; }
.Gold {	width: 163px; padding-top: 4px; text-align: center; float:left; margin:0 3px 0 0 ; } 
.Diamond{ width: 164px; padding: 4px 0 0 1px; text-align: center; float:left;}
.bold_font {font-weight: bold; padding-top: 7px; padding-bottom: 6px;}
.price {font-size: 20px; font-weight: bold; line-height: 50px; }
.title {color: #FFFFFF;	font-size: 16px; font-weight: bold; }
.text {font-size: 11px;	padding-top: 10px;}
#banner {background : url(../images/banner.jpg) no-repeat; height: 155px; margin:0 0 3px 0;	width: 654px; padding:10px 0 0 10px;}
#banner div {float: left; padding-left: 220px;}
#banner ul {
	font-weight: bold;
	line-height: 20px;
	padding: 10px 0 2px 30px;
	font-size: 12px;
}
#banner h2 {color: #FF993A;font-size: 20px;}
#footer {background: url(../images/footer.jpg) no-repeat; clear: both; height: 65px; width: 902px;}
#footer p {
	float: left;
	padding-left: 10px;
	padding-top: 15px;
}
#footer div {
	font-size: 11px;
	line-height: 30px;
	padding-top: 6px;
}
#footer a {
	color: #315C8B;
	text-decoration: none;
}
#footer a:hover {
	font-weight: bold;
	color: #fe9a38;
}

.ul {
	line-height: 20px;
	padding-left: 30px;
	list-style-type: none;
}
.ul li {
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position:0 6px;
	list-style-type: none;
	text-indent:20px;
	padding-bottom: 3px;
	padding-top: 2px;
}