/*------------------ Buttons on Check pages---------------------------*/
/***Continue Button******/
a.button{
background: transparent url('../../images/buttons/bt_blue_left.gif') no-repeat top left;
display: block;
line-height: 18px; /* This value + 3px + 7px (top and bottom padding of SPAN) must equal height of button background */
height: 28px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
float:left;
cursor:pointer;
}

a:link.button, a:visited.button, a:active.button{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.button span{
background: transparent url('../../images/buttons/bt_blue_right_arrow.gif') no-repeat top right;
display: block;
text-decoration:none;
padding:3px 40px 7px 0;
text-align:center;
vertical-align:middle;

color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;


}
a.button span img{margin-top:3px; margin-right:2px}
a.button:hover{ /* Hover state CSS */
background-position: left -28px;
}

a.button:hover span{ /* Hover state CSS */
background-position: right -28px;
text-decoration:none;

}
.button_wrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	float: right;
}

a:link.button, a:visited.button, a:active.button{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

/***End of Continue Buttons******/

/*** Button no arrow******/
a.buttonblue{
background: transparent url('../../images/buttons/bt_blue_left.gif') no-repeat top left;
display: block;
line-height: 18px; /* This value + 3px + 7px (top and bottom padding of SPAN) must equal height of button background */
height: 28px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
float:left;
cursor:pointer;
}
a:link.buttonblue, a:visited.buttonblue, a:active.buttonblue{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.buttonblue span{
background: transparent url('../../images/buttons/bt_blue_right.gif') no-repeat top right;
display: block;
text-decoration:none;
padding:3px 28px 7px 0;
text-align:center;
vertical-align:middle;
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.buttonblue span img{margin-top:3px; margin-right:2px}
a.buttonblue:hover{ /* Hover state CSS */
background-position: left -28px;
}

a.buttonblue:hover span{ /* Hover state CSS */
background-position: right -28px;
text-decoration:none;
}
.buttonblue_wrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	float: right;
}



a:link.buttonblue, a:visited.buttonblue, a:active.buttonblue{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}


/*** Button gray ******/
a.buttongray{
background: transparent url('../../images/buttons/bt_gray_left.gif') no-repeat top left;
display: block;
line-height: 18px; /* This value + 3px + 7px (top and bottom padding of SPAN) must equal height of button background */
height: 28px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
float:left;
cursor:pointer;
}

a:link.buttongray, a:visited.buttongray, a:active.buttongray{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.buttongray span{
background: transparent url('../../images/buttons/bt_gray_right.gif') no-repeat top right;
display: block;
text-decoration:none;
padding:3px 28px 7px 0;
text-align:center;
vertical-align:middle;

color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;


}
a.buttongray span img{margin-top:3px; margin-right:2px}
a.buttongray:hover{ /* Hover state CSS */
background-position: left -28px;
}

a.buttongray:hover span{ /* Hover state CSS */
background-position: right -28px;
text-decoration:none;

}
.buttongray_wrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	float: right;
}



a:link.buttongray, a:visited.buttongray, a:active.buttongray{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/***End of Continue Buttons******/


/*** Button Green******/
a.buttongreen{
background: transparent url('../../images/buttons/bt_green_left.png') no-repeat top left;
display: block;
line-height: 18px; /* This value + 3px + 7px (top and bottom padding of SPAN) must equal height of button background */
height: 28px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
float:left;
cursor:pointer;
}
a:link.buttongreen, a:visited.buttongreen, a:active.buttongreen{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.buttongreen span{
background: transparent url('../../images/buttons/bt_green_right.png') no-repeat top right;
display: block;
text-decoration:none;
padding:3px 28px 7px 0;
text-align:center;
vertical-align:middle;
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.buttongreen span img{margin-top:3px; margin-right:2px}
a.buttongreen:hover{ /* Hover state CSS */
background-position: left -28px;
}

a.buttongreen:hover span{ /* Hover state CSS */
background-position: right -28px;
text-decoration:none;
}
.buttongreen_wrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	float: right;
}



a:link.buttongreen, a:visited.buttongreen, a:active.buttongreen{
color:#FFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
/*************************/





/*****************************************/

/***Checkout form Table********/
table.checkout_form_table{margin-bottom:10px}
table.checkout_form_table thead th
{
background:url(../../images/checkout/checkout_thead_bg.gif) no-repeat;
padding:3px 10px;
line-height:18px;
text-align:left;
font-weight:bold;
}

table.checkout_form_table thead th.thleft
{
background:url(../../images/checkout/checkout_thead_bg.gif) no-repeat;
background-position:top left;
padding:3px 10px;
line-height:18px;
text-align:left;
font-weight:bold;
}

table.checkout_form_table thead th.thright
{
background:url(../../images/checkout/checkout_thead_bg.gif) no-repeat;
background-position:top right;
padding:3px 10px;
line-height:18px;
text-align:left;
font-weight:bold;
}





table.checkout_form_table tbody td{border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}

/**form description row***/
table.checkout_form_table td.form_description{
border-bottom:1px solid #dfdfdf; padding:10px 10px 15px 10px; vertical-align:top; background-color:#FFFFFF}

table.checkout_form_table td.form_description_no_border{
border-bottom:0px solid #dfdfdf; padding:10px 10px 15px 10px; vertical-align:top; background-color:#FFFFFF}


table.checkout_form_table td.form_body{background:url(../../images/checkout/checkout_form_table_body_bg.gif) repeat-x;padding:10px;}

table.checkout_form_table td.form_body table tr td{ border:0}

table.checkout_form_table td.form_body table tr td .field_label{margin-bottom:3px}

table.checkout_form_table td.form_body .match{background:url../..(/images/checkout/icon_match.gif) no-repeat 0 0; color:#389818; padding-top:2px;padding-left:20px; height:18px; vertical-align:middle; margin-top:18px}

table.checkout_form_table td.form_body .notmatch{background:url(../../images/checkout/icon_notmatch.gif) no-repeat 0 0; color:#bc2222;
padding-top:2px;padding-left:20px; height:18px; vertical-align:middle; margin-top:18px}

.form_body{background-color:#ffffff}

table.checkout_form_table tfoot
td{background:url(../../images/checkout/checkout_tfoot_bg.gif) no-repeat;
height:5px;
}


table.checkout_form_table tfoot td.tfootleft
{background:url(../../images/checkout/checkout_tfoot_bg.gif) no-repeat;
background-position:top left;
height:5px;
}

table.checkout_form_table tfoot td.tfootright
{background:url(../../images/checkout/checkout_tfoot_bg.gif) no-repeat;
background-position:top right;
height:5px;
}


/*******************************/

.checkout_cart th
{
	font-size:12px;
	font-family:Verdana,Arial;
	font-weight:bold;
	line-height:13px;
	vertical-align:middle; 
	background-color:#cccccc;
	padding:5px;
	color:#000000;
}
.checkout_cart td
{
	padding:5px;
	font-size:12px;
	line-height:20px;
}
.checkout_cart_alternate
{
	border-bottom:solid 1px #cccccc;
}

.checkout_cart tr.end td
{
	border-top:solid 1px #cccccc;
}


/***************************/

.green
{
	color:Green;
}
.red
{
	color:#993300;
}
.yellow
{
	 color:#ff8000;
}

/******** Common *******************/

table.main table.childtable td
{
	padding:0px 5px 5px 0px;
}




table.main table.paymenttable td
{
	padding:0px 5px 5px 0px;
}
table.main table.paymenttable td  input
{
	width:220px;
	 font-size: 11px;
}

table.main{margin-bottom:5px}

table.main thead  th
{
background:url(../../images/checkout/checkout_thead_bg.gif) no-repeat;
padding:3px 10px;
line-height:18px;
text-align:left;
font-weight:bold;
}

table.main thead th.thleft
{
background:url(../../images/checkout/checkout_thead_bg.gif) no-repeat;
background-position:top left;
padding:3px 10px;
line-height:18px;
text-align:left;
font-weight:bold;
}



table.main thead th.thright
{
background:url(../../images/checkout/checkout_thead_bg.gif) no-repeat;
background-position:top right;
padding:3px 10px;
line-height:18px;
text-align:left;
font-weight:bold;
}





table.main tbody td{border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;}

/**form description row***/
table.main td.form_description{
border-bottom:1px solid #dfdfdf; padding:10px 10px 15px 10px; vertical-align:top; background-color:#FFFFFF}

table.main td.form_description_no_border{
border-bottom:0px solid #dfdfdf; padding:10px 10px 15px 10px; vertical-align:top; background-color:#FFFFFF}


table.main td.form_body{background:url(../../images/checkout/checkout_form_table_body_bg.gif) repeat-x;
                        min-height:185px; padding:15px;}

table.main td.form_body table tr td{ border:0}

table.main td.form_body table tr td .field_label{margin-bottom:3px}

table.main td.form_body .match{background:url(../../images/icon_match.gif) no-repeat 0 0; color:#389818; padding-top:2px;padding-left:20px; height:18px; vertical-align:middle; margin-top:18px}

table.main td.form_body .notmatch{background:url(../../images/icon_notmatch.gif) no-repeat 0 0; color:#bc2222;
padding-top:2px;padding-left:20px; height:18px; vertical-align:middle; margin-top:18px}

.form_body{background-color:#ffffff}

table.main tfoot
td{background:url(../../images/checkout_tfoot_bg.gif) no-repeat;
height:5px;
}


table.main tfoot td.tfootleft
{background:url(../../images/checkout/checkout_tfoot_bg.gif) no-repeat;
background-position:top left;
height:5px;
}

table.main tfoot td.tfootright
{background:url(../../images/checkout/checkout_tfoot_bg.gif) no-repeat;
background-position:top right;
height:5px;
}


/**************************/


.tblGrid
        {
            border: solid 1px #999999;
        }
        .tblGrid th
        {
            text-align: left;
            line-height: 25px;
            font-weight: bold;
            background-color: #cccccc;
            border-right: solid 1px #999999;
            border-bottom: solid 1px #999999;
            padding: 0px 5px 0px 5px;
        }
        .tblGrid td
        {
            padding: 5px 5px 5px 5px;
            border-right: solid 1px #999999;
            border-bottom: solid 1px #999999;
            line-height: 30px;
        }
        .alternate
        {
            background-color: AliceBlue;
        }
        .invoiceItems
        {
            list-style-type: none;
            padding-left: 0px;
        }
        .invoiceItems li
        {
            line-height: 15px;
        }