/* 		JogjaCamp Standard CSS 				*/


/* Body Style */
body {
	font-size: 12px;
	color: #333;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/bg.gif) top left repeat-x #1e4269;
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: 'Trebuchet MS', Tahoma, Arial;
}

p, td, th, span, div{
	line-height: 130%;
}


p {
	margin: 4px 0px 4px 0px !important;
}

/* standard Hyperlink */
a {
	text-decoration: none;
	color: #005688;
}

a:hover {
	color: #ff7400;
	text-decoration: underline;
}

/* standard Form */
form {
	margin: 0px;
}

input,select,textarea,option,label {
	font-size: 12px;
}

/* standard form select + option*/
select{
}

/* standard form textarea */
textarea {
	overflow: auto;
}

input.button {
	color: #fff;
	font-weight: bold;
	padding: 3px 12px;
	background-color: #fd7914;
	border: 1px solid #f16e0a;
	cursor: pointer;
}

/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}

img {
	border: none;
}
.floatRight{
 	float: right;
	margin-left: 18px;
}
.floatLeft{
 	float: left;
	margin-right: 18px;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

.clear {
	clear: both;
	padding: 0px !important;
	margin: 0px !important;
	height: 0px;
	overflow: hidden;
}

.body {
	width: 948px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}
.container {
	
}

/* ----------- header element -------- */
.header {
	height: 225px;
	padding: 0px 19px;
	background: url(../images/bgHeader.png) top left no-repeat;
}
.headerTop {
	height: 40px;
	padding: 0px;
	overflow: hidden;
}
.headerCell {
	width: 910px;
	height: 165px;
	margin-top: 14px;
	padding: 0px;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a.siteName {
	float: left;
	display: block;
	margin-top: 30px;
	margin-left: 40px;
}
*html a.siteName {
	margin-left: 20px;
}

ul.nav {
	float: right;
	margin: 0px !important;
	padding: 12px 0px !important;
	list-style: none;
}
ul.nav li {
	float: left;
	border-left: 1px solid #ccc;
}
ul.nav li.first {
	border: none;
}
ul.nav li a {
	padding: 0px 6px 0px 5px;
	color: #999999;
}
ul.nav li a:hover {
	color: #333333;
	text-decoration: none;
}

/* ----------- page element -------- */
.wrapper {
	padding: 0px;
	background: url(../images/bgSide.gif) top left repeat-y #f2f2f2;
}
.wrapperCell {
	min-height: 619px;
	padding: 0px 19px;
	background: url(../images/bgWrap.png) top left no-repeat;
}
*html .wrapperCell {
	height: 619px;
	overflow: visible;
}
.wrapperBottom {
	clear: both;
	width: 938px;
	padding: 15px 5px 10px 5px;
	overflow: hidden;
	text-align: center;
	background: url(../images/wrapBot.gif) top left no-repeat #1e4269;
}
.main {
	width: 710px;
	float: left;
	padding: 0px;
	overflow: hidden;
}
.main.full {
	width: auto;
	float: none;
	padding: 0px;
	overflow: hidden;
}
.sidebar {
	width: 200px;
	float: right;
	padding: 0px;
	overflow: hidden;
}
.page {
	
}
.pageContent {
	height: 1%;
	display: table;
}
.pageContent2 {
	width: 505px;
	float: right;
	padding: 0px 0px 10px 0px;
}
.content {
		
}
.content p {
	margin: 10px 0px !important;
}
h1.pageTitle {
	margin: 10px 0px 20px 0px !important;
	padding: 0px !important;
	font-size: 20px;
	font-weight: lighter;
	color: #005688;
	border-bottom: 1px solid #ccc;
}
h2.subTitle {
	margin: 10px 0px !important;
	padding: 0px !important;
	font-size: 16px;
	color: #ff7400;
}
h2.headTitle {
	margin: 15px 0px !important;
	padding: 8px 5px 8px 32px !important;
	font-size: 14px;
	color: #111;
	background: url(../images/icon-memo.gif) no-repeat #ddd;
	background-position: 8px 8px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}

.flowNav {
	margin: 10px 0px;
}
.flowNav p {
	display: inline;
	margin: 0px !important;
	padding: 2px !important;
}
.flowNav p a {
	text-decoration: none;
}

.menu {
	height: 40px;
	padding: 0px;
	overflow: hidden;
}
.menu ul {
	float: right;
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.main.full .menu ul {
	float: left;
}
.menu ul li {
	float: left;
	width: 142px;
	font-size: 14px;
	background: url(../images/bgNav_base.gif) top right no-repeat;
}
.menu ul li a {
	display: block;
	text-align: center;
	padding: 13px 0px;
	color: #fff;
	background: url(../images/bgNav_mask.gif) top left no-repeat;
}
.menu ul li.active {
	background: url(../images/bgNav_base_act.gif) top right no-repeat;
}
.menu ul li.active a {
	color: #111;
	background: url(../images/bgNav_mask_act.gif) top left no-repeat;
}

.mainImage {
	width: 710px;
	height: 246px;
	margin-bottom: 10px;
	padding: 0px;
	overflow: hidden;
}
.banner {
	padding: 0px;
	margin-bottom: 5px;
	overflow: hidden;
	background: url(../images/bgBanner_top.gif) top left no-repeat #e7e7e7;
}
.bannerCell {
	padding: 7px 5px 10px 5px;
	overflow: hidden;
	text-align: center;
	background: url(../images/bgBanner_bot.gif) bottom left no-repeat;
}
.banner p {
	margin: 5px 0px !important;
	padding: 0px !important;
	color: #111;
	text-align: center;
}
.banner p img {
	border: none;
}

.sideNav {
	float: left;
	width: 190px;
	margin-right: 15px;
	padding: 0px 0px 10px 0px;
	background: url(../images/bgBlockGrad_bot.gif) bottom left no-repeat #f9f9f9;
}
.sideNavCell {
	padding: 15px 0px 0px 0px !important;
	background: url(../images/bgBlockGrad_top.gif) top left no-repeat;
}
.sideNavCell ul {
	margin: 0px !important;
	padding: 5px 14px 10px 14px !important;
	list-style: none;
	background: url(../images/bgBlockGrad.gif) bottom left repeat-x;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.sideNavCell ul li {
	margin: 0px !important;
	padding: 0px;
	font-size: 10px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #e1e1e1;
}
.sideNavCell ul li a {
	display: block;
	padding: 4px 9px 5px 32px;
	text-decoration: none;
	background: url(../images/sideNavList.gif) top left no-repeat #f2f2f2;
}
.sideNavCell ul li a:hover {
	display: block;
	text-decoration: none;
}

.leftSide {
	float: left;
	width: 210px;
	margin-right: 10px;
	padding: 0px;
	overflow: hidden;
}

.info {
	float: left;
	width: 210px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px 0px 10px 0px;
	background: url(../images/bgBlock_blue.gif) bottom left no-repeat #afd2e8;
}
.info h2.title {
	height: 20px;
	margin: 0px !important;
	padding: 13px 15px 11px 15px !important;
	overflow: hidden;
	font-size: 13px;
	color: #222;
	background: url(../images/bgHead01.gif) top left no-repeat;
}
.info h2.title span {
	padding-left: 22px;
	background: url(../images/icon-memo.gif) top left no-repeat;
}
.infoCell {
	padding: 10px 15px 5px 15px;
}
ul.infoList {
	margin: 0px 0px 10px 0px !important;
	padding: 0px !important;
	list-style: none;
}
ul.infoList li {
	padding: 4px 0px 4px 22px;
	background: url(../images/icon-arrow.gif) no-repeat;
	background-position: 0px 3px;
	line-height: 110%;
}
ul.infoList li a:hover {
	color: #333;
}

.notice {
	padding: 0px 0px 10px 0px;
	background: url(../images/bgWide_bot.gif) bottom left no-repeat #f5f5f5;
}
.notice h2.title {
	height: 14px;
	margin: 0px !important;
	padding: 9px 15px 5px 15px !important;
	overflow: hidden;
	font-size: 16px;
	color: #ff7400;
	background: url(../images/bgWide_top.gif) top left no-repeat;
}
.notice h2.title span {
	padding-left: 22px;
	background: url(../images/icon-warning.gif) top left no-repeat;
}
.noticeCell {
	padding: 10px 15px 5px 35px;
	background: url(../images/bgWide.gif) bottom left repeat-x;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
.noticeItem {
	padding: 4px 0px;
	border-bottom: 1px solid #dddddd;
}
.noticeCell h3 {
	margin: 4px 0px !important;
	font-size: 12px;
	color: #111;
	line-height: 110%;
}
.noticeCell h2 {
	margin: 4px 0px !important;
	font-size: 12px;
	color: #344b96;
	line-height: 130%;
}
.noticeCell h2 span {
	display: block;
	color: #555;
}

.welcome {
	padding: 10px 15px 10px 12px;
}
.welcome h2.title {
	margin: 8px 0px !important;
	padding: 5px 0px 5px 0px !important;
	font-size: 20px;
	line-height: 100%;
	color: #ff7400;
	border-bottom: 1px solid #c5cdd1;
}
.welcome h2.title span {
	padding-left: 26px;
	line-height: 100%;
	background: url(../images/icon-home.gif) no-repeat;
	background-position: 0px 4px;
}

.bottomNav {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 12px 0px;
	background: url(../images/bgBotNav_bot.gif) bottom left no-repeat #151515;
}
.bottomNav h2.title {
	height: 20px;
	margin: 0px !important;
	padding: 8px 10px !important;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	background: url(../images/bgBotNav_top.gif) top left no-repeat;
}
.bottomNav h2.title span {
	padding-left: 50px;
}
.bottomNavCell {
	min-height: 30px;
	padding: 0px 0px 10px 60px;
	background: url(../images/bgBotNav.gif) bottom left repeat-x #151515;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
*html .bottomNavCell {
	height: 30px;
	overflow: visible;
}
.bottomNavCell ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
	float: left;
	width: 280px;
}
.bottomNavCell ul h3 {
	height: 30px;
	overflow: hidden;
	position: relative;
	margin: 0px !important;
	margin-top: -20px !important;
	padding: 0px !important;
	font-size: 14px;
	color: #fff;
}
.bottomNavCell ul li {
	color: #666;
	padding: 3px 0px 4px 20px;
	line-height: 100%;
	font-weight: bold;
}
.bottomNavCell ul li a {
	color: #999;
}
.bottomNavCell ul li a:hover {
	color: #eee;
}

.login {
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0px 0px 10px 0px;
	background: url(../images/bgBlockGrad_bot.gif) bottom left no-repeat #f9f9f9;
}
.login h2.title {
	height: 14px;
	margin: 0px !important;
	padding: 20px 20px 5px 20px !important;
	overflow: hidden;
	font-size: 14px;
	color: #222;
	background: url(../images/bgBlockGrad_top.gif) top left no-repeat;
}
.loginCell {
	padding: 10px 20px;
	background: url(../images/bgBlockGrad.gif) bottom left repeat-x;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.loginCell form p {
	text-align: right;
	margin-bottom: 10px !important;
}
.loginCell form p a {
	color: #ff7400;
}
.loginCell input.loginText {
	width: 144px;
	margin: 3px 0px;
	padding: 2px;
	font-size: 12px;
	color: #666;
	border: 1px solid #e2e5e7;
}
.loginCell input.loginText:focus {
	color: #333;
	border: 1px solid #c0c4c6;
}
.loginCell input.loginBtn {
	width: 65px;
	height: 23px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 12px;
	color: #23475a;
	background: url(../images/bgLoginBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}
.loginCell a.linkBtn {
	width: 150px;
	display: block;
	margin: 10px 0px;
	padding: 11px 0px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	background: url(../images/bgLinkBtn.gif) top left no-repeat;
}

.member {
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0px 0px 10px 0px;
	background: url(../images/bgBlockGrad_bot.gif) bottom left no-repeat #f9f9f9;
}
.member h2.title {
	height: 13px;
	margin: 0px !important;
	padding: 6px 20px 13px 20px !important;
	overflow: hidden;
	font-size: 13px;
	color: #222;
	background: url(../images/bgHead02.gif) top left no-repeat;
}
.member h2.title span {
	padding-left: 22px;
	background: url(../images/icon-user.gif) top left no-repeat;
}
.memberCell {
	padding: 5px 5px 5px 15px;
	background: url(../images/bgBlockGrad.gif) bottom left repeat-x;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.memberCell p {
	margin: 10px 0px !important;
	color: #ff7400;
	font-weight: bold;
	font-size: 11px;
	line-height: 150%;
}
.memberCell p b {
	display: block;
	color: #344b96;
}

.cs {
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0px 0px 10px 0px;
	background: url(../images/bgBlockGrad_bot.gif) bottom left no-repeat #f9f9f9;
}
.cs h2.title {
	height: 13px;
	margin: 0px !important;
	margin-left: -10px !important;
	padding: 13px 10px 31px 30px !important;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
	color: #222;
	background: url(../images/bgHead-cs.gif) top left no-repeat;
}
.csCell {
	padding: 5px 5px 5px 15px;
	background: url(../images/bgBlockGrad.gif) bottom left repeat-x;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.csCell h3 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 13px;
	color: #ff7400;
	line-height: 130%;
}
.csCell p {	
	margin: 2px 0px 3px 0px !important;
	padding: 0px !important;
	font-size: 11px;
	color: #111;
	line-height: 130%;
}
.csCell table {	
	width: 160px;
	border: none;
}
.csCell table td {	
	padding: 2px 0px;
	font-size: 11px;
	color: #111;
}
.csCell table td img {	
	float: right;
}


.news {
	
}
.newsCell {
	padding: 0px 5px;
}
.newsItem {
	padding: 3px 0px 3px 18px;
	background: url(../images/icon-arrow.gif) no-repeat;
	background-position: 0px 2px;
}
.newsItem a {
	font-weight: bold;
}
.newsItem p {
	margin: 3px 0px 10px 0px !important;
}
span.date {
	font-size: 10px;
	color: #666;
	display: block;
}
.newsItem span.date {
	padding-right: 10px;
	background: url(../images/dash.gif) right no-repeat;
}

table.formTbl {
	width: 100%;
	margin: 10px 0px 15px 0px;
	border: none;
}
table.formTbl tr:hover {
}
table.formTbl td {
	padding: 2px 8px;
}
table.formTbl td input {
	padding: 1px 2px;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #c0c4c6;
}
table.formTbl td textarea {
	padding: 1px 2px;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #c0c4c6;
	overflow: auto;
}
table.formTbl td input:focus, table.formTbl td textarea:focus {
	border: 1px solid #7e8b91;
}
table.formTbl td input.formBtn, input.formBtn {
	color: #333;
	font-size: 13px;
	padding: 0px 8px;
	background-color: #c1e4f9;
	border: 1px solid #b7bbbd;
	cursor: pointer;
}
table.formTbl td input.formBtn:hover, input.formBtn:hover {
	color: #155c81;
	cursor: pointer;
}

table.loginTbl {
	width: 100%;
	margin: 10px 0px 15px 0px;
	border: none;
	background-color: #e8e9eb;
	border-top: 20px solid #e8e9eb;
	border-bottom: 20px solid #e8e9eb;
}
table.loginTbl tr:hover {
}
table.loginTbl td {
	padding: 4px 20px;
}
table.loginTbl td input {
	width: 240px;
	padding: 1px 2px;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #c0c4c6;
}
table.loginTbl td input:focus {
	border: 1px solid #7e8b91;
}
table.loginTbl td input.formBtn {
	width: auto !important;
	color: #333;
	font-size: 13px;
	padding: 0px 8px;
	background-color: #c1e4f9;
	border: 1px solid #b7bbbd;
	cursor: pointer;
}
table.loginTbl td input.formBtn:hover {
	color: #155c81;
	cursor: pointer;
}

span.warning {
	padding: 10px 10px 10px 32px;
	display: block;
	color: #ff0000;
	background: url(../images/icon-warning.gif) no-repeat #fff;
	background-position: 10px 10px;
}

.pageNav {
	margin: 10px 0px;
	padding: 5px 0px;
	text-align: center;
}
.pageNav p {
	display: inline;
	padding: 0px 5px;
	color: #ff7400;
}
.pageNav p a {
	margin: 0px -6px;
	padding: 2px 6px;
	color: #1e4269;
	background-color: #fff;
	border: 1px solid #ddd;
}
*html .pageNav p a {
	margin: 0px -5px;
}
*:first-child+html .pageNav p a {
	margin: 0px -5px;
}
.pageNav p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ff7400;
}

.product {

}
.productItem {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.productItem .thumb {
	width: 85px;
	margin-right: 10px;
	float: left;
	padding: 0px;
	overflow: hidden;
}
.productItem .thumbBig {
	width: 200px;
	text-align: center;
	margin-right: 20px;
	float: left;
	padding: 0px;
	overflow: hidden;
}
.productItem .thumbBig p a {
	padding-left: 3px;
	padding-right: 3px;
}
.productItem .desc {
	display: table;
	height: 1%;
}
.productItem .desc h3 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 13px;
	color: #1e4269;
}
.productItem .desc p {
	margin: 5px 0px !important;
	padding: 0px !important;
	font-size: 11px;
}
span.price {
	color: #ff7400;
	font-size: 1.1em;
}
a.buttonLink{
	padding: 1px 4px;
	background: #d0e7f5;
	color: #23475a;
	font-size: 11px;
	border: 1px solid #839099;
}
a.buttonLink:hover{
	background: #ecf2f6;
	color: #111;
	text-decoration: none;
}

table.descTbl {
	margin: 10px 0px;
	border: none;
	border-top: 1px solid #ddd;
}
table.descTbl td {
	padding: 3px 8px;
	border-bottom: 1px solid #eaeaea;
}

table.listTbl {
	margin: 10px 0px;
	border: none;
}
table.listTbl tr th{
	padding: 4px 6px;
	color: #ffad00;
	background-color: #222;
	border-bottom: 2px solid #202020;
}
table.listTbl tr td{
	padding: 4px 6px;
	border-bottom: 1px solid #222;
}
table.listTbl span{
	color: #ffad00;
}

table.voucherTbl {
	width: 100%;
	margin: 10px 0px 20px 0px;
	background-color: #e8e8e8;
	border: none;
}
table.voucherTbl td table {
	width: 100%;
	border: none;
}
tr.vtblHeading {
	color: #222;
	font-size: 13px;
	background: url(../images/vtbl-trHead.gif) top left repeat-x #889ac0;
}
table.voucherTbl td table th, table.voucherTbl td table td {
	text-align: center;
	vertical-align: middle;
}
table.voucherTbl table th table th {
	width: 25%;
	padding: 2px 10px 6px 10px;
	text-align: center;
	font-size: 12px;
}
table.voucherTbl table th table th span{
	color: #fff;
}
table.voucherTbl table td table th {
	width: 25%;
	padding: 4px 10px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	background-color: #55585e;
	border-top: 1px solid #ddd;
}
table.voucherTbl table table td {
	width: 25%;
	padding: 4px 10px;
	text-align: center;
	font-size: 11px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* ----------- footer element -------- */
.footer {
	
}
.footerCell {
	padding: 0px 10px;
	text-align: center;
	color: white;
	font-size: 11px;
}
.footerCell a {
	color: #fff;
}

a.sendBtnLink, a.printBtnLink {
	width: 120px;
	padding: 5px 16px 6px 32px;
	height: 25px;
	font-size: 10px;
}
a.sendBtnLink {
	background: url(../images/icon-send.gif) top left no-repeat;
}
a.printBtnLink {
	background: url(../images/icon-print.gif) top left no-repeat;
}