/* RESET
----------------------------------------------------------
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,slabel,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*/
body
{
	background: #dadada ;
    font-size: 11px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #444444;
    margin:0;
    text-align:center;
}


/* LINKS   
----------------------------------------------------------*/
a
{
    color: #FC6703;
    text-decoration: underline;
    font-weight: bold;
}

a:hover
{
    color: #ff9622;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #444444;
    margin: 20px 0 5px 0 ;
    clear: both;
}

h1
{
    font-size: 2em;
    color: #ff9622;
}

h2
{
    font-size: 1.5em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1050;
    margin:0 auto;
    text-align:left;
 
  
}
#container
{
     background: #ffffff;
     padding:5px 0 5px 0;
     margin-top:-5px;
     
}

#title
{
	color: #ffffff;
    float: left;
    background: transparent url('images/TitleLeft.png') no-repeat top left;
}

#title h1
{
    color: #ff6600;
    font-size: 21px;
    font-weight: bold;
    margin: 0;
    padding: 5px  10px 10px 10px;
    background: transparent url('images/TitleRight.png') no-repeat top right;
}
#title .subtitle
{
    color: #9A9B9D;
    font-size: 17px;
    font-weight: bold;
}
.logindisplay
{
   color: #9A9B9D;
   text-align: left;
   background: url(../images/login.gif) no-repeat;
   height:220px;
   width:235px;
   padding: 10px 5px  0px 15px; 
}
.logindisplay ul {
    line-height:20px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0 0 0 35px;
}

.logindisplay a:link, .logindisplay a:visited
{
    color: #9A9B9D;
}
.logindisplay a:hover
{
    color:#ff6600;
}
#header
{
    background:transparent url('../images/header_bg2.jpg') no-repeat ;
    height:50px;
    margin-top:5px;
    z-index:9999;
    
}

#logindisplay a:hover
{
    text-decoration: underline;
}

#menucontainer
{
    margin-top: 0px;
    padding-top:5px;
}

#main
{
	/*margin-top: 15px;*/
  	padding: 0px 15px 15px  15px ;
}
#container_top ,#footer_top{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/containertop2.png) no-repeat;
    height:12px;
    margin-top:10px;
}
#container_bottom , #footer_bottom{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/containerbottom2.png) no-repeat scroll 0 0;
    height:12px;
}
#footer
{
	 
    padding: 0px ;
    text-align:right;
    font-size: 12px;
    background: #ffffff;    
    width: 1050px;
    margin-top:-10px;

}
#footer a{
	float:left;
	margin-right:25px;
	text-decoration:none;
	color:#9A9B9D;
}
#footer a:hover{
	
	color:#ff6600;
}
#footer .links
{
    float:right;
    padding:5px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menu li
{
	float: left;
    background: transparent url('images/TabInactiveLeft.png') no-repeat bottom left;
    border-right:1px solid #E5E5E5;
}
ul#menu li.last
{
	float: left;
   
  
}
ul#menu li a
{
	display: block;
	padding: 5px 20px 8px 15px;
	color: #9A9B9D;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url('images/TabInactiveRight.png') no-repeat bottom right;
}

ul#menu li a:hover
{
	text-decoration:none;
	color:#ff6600;
}
ul#menu li a.login
{
    color:#ff6600;
}
ul#menu li.active
{
    background: transparent url('images/TabActiveLeft.png') no-repeat bottom left;
}

ul#menu li.active a
{
    background: transparent url('images/TabActiveRight.png') no-repeat bottom right;
}
ul#menu li .ul_selected
{
    color:#ff6600;
}
/*     Home page styles
_________________________________________*/

.leftColumn {
    width:450px;
    float:left;
    padding:5px 0px 0px 5px;
}
.rightColumn
{
      padding:5px 0px 0px 5px;
       float:left;
       width:250px;
}


.barcode
{
    text-align:left;
}

/* General styles
----------------------------------------*/


.main_heading{
	font-size:13px;
	color:#666666;
	padding-bottom:2px;
}
.img_left{
	float:left;	
}

.text_error
{
	color:#FF0000;
	font-family:Arial;
	font-size:12px;
}

.text_orange
{
	color:#ff6600;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
}

.button_orange
{
	color: #FFFFFF;
	width: 95px;
	padding:2px;    
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/menuBG_orange.gif) repeat;
}
.button_orange a
{
    text-decoration:none;   
}
.button_orange_long
{
	background: url(../images/menuBG_orange.gif) repeat;
	color:#FFFFFF;
	width:150px;
	padding:2px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}

