/* <body> */
body
{
	color: #555753; 
	font: 10pt/16pt Tahoma; 
	/*******************************/
	margin: 0px;
	background: #ffffff url(./gfx/Body/body_back.gif) repeat-x;
}

/*---------------------------------------------*/
/* <div id="tabContainerLong"> */
div#tabContainerLong
{
	height: 19px;
	position: relative;
	margin-top: -20px;
	margin-left: 5px;
}
/* <div id="tabContainerLong"><div></div> */
div#tabContainerLong div
{
	float: left;
	width: 150px;
	height: 26px;
	margin-left: 3px;
}
/*---------------------------------------------*/

/* <div id="tabContainer"> */
div#tabContainer
{
	height: 19px;
	position: relative;
	margin-top: 6px;
	margin-left: 0px;
}
/* <div id="tabContainer"><div></div> */
div#tabContainer div
{
	float: left;
	width: 103px;
	height: 26px;
	margin-left: 0px;
}
/* <div id="linkPhoto"> */
div#linkPhoto
{
	background: url(./gfx/Tabs/tab_photo.gif) no-repeat;
}
/* <div id="linkShop"> */
div#linkShop
{
	background: url(./gfx/Tabs/tab_shop.gif) no-repeat;
}
/* <div id="linkCuper"> */
div#linkCuper
{
	background: url(./gfx/Tabs/tab_cuper.gif) no-repeat;
}
/* <div id="linkDC"> */
div#linkDC
{
	background: url(./gfx/Tabs/tab_DC.gif) no-repeat;
}
/* <div id="linkPSG"> */
div#linkPSG
{
	background: url(./gfx/Tabs/tab_PSG.gif) no-repeat;
}
/* <div id="linkCompany"> */
div#linkCompany
{
	background: url(./gfx/Tabs/tab_company.gif) no-repeat;
}


/* <div id="logoContainer"> */
div#logoContainer
{
	top: 0px;
	right: 0px;
	width: 271px;
	height: 60px;
	margin-top: 12px;
	position: absolute;
	margin-right: 40px;
	background: url(./gfx/Logo/logo_main_new.gif) no-repeat;
}


/* <div class="siteContainer"> */
div.siteContainer
{
	width: 737px;
	margin: auto;
	padding: 5px;
	position: relative;
	margin-top: 100px;
	border-top: 1px solid #909fb7;
	border-left: 1px solid #909fb7;/*dfdfdf*/
	border-right: 1px solid #647288;
	border-bottom: 1px solid #647288;/*b6b6b6*/
	background: #fafafa url(./gfx/Box/box_back.gif) repeat-x;
}

/* <div class="cornerTopL"> */
div.cornerTopL
{
	top: 0px;
	left: 0px;
	width: 5px;
	height: 5px;
	margin: -1px;
	position: absolute;
	background: url(./gfx/Box/box_corner_ul.gif) no-repeat;
}
/* <div class="cornerTopR"> */
div.cornerTopR
{
	top: 0px;
	right: 0px;
	width: 5px;
	height: 5px;
	margin: -1px;
	position: absolute;
	background: url(./gfx/Box/box_corner_ur.gif) no-repeat;
}
/* <div class="cornerBottomL"> */
div.cornerBottomL
{
	bottom: 0px;
	left: 0px;
	width: 5px;
	height: 5px;
	margin: -1px;
	position: absolute;
	background: url(./gfx/Box/box_corner_bl.gif) no-repeat;
}
/* <div class="cornerBottomR"> */
div.cornerBottomR
{
	bottom: 0px;
	right: 0px;
	width: 5px;
	height: 5px;
	margin: -1px;
	position: absolute;
	background: url(./gfx/Box/box_corner_br.gif) no-repeat;
}
/* <span class="textFooter"> */
span.textFooter
{
	float: right;
	font-size: 7pt;
	color: #CCCCCC;
	font-variant: small-caps;
}
/* <span class=\"noteRed\"> */
span.noteRed
{
	color: #FF0000;
}
/* <div class=\"noteBox\"> */
div.noteBox
{
	width: 200px;
	padding: 3px;
	margin-top: 3px;
	margin-left: 382px;
	overflow: hidden;
	line-height: 15px;
	border: 1px solid #cccccc;
}
/* <div class="detailBox"> */
div.detailBox
{
	width: 400px;
	display: none;
	padding: 3px;
	margin-top: 3px;
	margin-left: 5px;
	line-height: 15px;
	border: 1px solid #cccccc;
}
/* <div class="detailBox"><img></div> */
div.detailBox img
{
	float: right;
	margin: 2px;
	width: 100px;
	display: block;
	border: 1px solid #aaaaaa;
}
/* <div class="detailBox"><div></div> */
div.detailBox div
{
	clear: both;
	width: 0px;
	height: 0px;
}

