html, body {
	height : 100%;
	margin : 0;
	padding : 0;
}
body {
	font : 100% Arial, sans-serif;
	background-color : #ffffff;
	color : #666666;
	line-height : 1;
}
h1, h2, h3, h4, h5, h6, p, ul, li, form {
	font-weight : normal;
	margin : 0;
	padding : 0;
}
ul, ol {
	list-style : none;
}
img {
	border : 0;
	vertical-align : top;
}
a {
	color : #3399cc;
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
a, :focus {
	outline : none;
}
.clear {
	clear : both;
	height : 0;
	font-size : 0;
	line-height : 0;
}

/*** B: CSS clearfix ***/
.clearfix:after {
	height : 0;
	content : ".";
	display : block;
	clear : both;
	visibility : hidden;
	line-height : 0;
	font-size : 0;
}
html[xmlns] .clearfix {
	display : block;
}
.clearfix {
	display : inline-block;
}
/*** E: CSS clearfix ***/

#main-container {
	min-height : 100%;
	margin-bottom : -60px;
}
#top-nav-container {
	height : 25px;
	background : url(./img/top-nav-str.gif) repeat-x;
}
#top-nav {
	width : 980px;
	font : 11px Tahoma, sans-serif;
	color : #333333;
	margin : 0 auto;
}
#top-nav a {
	color : #333333;
	text-decoration : none;
	line-height : 23px;
}
#top-nav-menu {
	float : left;
}
#top-nav-menu a {
	float : left;
	display : block;
	padding : 0 7px;
}
#top-nav-menu a:hover {
	background-color : #25a8e0;
	color : #ffffff;
}
#user-nav {
	float : right;
}
#user-nav a:hover {
	text-decoration : underline;
}
#body-container {
	width : 1000px;
	margin : 0 auto;
	padding-bottom : 40px;
}
#main {
	border-bottom : 1px solid #cccccc;
	margin-top : 20px;
}
#main-left {
	width : 705px;
	background : url(./img/main-left-bg.jpg) no-repeat 100% 100%;
	float : left;
}
#header-container {
	background : url(./img/header-bg.jpg) no-repeat 5px 0;
}
#header {
	height : 208px;
	background : url(./img/main-left-bg.jpg) no-repeat 100% 100%;
}
#header-tab {
	float : left;
	margin : 30px 0 0 170px;
}
#header-tab h1 {
	font : bold 20px Arial, sans-serif;
	line-height : 22px;
}
#header-tab h2 {
	font : bold 12px Arial, sans-serif;
	color : #97cc00;
	margin : 20px 0 10px 0;
}
#header-tab p {
	font-size : 12px;
	color : #333333;
	line-height : 12px;
}
#header-tab span {
	font : bold 16px Tahoma, Arial, sans-serif;
	color : #3399cc;
}
#login-form {
	font : 11px Tahoma, Arial, sans-serif;
	color : #333333;
	float : left;
	margin : 30px 0 0 50px;
	line-height : 18px;
}
span.login-input input {
	width : 160px;
	border : 1px solid #cccccc;
	padding-left : 2px;
}
span.login-submit input {
	width : 60px;
	font : 11px Arial, sans-serif;
	margin-top : 5px;
}
.login-forgot {
	margin-left : 8px;
}
#account-info {
	font : 11px Tahoma, Arial, sans-serif;
	float : left;
	margin : 30px 0px 0px 50px;
}
#under-header {
	height : 24px;
	background : url(./img/main-nav-bg.gif) no-repeat 100% 0%;
	border-top : 1px solid #cccccc;
}
#shaped-boxes {
	border-top : 1px solid #cccccc;
	padding-left : 5px;
	margin-bottom : 10px;
}
.shape1, 
.shape2, 
.shape3, 
.shape4 {
	width : 155px;
	height : 203px;
	float : left;
	margin : 5px 15px 10px 0;
}
.shape1 {
	background-color : #f5ed31;
}
.shape2 {
	background-color : #ffcc00;
}
.shape3 {
	background-color : #ccff00;
}
.shape4 {
	background-color : #c0c0c0;
}
#shaped-boxes div h1 {
	height : 25px;
	font-size : 16px;
	font-weight : bold;
	background : url(./img/shaped-title-bg.png) no-repeat 20px 31px;
	color : #ffffff;
	padding : 30px 5px 10px 38px;
}
#shaped-boxes div .shaped-desc {
	height : 70px;
	font-size : 11px;
	padding : 15px 15px 10px 20px;
	overflow : hidden;
}
#shaped-boxes div .shaped-more {
	font-size : 11px;
	text-align : right;
	padding-right : 25px;
}
#shaped-boxes div .shaped-more a {
	color : #ffffff;
	text-decoration : underline;
}
#shaped-boxes div .shaped-more a:hover {
	color : #666666;
}
#main-right {
	width : 285px;
	background : url(./img/main-right-bg.jpg) no-repeat 0% 100%;
	border-left : 1px solid #cccccc;
	float : left;
}
#lang-panel {
	font-size : 14px;
	color : #333333;
	margin : 5px 0 0 20px;
}
#news {
	margin : 10px 10px 50px 20px;
}
#news h1 {
	font-size : 23px;
	background : url(./img/news-title-bg.gif) no-repeat 0% 7px;
	padding-left : 20px;
}
#news h2 {
	font-size : 12px;
	font-weight : bold;
	color : #99cc01;
	margin-top : 15px;
}
#news p {
	font-size : 11px;
	line-height : 13px;
}
#why-us {
	border-bottom : 1px solid #cccccc;
}
#why-us h1 {
	font-size : 24px;
	margin : 25px 0 15px 5px;
}
#why-us div {
	border-top : 1px solid #cccccc;
}
.why-us-left {
	width : 499px;
	background : url(./img/why-us-bg.jpg) no-repeat 100% 100%;
	border-right : 1px solid #cccccc;
	float : left;
	padding : 5px 0 10px 0;
}
.why-us-right {
	width : 500px;
	background : url(./img/why-us-bg.jpg) no-repeat 266px 100%;
	float : left;
	padding : 5px 0 10px 0;
}
.why-us-right .why-us-img {
	margin-left : 20px;
}
.why-us-right .why-us-text {
	margin-left : 130px;
}
.why-us-img {
	float : left;
	display : block;
	margin-left : 5px;
}
.why-us-title {
	font-size : 14px;
	font-weight : bold;
	float : left;
	display : block;
	margin : 5px 0 0 10px;
}
.why-us-text {
	font-size : 11px;
	display : block;
	margin : -5px 20px 0 110px;
	line-height : 13px;
}
.color-blue {
	color : #329acd;
}
.color-green {
	color : #98cd01;
}
.color-yellow {
	color : #fecc00;
}
.color-violet {
	color : #6433ca;
}
.color-orange {
	color : #fe6601;
}
.color-silver {
	color : #999999;
}
#page-empty {
	height : 80px;
	clear : both;
}
#footer-container {
	background : url(./img/footer-str.gif) repeat-x;
}
#footer {
	width : 980px;
	height : 60px;
	font-size : 12px;
	color : #333333;
	margin : 0 auto;
}
#copyright {
	float : left;
	padding-top : 20px;
}
#foot-links {
	float : right;
	padding-top : 20px;
}
#foot-links span {
	margin : 0 5px;
}
#foot-links a {
	color : #333333;
}