.Row_Header
{
	background: url(../images/blue_bg.gif) repeat;
	color:#005c9d;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
}

.Row_Sub_Header
{
	FONT-WEIGHT: bold; 
	COLOR:#ff6600; 
	font-family:Arial;
	font-size:13px;
}
.contentheading
{
	FONT-WEIGHT: bold; 
	COLOR:#ff6600; 
	font-family:Arial;
	font-size:12px;
}
.Row_Sub_Header2
{
	FONT-WEIGHT: bold; 
	COLOR: #005c9d; 	
	font-family:Arial;
	font-size:13px;
}

.message
{
    margin:0 auto;
    width:425px;
    padding-top:12px;
}
 

.link_right
{
    text-align:right;
    color: #ff6600; 
    font-size: 12px;
}


#indicative_rates
{
    /*background:#7098bf;*/
    padding-top:5px;
    padding-bottom:20px;
}
.estimatedcharges_tbl
{
    margin:auto 0;
}
.estimatedcharges_tbl td
{
    width:100px;
    text-align:left;
}
.maxi{
overflow: scroll;
max-height: 400px; 
width:auto;
margin:auto 0;

}

/* Styles for rate retreival section
------------------------------------------------------------ */
.Rates
{
     background:#fbfbfd;
     width:780px;
     margin-bottom:5px;
     border:#AAA9A9 1px double;  
     padding-bottom:5px;
 }
 .HTS
{
     background:#fbfbfd;
     width:650px;
     margin-bottom:5px;
     border:#AAA9A9 1px double;  
     padding-bottom:5px;
 }
 .Account
 {
     background:#fbfbfd;
     width:780px;
     margin-bottom:5px;
     border:#AAA9A9 1px double;  
     padding-bottom:5px;
 }
  .Shipping
 {
     background:#fbfbfd;
     margin-bottom:5px;
     border:#AAA9A9 1px double;  
     padding-bottom:5px;
    
 }
