@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_02.jpg);
	background-repeat: repeat-x;
	background-color: #12559B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}
.conbg{background-image:url(images/contents_bg_06.gif); background-repeat:repeat-y;}
h1{ margin:0px 0px 10px 0px; font-size:22px; color:#003366; font-weight:normal}
h2{ margin:0px; font-size:16px; color: #12559b; font-weight: bold}
a{text-decoration:none; color: #000000}
a:hover{color:#003366}
#topnav{
	width:884px;
}
#spacer1{float:left}
#home{float:left; background:url(images/sdo_06.gif) no-repeat; width:127px; height:44px; display:block;margin-left:50px;}
#payslips{float:left; background:url(images/sdo_07.gif) no-repeat; width:255px; height:44px; display:block}
#tccs{float:left; background:url(images/sdo_08.gif) no-repeat; width:128px; height:44px; display:block}
#order{float:left; background:url(images/sdo_09.gif) no-repeat; width:126px; height:44px; display:block;width:139px;}
#contact{float:left; background:url(images/sdo_10.gif) no-repeat; width:127px; height:44px; display:block}
#home:hover{background:url(images/sd_06.gif) no-repeat;}
#payslips:hover{background:url(images/sd_07.gif) no-repeat;}
#tccs:hover{background:url(images/sd_08.gif) no-repeat;}
#order:hover{background:url(images/sd_09.gif) no-repeat;}
#contact:hover{background:url(images/sd_10.gif) no-repeat;}
#spacer2{float:left}
.producttitle{color: #FF9900; font-size:13px; font-weight:bold}
.producttitle2{color: #FF9900; font-size:16px; font-weight:bold}
.input {border:1px solid #999999}
#theToolTip{
position: absolute;
left: -300px;
width: 280px;
border: 2px solid #d27d00;
padding: 6px 0px 6px 10px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
font-size:11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}
/*------------Card form------------*/
 #card_form{
overflow: hidden;
width: 96%;
}
#card_form .border_div{
   border:1px solid #c3c3c3;
   padding: 5px;
}
#card_form h3{
    border-bottom: 1px solid #242424;
    margin-top: 8px;
    padding: 8px 0 10px;
}
#card_form dl
{
    overflow: hidden;
    position: relative;
    width: 100%;
}
#card_form dt {
 clear: both;
    float:left;
    width:130px;
    padding: 4px 0 2px 0;
    text-align: left;
 }
#card_form dd {
	float:left;
    position:relative;
    margin: 0 0 8px 0;
    padding-left: 6px;
	width:410px;
}
#card_form input[type="text"], #card_form input[type="password"]{
	border: 1px solid #b7b9c5;
	width: 220px;
    padding: 2px;
}
#card_form input[type="submit"] {
    float:right;
	margin-right:183px;
}

#card_form textarea{
	border: 1px solid #b7b9c5;
	width: 220px;
    padding: 2px;
}	
#card_form select {
  border: 1px solid #b7b9c5;
  padding: 1px;
  width: 226px;
}	

#card_form select.small_size {
  border: 1px solid #b7b9c5;
  padding: 1px;
  width: 50px;
}	
#card_form label{
clear:right;
display:block;
font-size:0.9em;
margin-bottom:3px;
padding-left:13px;
 
 }