body {	
	margin: 0;	
	padding: 0;	
	font: 70% Tahoma, Arial, Helvetica, sans-serif;	
	color: #7e7e7e; 	
	background: #fff url(/images/bg.gif) repeat-x;	
	line-height: 16px; 
}
a {	
	color: #bf0000;
}
a:hover {	
	color: #000;	
	background-color: inherit;
}
h1 {	
	font: bold 24px Arial, Sans-Serif;	
	margin: 5px 0;	
	padding: 0;	
	color: #bf0000;
	}
h2 {	
	margin: 0; 	
	padding: 3px 0 6px 0; 	
	font: bold 1.1em Arial, Sans-Serif;	
	color: #888; 	
	text-transform: uppercase;	
}
h2 a {	
	color: #333;	
	text-decoration: none;
}
p {	
	padding: 2px 0 5px;	
	margin: 0;
}
.bottom {	
	position:relative;
	top:5px;
}
.side_box {	
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #ddd;	
	background: #eee;	
	color: #666;	
	padding: 7px;
}
.address_title {	
	font: bold 120%/135% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#content {	
	margin: 0px auto; 	
	width: 780px; 
}
#l_col {	
	float: left;	
	padding: 5px 0 0 5px;	
	width: 190px;
}
#r_col {	
	float: right;	
	width: 560px;	
	margin: 0 0 20px 0; 	
	padding: 5px 0 0 15px; 	
	color: #000;	
	background-color: #fff; 	
	border-left: 1px solid #e6e6e6;
}
.header { 	
	height: 87px; 	
	margin: 0px 0 2px 0; 	
	padding: 8px 0 0 5px;	
	border-top: 4px solid #000;	
	background: #FFF url(/images/headerbg.gif) repeat-x bottom left;	
	color: #888;	
	position: relative;
}
#logo {	position: absolute;	top: 2px;	left: 2px;}#words {	position: absolute;	top: 10px;	right: 2px;	color: #000;	font: bold 1.1em/1.4em Tahoma, Verdana, Arial, Helvetica, sans-serif;	text-align: right;}	.searchform {	float: right;	padding: 2px 5px 0 0;}
.sub {	
	clear: both;	
	height: 23px;	
	margin: 0 0 10px 0;	
}
.sub_left {	
	line-height: 28px;	
	width: 200px;	
	background: #bf0000 url(/images/subleftbg.gif) repeat-x;	
	color: #fff;	
	padding: 0 5px 0 5px;	
	font-weight: bold;
	float:right;
}
.sub_right {	
	height:26px;
	background: #F6F6F6 url(/images/subrightbg.gif) repeat-x;	
	border:1px #bf0000 solid;	
	color: #626262;	
	line-height: 26px;	
	float: right;	
	width: 560px;	
}
.sub_right a {	
	height:26px;margin: 0px 2px 0 0;	
	padding: 6px 10px 7px 10px;	
	color: #626262;	
	background: inherit;	
	font-weight: bold;	
	text-decoration: none;
}
.sub_right a:hover {	
	height:26px;
	background: #999 url(/images/nav_hvr.gif) repeat-x;	
	border-top: 1px solid #7d0000;	
	color: #fff;
}
.line {	
	height: 2px;	
	margin: 10px 0;
}
.box_left {	
	float: left;	
	height:120px; 
	width: 260px;	
	padding: 13px;	
	background: #f2f2f2 url(/images/corner.gif) no-repeat bottom right;	
	color: #626262;
}
.box_right {	
	float: right; 
	height:120px;	
	width: 240px;	
	padding: 13px;	
	background: #f2f2f2 url(/images/corner.gif) no-repeat bottom right;	
	color: #626262;
}
.box_right  a {	text-decoration: none;}.box_right img { border:none; margin-right:15px;vertical-align:middle;}
.footer { 	clear: both; 	color: #999; 	background-color: #fff;	padding: 10px 0; 	border-top: 1px solid #e6e6e6; 	text-align: center;  	line-height: 13px;}
.footer a { 	text-decoration: underline; }
form.search {	padding: 0; 	margin: 0; }
input.text { 	margin: 0; 	width: 95px;	border: 1px solid #ccc; 	background: #fff;	color: #000; }
input.text:hover { 	border: 1px solid #888; }
input.searchbutton { 	margin: 0; 	font-size: 100%; 	font-family: Arial, Sans-serif; 	border: none; 	background: #fff; 	color: #888; 	padding: 1px; 	font-weight: bold; }
.img {	border: 1px solid #ddd;	padding: 3px;	margin: 0;}
.img_l {	float: left;	border: 1px solid #ddd;	padding: 3px;	margin: 0 10px 5px 0px;}
.img_r {	float: right;	border: 1px solid #ddd;	padding: 3px;	margin: 0 0 5px 10px;}
/* TABLE STYLES */
table#qna {	width: 560px;	border-collapse:collapse;	border:1px solid #bf0000;	margin-bottom: 10px;}
table#qna thead th {	background: #bf0000 url(/images/theadbg.gif) repeat-x top;	height: 45px;	color: #fff;	font: bold 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;	padding: 0px 7px;	margin: 20px 0px 0px;	text-align: left;	border-right: 1px solid #ddd;}
table#qna thead th h2 {	line-height: 45px;	font: bold 1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;	color: #fff;	text-align: center;	margin: 0;	padding: 0;}
table#qna thead a:link, table#qna thead th a:visited {	background: none;	text-decoration: none;}
table#qna thead a:hover {	background: none;	text-decoration: none;	color: #000;}
table#qna tbody tr {	background: #fff;}
table#qna tbody tr.odd {	background: #dedede;}
table#qna tbody th, td {	width: 280px; line-height: 1.4em;	color: #555;	padding: 7px 7px;	border-top: 1px solid #bf0000;	border-right: 1px solid #ccc;	text-align: left;}


table#rates {  }
table#rates th { }
table#rates tr { }
table#rates td { border:0 ;}

table#shipment {  }
table#shipment th { }
table#shipment tr { }
table#shipment td { border:0 ;}
          
.shipment {
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #ddd;	
	background: #eee;	
	color: #666;	
	padding: 7px;   
}

.button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;;
	height: 26px;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	background-image: url('/images/subleftbg.gif');
	background-repeat: repeat-x;
	border: 1px solid #326BC0;    
}

/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/

.login div.Container {
    width: 500px;
    margin: 60px auto 20px auto;
    min-width: inherit;
}

.login h1 {
    margin-bottom: 20px;
}


.login dl {
    margin: 10px 0 0 0;
}

.login p {
    margin: 10px 0 0 0;
}

.login dt {
    float: left;
    width: 80px;
    font-size: 14px;
    line-height: 24px;
}

.login dd {
    margin: 0 0 5px 90px;
    font-size: 11px;
    line-height: 24px;
    color: #666;
    margin-left: 80px;
}

.login input {
    font-size: 14px;
}

.login dd span {
    color: #ccc;
}

.login input#username {
    width: 300px;
}

.login input#password {
    width: 150px;
    margin-right: 5px;
}

.login input#emailpassword {
    vertical-align: middle;
    margin-right: 5px;
}

.login div#Dialog {
    border: 10px solid #ccc;
    padding: 15px 20px 10px 20px;
    text-align: left;
    background: #fff;
}

	
/* Flash messages
----------------------------------------------- */
.flash {
	position: relative;
	font-size: 12px;
	color: #666;
	padding: 10px;
	border: 1px solid #bbb;
	background: #eee;
	line-height: 16px;
	margin-bottom: 10px;
}
.flash img {
	float: left;
	padding-right: 12px;
}
.flash.error {
	color: #e13900;
	border: 1px solid #f1d3d0;
	background: #ffeae8;
}
.flash.notice {
	color: #2c7a05;
	border: 1px solid #c3f0ba;
	background: #e4ffd8;
}
.flash.msg {
	font-size: 13px;
	font-family: 'Tahoma';
	font-style: italic;
	color: #666;
	text-align: center;
	border: 1px solid #f0ebc6;
	padding: 10px 0;
	color: #918949;
	margin-bottom: 10px;
	background: #fffbdc;
}
.flash.msg a {
	font-weight: bold;
}	


/* API Settings Page
----------------------------------------------- */
.yellowBox {
	background-color: #FFFBE1;
	border: 1px solid #E0D9A8;
	padding: 20px;
}
.enableapi {
	font-size: 18px;
	font-family: arial;
	color: #000;
	padding: 20px 10px;

}
.apikey {
	background-color: #e0d9a8;
	padding: 1px 4px;
}
.api_table {
	font-size: 14px;
	color: #7e7e7e;
}



.subheader, .subheader a, .subheader a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;;
	height: 26px;
	font-size: 10pt;
	color: #FFFFFF;
	background-image: url('/images/subleftbg.gif');
	background-repeat: repeat-x;
	border: 1px solid #326BC0;    
}