.Rate_Header
{
    font-size:13px;
    color:#ff6600;
    font-weight:bold;
     background-color:#ececec;
    border-bottom:1px solid #dbdbdb;
     padding:5px;
     display:block;
     line-height:100%;   
     zoom:100%;
  
}
.rate_summary
{
     padding-left:5px;
     float:left;
    
}
.wrapper
{
     padding:5px 0  5px 5px;
}
.rate_quote
{
    padding-left:5px;
    float:left;
}
.rate_disclaimer
{
    padding:5px 0px 0px 0px;
   
}
.rate_shipping_text
{
    padding:5px 0px 0px 0px;
    width:300px;
}
.rate_calc
{
     background:#ededed;
     width:480px;
     
}
.account_left
{
    float:left;
    padding: 5px 0 0 5px;
    
}
.account_right
{
    float:left;
    padding: 5px 0 0 5px;
  
    
}
.receiver_right
{
    float:left;
    padding: 5px 10px 0 5px;
    border-right:1px solid #ccc;
    
}
.sender_acct
{
    float:left;
    padding:  5px 0 0 20px;
  
    
}
.sender_header
{
    float:right;
    padding:0px  250px 0px 0px;
}
.rate_table 
{
    margin:0;
    width:100%;
}
.text_error
{
	color:#FF0000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.contentheading {
    color:#FD6000;
    font-family:arial,helvetica,sans-serif;
    font-weight:bold;
    text-align:left;
}
.highlight {
    color:#FD6000;
    font-weight:bold;
}
.small_text {
    color:#FD6000;
    font-weight:bold;
    font-size:11px;
}
.logout
{
    float:right;
    text-align:right;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset 
{
    margin: 2em 0 1em 0;
    padding: 1em;
    border: 1px solid #ff9622;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    background: #ff9622;
    padding: 5px 10px;
}

fieldset p 
{
    margin: 10px 12px 2px 10px;
}

fieldset label 
{
    display: block;
    font-weight: bold;
    margin: 5px 0 3px 0;
}

fieldset label.inline 
{
    display: inline;
}

input,input[type="text"], input[type="password"]
{
    width: 180px;
    border: 1px solid #cccccc;
	color: #333333;
}
.description
{
    width:300px;
}
.checkrpt input
{
    border: 0;
    width:20px !important;
   
}
input[type="checkbox"]
{
    border: 0;
    width:20px !important;
    _width:20px;
    
   
}
.check,.checkdel,.checkrpt,.checkart
{
    border: 0;
    width:20px !important;
    _width:20px;
    
   
}
.checkart
{
    display:none;
}
.numeric
{
}
.articlesL1,.articlesL2,.articlesL3
{
    display:none;
}
.insurance
{
    width:100px !important;
}
.rateEstimate
{
    float:right;
    margin-right:20px;
    
}
#totals
{
    display:block;
}
.invoice_left{
  float:left;
  margin : 5px 0px 0px 5px;
   width:415px !important;    
  
}
.aBDP{
    margin-right:2px;
}
.declare_a{
    padding:7px 2px 0px 2px;
}
.barcode
{
    font-size:20px;
    font-family:Bar Code;
}
.invoice
{
    display:none;    
}
.InvoiceTotals
{
    float:left;
    margin: 0px 0px 0px 10px;
}
.sedFilling
{
    float:left;
    padding:2px 0px 0px 2px;
    width:400px;
}
.spantitle
{
    float:left;
    padding:5px 2px 0px 0px;
}

input:focus,input[type="text"]:focus, input[type="password"]:focus
{
	background-color: #ffd09d;
    border: 1px solid #ff9622;
}

textarea
{
	display:block;
	height: 100px;
	width: 400px;
	color: #333333;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.1em;
    border: 1px solid #cccccc;
}

textarea:focus
{
	background-color: #ffd09d;
    border: 1px solid #ff9622;
}

/* TABLE
----------------------------------------------------------*/
table 
{
	border: none;
	/*margin-top:5px;*/
	
}
.historytbl   a
{
    margin:0px  10px 1px 4px;
    color:#005C9D;
}
.addressbooktbl
{
    width:650px;
}
 .ratetbl,.addresstbl,.historytbl,.addressbooktbl
{
    
    border:1px solid #dbdbdb;
     
}
.historytbl{
width:auto;
}
.packagetbl
{
    border:none;
    margin-top:5px;
}
.historytbl span
{
    padding:4px;
}
table td 
{
	padding: 2px;   
	border: none;
	font-size:11px;
}
.historytbl   td 
{
	padding: 5px !important;   
	border: none;
	font-size:11px;
}
table .historytbl th
{
	padding: 4px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #005C9D;
	background-color: #D7E8FA; 
    border-bottom: solid 1px #cccccc;
	font-size:12px;
}
table thead td, table th
{
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #005C9D;
	background-color: #D7E8FA; 
    border-bottom: solid 1px #cccccc;
	font-size:12px;
}



table th
{
	/*background-color: #444444;*/
	font-weight:bold;
	text-transform: capitalize;
}

table tr.row-alternate
{
	background-color: #E4E4E4; 
}
#pckL2,#pckL3
{
   
}
.hiddentr
{
    display:none;
}
.declaration
{
    display:none;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: #ff0000;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee ;
}
.input-validation-error2
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee ;
}
 .input-validation-error span
{
    display:none;
    background-color: #ccc ;
}
.validate_error
{
    height:12px;
    width:12px;
    background: url(../images/exception.gif) no-repeat;
}
.validation-summary-errors
{
	padding: 10px 10px 10px 35px;
	margin: 10px 0;
	border: 1px solid #dfdfdf;
	color: #ff0000;
	font-weight: bold;
	background: #fcf9ce url(../images/error.gif) 5px 6px no-repeat;
}

 .warningMessage, .infoMessage
{
	padding: 10px 10px 10px 35px;
	margin: 5px 0;
	border: 1px solid #DFDFDF;
	color: #333333;
	font-weight: bold;
}

.errorMessage
{
	
	padding:  0px 10px 10px 35px;
	background-image:  url(../images/error.gif) ;
	background-repeat:no-repeat;
  
}

.warningMessage
{
	background: #fcf9ce url(../images/exclamation.gif) 5px 6px no-repeat;
}

.infoMessage
{
	background-image:  url(../images/info.gif);
	background-repeat:no-repeat;
	
}
.package, .button-float
{
	float: left;
	margin-right:10px;
}
.button-float
{
    /*width:200px;*/
   /* padding:5px;*/
   
}
.float-left
{
	float: left;
}
.right {
    text-align: left;
}
.left {
    float:left;
    text-align: right;
    width:6em;
}