/* <div class="headTitle"> */
div.headTitle
{
	width: 280px;
	height: 24px;
	margin: 5px;
	display: block;
	margin-left: -5px;
	background: url(./gfx/Heads/head_back.gif) repeat-x;
}

/* <div class="headTitle"><img></div> */
div.headTitle img
{
	height: 24px;
}
/* <div class="headTitle"><img class="headEnd"></div> */
div.headTitle img.headEnd
{
	float: right;
	width: 9px;
	margin-right: -9px;
	background: url(./gfx/Heads/head_end.gif) no-repeat;
}
/* <div class="headTitle"><img class="headStart"></div> */
div.headTitle img.headStart
{
	float: left;
	width: 2px;
	background: url(./gfx/Heads/head_start.gif) no-repeat;
}

/* <img> */
img
{
	margin: 0px;
}
/* <img class="imgButton"> */
img.imgButton
{
	margin: 2px;
	cursor: pointer;
}
/* <img class="imgButtonText"> */
img.imgButtonText
{
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: -4px;
}
/* <img class="textIcon"> */
img.textIcon
{
	margin-bottom: -1px;
}


/* <fieldset> */
fieldset
{
	margin: 10px;
	margin-top: 0px;
	padding-top: 0px;
	border: 1px solid #cccccc;
}
/* <fieldset><br /></fieldset> */
fieldset br
{
	margin: 10px;
}
/* <fieldset><span></fieldset> */
fieldset span
{
	font-weight: bold;
}
/* <fieldset><input></fieldset> */
fieldset input
{
	height: 12px; 
	margin: 0px;
	margin-right: 5px;
}
/* <fieldset><select></fileldset> */
fieldset select
{
	right: 50px;
	width: 200px;
	margin-top: 3px;
	position: absolute;
	border: 1px solid #cccccc;
}
/* <fieldset><textarea></fileldset> */
fieldset textarea
{
	float: left;
	height: 89px;
	width: 320px;
	padding: 3px;
	color: #555753; 
	font: 8pt Tahoma; 
	margin-top: 5px;
	border: 1px solid #cccccc;
}
/* <fieldset><div class="noteBox"></fileldset> */
fieldset div.noteBox
{
	float: left;
	margin: 0px;
	width: 200px;
	margin-top: 5px;
	margin-left: 20px;
}



/* <table class="tblPrice"> */
table.tblPrice
{
	width: 93%;
	margin: 20px;
	margin-bottom: 40px;
	border: 1px solid #cccccc;
}
/* <table class="tblPrice"><tr class="tblPriceFirst"></table> */
table.tblPrice tr.tblPriceFirst
{
	color: #333333;
	font-weight: bold;
	background: #f19e3c;
}
/* <table class="tblPrice"><tr class="tblPriceFirst"><td></tr></table> */
table.tblPrice tr.tblPriceFirst td
{
	padding: 5px;
}
/* <table class="tblPrice"><tr class="tblPriceLast"></table> */
table.tblPrice tr.tblPriceLast
{
	font-weight: bold;
}
/* <table class="tblPrice"><td class="tblSetup"></table> */
table.tblPrice td.tblSetup
{
	border-top: 1px solid #cccccc
}
/* <table class="tblPrice"><td class="tblSetup"><input></td></table> */
table.tblPrice td.tblSetup input
{ 
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
}

/* <table class="tblOrder"> */
table.tblOrder
{
	margin-left: 10px;
	width: 417px;
	border: 1px solid #cccccc;
}


/* <form> */
form
{
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
	margin-left: 6px;
	line-height: 14px;
}

/* <input> */
input
{
	margin-left: 5px;
	font: 8pt/16pt Tahoma; 
}
/* <input class="inputButton"> */
input.inputButton
{
	margin: 2px;
	display: inline;
}
/* <input class="inputBlock"> */
input.inputBlock
{
	display: block;
	border: 1px solid #cccccc;
}
/* <input class="inputBlock" onfocus> */
input.inputBlock:focus
{
	border: 1px solid #999999;
}
/* <input class="inputSoft"> */
input.inputSoft
{
	display: inline;
	margin-bottom: 2px;
	border: 1px solid #cccccc;
}


/* <h1> */
h1
{
	display: inline;
	font-size: 12pt;
}	


/* <div class="contOl"> */
div.contOl
{
	margin-left: 20px;
}
/* <ol> */
ol
{
	margin: 0px;
	padding: 0px;
	display: none;
	list-style-position: outside;
	list-style-type: upper-roman;
}
/* <ol><li></ol> */
ol > li
{
	margin-left: 15px;
	margin-top: 20px;
	line-height: 17px;
}


