/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul li
{
    padding-left: 5px;
    list-style-image:url("/images/blk_triangle_bullet.jpg");
    margin: 3px 0 3px 0;
}

a:link
{
	color: #003399;
}
a:visited
{
	color: #003399;
}
a:active
{
	color: #ff9933;
}
a:hover {
    text-decoration: none;
    border: 1px dotted #cc6600;
    border-width: 0 0 1px 0;
    color: #cc6600;
}

/* index */

table.index
{
    border: 2px solid #aaa !important;
    background-color: #DCCD97;
    background-color: #ffffff;
    margin-bottom: 5px;
}
table.index th
{
    font-size:13px !important;
    font-weight: bold;
    background-color: #fff !important;
    color: #cc6600;
    padding:5px;
    text-align:left;
    border-bottom: 1px solid #aaa;
}
table.index td
{
    font-size:14px !important;
    padding:6px;

}

/* tracking main */

table.b1-2
{
    border: 1px solid #aaa !important;
    background-color: #DCCD97;
    background-color: #ffffff;
    margin-bottom: 0px;
}
table.b1-2 th
{
    font-size:13px !important;
    font-weight: bold;
    background-color: #F0F0F0 !important;
    color: #cc6600;
    padding:1px;
    text-align:left;
    border-bottom: 1px solid #aaa;

}
table.b1-2 td
{
    font-size:13px !important;
    padding:1px;
    text-align:left;
}

/* tracking line detail */

table.b1-3
{
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;
}
table.b1-3 th
{
    font-size:13px !important;
    background-color: #f0f0f0;
    font-weight: bold;
    color: #cc6600;
    padding:5px;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;

    text-align:left;
}
table.b1-3 td
{
    font-size:13px !important;
    background-color: #fff;
    padding:1px;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
}


/* tracking zoom detail */

#multiquantity
{
    font-size:13px !important;
    background-color: #FFF284;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#Canceled_Reversal
{
    font-size:13px !important;
    background-color: #99FD77;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#Reversed
{
    font-size:13px !important;
    background-color: #FF5353;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#refunded
{
    font-size:13px !important;
    background-color: #FF9797;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#notrefunded
{
    font-size:13px !important;
    background-color: #f4f4f4;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#notdispatched
{
    font-size:13px !important;
    background-color: #FFE4C4;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-style: italic;
}

#dispatched
{
    font-size:13px !important;
    background-color: #D2FFC4;
    padding:0px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

/*--------------------------------------*/
/* INVOICE BOX */
#inv
{
    font-size:13px !important;
    background-color: #D2FFC4;
    color: #000000;
    padding:0px;
    border:0px;
}

/*--------------------------------------*/
/* REFUND BOX */

table#refundbox_header
{
    font-size:13px;
    background-color: #000000;
    color: #000000;
    padding:0px;
}

table#refundbox_header tr
{
    font-size:13px;
    background-color: #BAD0EF;
    color: #000000;
    padding:0px;
    border:0px;
}

table#refundbox_header th
{
    font-size:13px;
    background-color: #BAD0EF;
    color: #000000;
    padding:0px;
    border:0px;
}

#refundbox_detail
{
    font-size:13px !important;
    background-color: #FF9F42;
    color: #000000;
    padding:0px;
    border:0px;
}
#refundbox_detail_pending
{
    font-size:13px !important;
    background-color: #FFFFFF;
    color: #000000;
    padding:0px;
    border:0px;
}
/*--------------------------------------*/

table#itemdetail {
    background-color:#FFFFFF;
    border: solid #000 1px;
    margin: left;
}

table#itemdetail td {
    padding: 2px;
    border: solid #000 0px;
    border-top: 1px solid #aaa;
}

table#itemdetail th
{
    font-size:13px !important;
    font-weight: bold;
    background-color: #fff !important;
    color: #cc6600;
    padding:5px;
    text-align:left;
    border-bottom: 0px solid #aaa;
}

table#orderhistory {
    background-color:#FFFFFF;
    border: solid #000 1px;
    margin-right: 5px;
    float:left;
}

table#orderhistory td {
    padding: 2px;
    border: solid #000 0px;
    border-top: 1px solid #aaa;
}

table#orderhistory th
{
    font-size:13px !important;
    font-weight: bold;
    background-color: #fff !important;
    color: #cc6600;
    padding:5px;
    text-align:left;
    border-bottom: 0px;
}

table#mainbox {
    background-color:#FFFFFF;
    border: solid #000 1px;
    width: 80%;
    margin: auto;
}

table#mainbox td {
    padding: 2px;
    border: solid #000 0px;
}

table#mainbox th
{
    font-size:13px !important;
    font-weight: bold;
    background-color: #fff !important;
    color: #cc6600;
    padding:5px;
    text-align:left;
    border-bottom: 1px solid #aaa;
}
/* ------ WARNING BOXES --------------- */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/lightbulb.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/exclamation-trianglesign.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/exclamation-trianglesign.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/exclamation-trianglesign.png');
}

/* ------ CURVED BOX --------------- */
.curved_bl {background: url(images/curved/bl.gif) 0 100% no-repeat #e68200; width: 80%}
.curved_br {background: url(images/curved/br.gif) 100% 100% no-repeat}
.curved_tl {background: url(images/curved/tl.gif) 0 0 no-repeat}
.curved_tr {background: url(images/curved/tr.gif) 100% 0 no-repeat; padding:10px}
.curved_clear {font-size: 1px; height: 1px} 

/* ------ PRICE --------------- */
.price { font-family: arial,verdana,helvetica,sans-serif; color: #990000; }

.floatLeft { 
    float: left; 
    margin: 4px;
    border: 0px;
}

.thumbnail
{
float: left;
width: 150px;
border: 0px solid #999;
margin: 0 0px 0px 5px;
padding: 5px;
}