/*** B: Dropdown ***/
#main-nav-container {
	float : right;
	position : relative;
	left : -50%;
	z-index : 9999;
}
ul#main-nav {
	display : block;
	position : relative;
	left : 50%;
}
ul#main-nav li {
	float : left;
	display : block;
	margin-left : 15px;
	position : relative;
}
ul#main-nav li a {
	height : 20px;
	font : bold 13px Tahoma, sans-serif;
	background : url(./img/main-nav-dot.gif) no-repeat 0% 10px;
	color : #333333;
	float : left;
	display : block;
	padding : 4px 0 0 8px;
	text-decoration : none;
}
ul#main-nav li a.current,
ul#main-nav li:hover a,
ul#main-nav li.hover a,
ul#main-nav li a:hover {
	background : url(./img/main-nav-dot.gif) no-repeat 0% -15px;
}
ul#main-nav li ul {
	border-top : 1px solid #cccccc;
	display : none;
	margin : 0;
	position : absolute;
	left : 0;
	top : 24px;
}
ul#main-nav li ul li {
	height : auto;
	margin : 0;
	padding : 0;
	clear : left;
}
ul#main-nav li ul li a {
	width : 150px;
	height : auto;
	font-size : 11px;
	font-weight : normal;
	line-height : normal;
	border : 1px solid #cccccc;
	border-top : none;
	padding : 5px 10px 5px 8px;
}
ul#main-nav li:hover ul,
ul#main-nav li.hover ul {
	display : block;
}
ul#main-nav li ul li a:link,
ul#main-nav li ul li a:visited {
	color : #666666;
	background : #ffffff;
}
ul#main-nav li ul li:hover a,
ul#main-nav li ul li a:active,
ul#main-nav li ul li a:hover {
	background : #f5f5f5;
}
/*** E: Dropdown ***/

/*** B: Inside Style ***/
#inside-header {
	background : url(./img/main-left-bg.jpg) no-repeat 100% 100%;
	border-right : 1px solid #cccccc;
	padding : 20px 0;
}
.under-header {
	height : 24px;
	background : url(./img/main-nav-bg.gif) no-repeat 100% 0%;
	border : 1px solid #cccccc;
	border-left : none;
}
#inside-logo {
	float : left;
	margin-left : 10px;
}
#account-info-inside {
	font : 11px Tahoma, Arial, sans-serif;
	float : right;
	margin-right : 10px;
}
#inside-content {
	font : 11px Tahoma, Arial, sans-serif;
	color : #333333;
	padding : 10px;
	line-height : normal;
}
/*** E: Inside Style ***/
#merchant {
	position : relative;
	top : 30px;
}
#merchant a {
	padding-left : 10px;
}
#merchant img {
	vertical-align : middle;
}
#tb_margin td {
	padding : 1px 5px 0px 5px;
}
#tb_site td {
	padding : 5px 5px 5px 5px;
}
.tb_ad td {
	padding : 5px 0px 5px 5px;
	line-height : 18px;
}
#r_bold {
	font-weight : bold;
	text-align : right;
}