.view_address
{
    background-image:  url(../images/vcard_forward.png);
    background-repeat:no-repeat;
}

.float-right
{
	float: right;
	
}
 .linkBtn
{
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}
 .linkBtn span.ui-icon
{
   margin: 0 5px 0 0;
   position: absolute;
   left: .2em;
   top: 50%;
   margin-top: -8px;
  }
#upload_button
{
    min-height:50px !important;
}
.units{
width:60px;background-color:#D7E8FA;color:#005C9D;
}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
    margin:0 auto;
    width:400px;
    padding:14px;
}

/* ----------- stylized form no tables----------- */
#stylized{
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
}
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}
#stylized ,.shipment label{
    display:block;
   /* font-weight:bold;*/
    text-align:left;
    margin-right:2px;
    padding-top:7px;
    width:105px;
    float:left;
}
#stylized ,.input-validation-error label{
    display:none;
  
}
.summary ,.receipt
{
    padding:5px 0px 0px 5px;
    text-align:left;
}
.receipt label{
    font-weight:bold;
    display:block;   
    text-align:left;
    margin-right:5px;  
    padding:5px;  
    width:105px;
    float:left;
}
.receipt span
{
   
    display:block;   
    text-align:left;
    margin-right:5px;
    padding:5px;    
    width:145px;
    float:left;
}
.summary label
{
   font-weight:bold;
    display:block;   
    text-align:left;
    margin-right:5px;  
    padding:5px;  
    width:145px;
    float:left;
}
.summary span
{
   
    display:block;   
    text-align:left;
    margin-right:5px;
    padding:5px;    
    width:145px;
    float:left;
}
.shipment .times
{
    text-align:left;
    margin:0px 2px 0px 2px ;
    padding-top:7px;
    width:60px;
    float:left;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}
#stylized input{
    float:left;
    font-size:12px;
  padding:4px  2px;
    border:solid 1px #aacfe4;
    width:180px;
    margin:0px  0 20px 10px;
}
.shipment input,select{
    float:left;
    font-size:12px;
    width:180px;
    margin:2px  6px 2px 0px;
}
.shipment select{
    float:left;
    font-size:12px;
    width:120px;
    margin:2px  6px 2px 0px;
}
.shipment  input.small{
    float:left;
    font-size:12px;
    width:100px !important;
    margin:2px 0px 2px 0px;
}
.shipment .options
{
     margin: 0px 2px 0px 5px;
    padding-top:7px;
     float:left;
}
#stylized button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

#rate_value
{
    width:210px;
    height:21px;
}

 .pagination a
 { 
      padding:5px;
  }

.pagination span
{
    padding:5px;
 }
.helpicon
{
    background:transparent url(../images/info.png); 
    height:22px;
    width:22px;
    float:left;
}
.helpiconTariff{
    background:transparent url(../images/info.png) no-repeat ; 
    height:22px;
    padding-left:20px;
    padding-top:5px;
    float:left;
}
.help
{
    background:transparent url(../images/help.png); 
    height:21px;
    width:20px;
    float:left;
}
.info
{
    background:transparent url(../images/info.png); 
    height:21px;
    width:20px;
    float:left;
}
.tooltip { 
  
    background:transparent url(../images/white.png) no-repeat;   
    padding: 10px 15px  0px 15px;     
    width:200px; 
    height:104px;
    display:none; 
   color: #666;
    font-weight: bold;
    text-align:left; 
    font-size:11px; 
 
}

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	color:#333;
	z-index: 500;
	background: transparent url(../images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;}

/* simple modal styles */
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#Articles
{
    display:block;
}
/* Container */

#simplemodal-container {height:550px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/xc.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-5px; right:-10px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/* OTHER HTML TAGS  
----------------------------------------------------------*/
code, blockquote
{
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  background: #fafafa;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #ff9622;
}

code
{
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
}

blockquote
{
	font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; 
	color: #666666;
}

ul, ol
{
	margin: 10px 10px;
	list-style-position: inside;
}

ul
{
	list-style-type: disc;
}

ol
{
	list-style-type: decimal;
}

img
{
	/*border: 1px solid #dadada;*/
	padding-right: 5px;
	/*background: #fafafa;*/
}

img.float-right
{
	margin: 5px  0px 5px 15px;
	border-right: 3px solid #ff9622;
}

img.float-left
{
	margin: 5px 5px 5px 10px;
	/*border-left: 3px solid #ff9622;*/
}