/* <a href> */
a:link
{
	color: inherit;
	text-decoration: underline;
}
/* <a href visited> */
a:visited
{
	color: inherit;
	text-decoration: underline;
}
/* <a href onmouseover> */
a:hover
{
	color: #111111;
	text-decoration: underline;
}
/* <a href><img></a> */
a > img
{
	border: 0px;
}


/* <from id="thumbCont"> */
from#thumbCont
{
	margin: 10px;
}
/* <div class="thumbImg"> */
div.thumbImg
{
	float: left;
	margin: 11px;
	padding: 5px;
	text-align: center;
	line-height: 16px;
	border: 1px solid #cccccc;
}
/* <div class="thumbImg"><span></div> */
div.thumbImg span
{
	display: block;
}
/* <div class="thumbImg"><span class="inpText"></div> */
div.thumbImg span.inpText
{
	float: left;
	clear: right;
	margin-top: 0px;
	font-weight: 100;
}
/* <div class="thumbImg"><img></div> */
div.thumbImg img
{
	display: block;
}
/* <div class="thumbImg"><select></div> */
div.thumbImg select
{
	width: 150px;
	display: block;	
	position: static;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}
/* <div class="thumbImg"><input></div> */
div.thumbImg input
{
	float: left;
	margin-top: 2px;
}
/* <div class="thumbImg"><br></div> */
div.thumbImg br
{
	margin: 0px;
}
/* <div class="thumbImg"><img class="imgButton"></div> */
div.thumbImg img.imgButton
{
	float: left;
	border: 0px;
	display: inline;
	margin-top: 8px;
	margin-left: 9px;
}


/* <img class="guideThumb"> */
img.guideThumb
{
	width: 100px;
	height: 80px;
	cursor: pointer;
	margin-top: 5px;
	margin-left: 20px;
	border: 1px solid #333333;
}
/* <img class="guideLarge"> */
img.guideLarge
{
	width: 400px;
	display: none;
	height: 320px;
	position: absolute;
	border: 1px solid #333333;
}


/* <input class="inputHidden"> */
input.inputHidden
{
	background: transparent;
	line-height: 12px;
	cursor: default;
	display: block;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 90%;
}


/* <div class="buttonDiv"> */
div.buttonDiv
{
	margin-top: 4px;
	margin-left: 10px;
}


/* <div id="loginAlter"> */
div#loginAlter
{
	width: 119px;
	padding: 3px;
	display: none;
	margin-left: 8px;
	overflow: hidden;
	line-height: 14px;
	border: 1px solid #cccccc;
}
/* <div id="costumerAlter"> */
div#costumerAlter
{
	width: 186px;
	padding: 3px;
	display: none;
	margin-left: 8px;
	overflow: hidden;
	line-height: 15px;
	border: 1px solid #cccccc;
}
/* <div id="fileList"> */
div#fileList
{
	width: 360px;
	height: 90px;
	padding: 3px;
	display: none;
	margin-top: 3px;
	margin-left: 8px;
	overflow: auto;
	line-height: 15px;
	position: absolute;
	border: 1px solid #cccccc;
}
/* <input id="inpLine"> */
input#inpLine
{
	width: 85%;
	margin: 3px;
	padding: 1px;
	display: block;
	margin-left: 5px;
	border: 1px solid #cccccc;
	background: transparent;
	cursor: url("./gfx/Cursors/cursor_down.cur"), default;
}
/* <div id="buttonDiv"> */
div#buttonDiv
{
	margin-top: 44px;
	margin-left: 6px;
}
/* <div id="chPass"> */
div#chPass
{
	display: none;
}
/* <form id="registerForm"> */
form#registerForm
{
	display: none;
}
/* <div id="textLegal"> */
div#textLegal
{
	text-align: left;
}
/* <div id="errorBack"> */
div#errorBack
{
	margin-top: 150px;
}
/* <div id="guideNav"> */
div#guideNav
{
	margin-top: 40px;
}
/* <div id="divNote"> */
div#divNote
{
	width: 360px;
	padding: 3px;
	margin-top: 10px;
	line-height: 11px;
	position: absolute;
	margin-left: 120px;
	border: 1px solid #cccccc;
}
/* <div id="orderText"> */
div#orderText
{
	line-height: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* <div id="guideNav"><img id="btPrev"></div> */
div#guideNav img#btPrev
{
	left: 5px;
	bottom: 5px;
	position: absolute;
}
/* <textarea id="txtEdit"> */
textarea#txtEdit
{
	width: 98%;
	height: 175px;
	padding: 3px;
	color: #555753; 
	font: 8pt Tahoma; 
	margin-top: 5px;
	border: 1px solid #cccccc;
}
/* <div id="guideNav"><img id="btNext"></div> */
div#guideNav img#btNext
{
	right: 5px;
	bottom: 5px;
	position: absolute;
}

/* <h3 id="stampInfo"></h3>*/
h3#stampInfo
{
	margin-left: 10px;
}
