* {
    margin:0px;
    padding:0px;
}

body 
{
    text-align:center;
    background:#545c5f;
    font: normal 100% Arial, Helvetica, Verdana, sans;
}

img 
{
    border:0px;
}

hr 
{
    height: 0px;
    width: 0px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    size: 0px;
}

a 
{
    outline: none;
}

ul, li 
{ 
    list-style-type: none; 
}

table, tr, td 
{
    border: 0px;
    border-collapse: collapse;
    vertical-align: top;
}

select {
    font-family:arial;
    font-size:8pt;
    color:#444;
}

/*********************
/* GLOBAL MISC
********************/

.clear 
{
    position:relative;
    clear:both;
}

.hidden 
{
    display: none;
}

.show 
{
	display:block;
}

.nomargin 
{
    margin: 0;
}

.normal 
{
    font-weight: normal;
}

.sinput 
{
    border:solid 1px #ccc;
    padding:3px;
}

.border {
    border:solid 1px #ccc;
    display:block;
    padding:10px;
}

/*********************
/* FORM STYLE
********************/

#shipcontainer 
{
	background:#fff;
	margin:0px;
	padding:0px;
	width:100%;
}


#shiptemplate 
{  
  margin: 0px;
  padding: 0px;
  width:770px;
  text-align:left;
  font:normal 8pt tahoma,arial, tahoma, verdana;
  color:#444;
  background:#fff;
 
}



#shiptemplate #shipsteps
{
	text-align:center;
	margin:0px 0px 2em 0px;
}

#shiptemplate #shipsteps span
{
	position:relative;
	bottom:3px;
	
}

div#shipleftframe 
{
	width:360px;
	float:left;
}

div#shiprightframe 
{
	width:360px;
	margin-left:30px;
	float:left;
}

#shiptemplate ul.formheader 
{
	margin:0px;padding:5px;
}

#shiptemplate ul.formheader li
{
	margin:0px;padding:0px;
	list-style:none;
	text-align:right;
}

#shiptemplate ul.formheader li span 
{
	color:#bf2e1a;
	margin:0px 20px 4px 0px;
	padding:0px;
	list-style:none;
	text-align:right;
	float:right;
	position:relative;
	top:0px;
}

#shiptemplate ul.formheader li label 
{
	margin:0px;padding:0px;
	list-style:none;
	float:left;
}


#shiptemplate #ddlShipToSelection,
#shiptemplate #ddlShipFromSelection,
#shiptemplate #ddlShipDate,
#shiptemplate #ddlServiceType,
#shiptemplate #ddlPackageType,
#shiptemplate #ddlmylocations,
#shiptemplate #ddlscheduledate,
#shiptemplate #ddlservicetype,
#shiptemplate #ddlpackagetype
{
	width:160px;
	font-size:9pt;
}

#toggleCODServices 
{
	margin:0px 0px 0px 12px;
}



#shiptemplate fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border:0px none;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

#shiptemplate fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#shiptemplate .slabel { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as #shiptemplate input - textarea etc. elements */
	text-align: right; 
	font:normal 8pt tahoma, arial, tahoma, arial, verdana;
}

#shiptemplate label.labelext { 
	display: block;  /* block float the labels to left column, set a width */
	float: none;
	padding: 0; 
	font:normal 8pt tahoma, arial, tahoma, arial, verdana;
}

#shiptemplate fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

#shiptemplate input, #shiptemplate textarea, #shiptemplate select {
	width:auto;
	margin:2px 0 0 10px;
	padding:2px;
}

#shipleftframe span 
{
	width:auto;
	position:relative;
	margin:2px 0 0 10px;
	top:5px;
	left:10px;
	padding:0px;
	display:block;

}

div#shiptemplate .sinput 
{
	border:solid 1px #ccc;
}

div#shiptemplate .cat {width:220px;font:normal 9pt arial, tahoma, verdana;}
div#shiptemplate #zipcode.sinput {width:100px;}
div#shiptemplate #title.sinput {width:350px;}
div#shiptemplate #subtitle.sinput {width:350px;}
div#shiptemplate #details.sinput {width:350px;height:400px;}

#shiptemplate input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

#shiptemplate small {
	display: block;
	margin: 2px 0 5px 140px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 5px;
	font-size: 8pt;
}

#shiptemplate .required{font-weight:bold;} /* uses class instead of div, more efficient */

#shiptemplate br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	padding:0px;
}

#shiptemplate .bottom_pixel 
{
	background:#ddd;
	color:#ddd;
}

#shiptemplate .bottom_2pixel 
{
	background:#ddd;
	height:3px;
	color:#ddd;
	margin:10px 0px 10px 0px;
}

.formheader 
{
	background:#e9e9e9;
}
.formheader label 
{
	background:transparent url('../img/icon_arrow.gif') no-repeat 8px 5px;
	padding:0px 0px 0px 20px;
	text-indent:20px;
	font-weight:bold;
}

div#shipcontainer a.toolinfo, a.info{
    position:relative; /*this is the key*/
    z-index:999;
    color:#2c71aa;
    text-decoration:none;
    padding:0px 20px 0px 0px;
    background:transparent url('../img/icon_question.gif') no-repeat top right;
    }

div#shipcontainer a.toolinfo:hover, a.info:hover
{
	z-index:9999;
}

div#shipcontainer a.toolinfo span, a.info span
{
	display: none
}

div#shipcontainer a.toolinfo:hover span, a.info:hover span
{ 
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:2px solid #8fadce;
    background:#ebf4fe;
    color:#2c71aa;
    text-align:left;
	padding:5px;
}

/*********************
/* UI STYLE
********************/

#contentwrapper{margin: 0px auto;	padding: 0px;background-color:#fff;}
s#content{background-color: #fff;width: 770px;margin:0px auto;padding:0pxpx 0px 25px 0px;height:auto;text-align:left;background-repeat:repeat-x;}

#headerwrapper{margin: 0px auto;padding: 0px;background-image:url("../img/banner_bg.gif"); background-repeat: repeat-x ; height:89px;}
div#headerwrapper #bgwrapper{ background:transparent url('../img/menubar.gif') 0 0; }

#header{width: 770px;margin: 0px auto;padding: 0px;text-align: left;height:89px;}
#header_left{float: left;margin: 0px 0px 0px -2px;padding: 0px 0px 0px 0px;}
#header_right{float: right;margin: 0px auto;padding: 0px;color:#666;font-size:8pt;}
    
#navcontainer{font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;}
#menu{z-index:0px;margin: 0;padding: 0px 0px 0px 0px;height: 25px;font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;line-height:2.3em;}
#menu li{margin: 0;padding: 0px;display: inline;vertical-align:middle;text-align:center;list-style-type: none;}
#menu a:link, #menu a:visited{float: left;font-size: 11px;margin: 0 auto;padding-bottom: 0px;text-decoration: none;vertical-align:middle;color: #c3c6c7;width:90px;height: 25px;text-align:center;}
#menu a.active:link, #menu a.active:visited, #menu a.active:hover{width:90px;height: 25px;text-align:center;color: #566469;background-image:url('../img/nav_bk.gif');}
#menu a:hover{background-image:url('../img/menu1_bk.gif');background-repeat:repeat-x;width:90px;text-align:center;color: #fff;}
.menutxtpos {margin-top:0px;vertical-align:middle;height:15px;cursor:pointer;}
.menuimgpos {margin-top:0px;vertical-align:middle;height:15px;cursor:pointer;padding-left:2px;}
.arrowactive{background-image:url('../img/icon_logoff.gif');background-repeat:no-repeat;width:90px;background-position:8px center;}
.active{background-color:#fff;background-image:url('../img/nav_bk.gif');height:25px;border-top:solid 2px #545c5f;font-weight:bold;color:#566469;text-align:center;}
.testhighlight {background-color:#fff;background-image:url('../img/nav_bk.gif');margin-top:2px;border-top:solid 2px #545c5f;font-weight:bold;color:#566469;text-align:center;}
.unactive{color:#fff;text-align:left;}
.navhighlight {background-color:#62696c;text-align:center;margin-top:0px;vertical-align:middle;}

.maintxt {font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;margin: 0;padding: 7px 0;color: #444;}

/*group <navigation> */
.anylinkcss{
margin-top:2px;
border:1px solid #c5c7c8; position:absolute;
visibility: hidden;
line-height: 18px;
z-index: 99;
background-color: #fff;
width: 200px;
font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;color:#999;
opacity:.93;filter: alpha(opaCity=93); -moz-opaCity: 0.93;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #e5e6e7;
padding: 5px 0;
text-decoration: none;
text-indent: 5px;
color:#444;
}

.anylinkcss a:link{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #e5e6e7;
padding: 5px 0;
text-decoration: none;
text-indent: 5px;
color:#444;
}

.anylinkcss a:visited{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #e5e6e7;
padding: 5px 0;
text-decoration: none;
text-indent: 5px;
color:#444;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #3f4648;
color: white;
}
/*group </navigation> */

/*group <footer> */
#footerwrapper {clear:both;padding:15px 0px 125px 0px;height:139;width: 100%;text-align: center;margin:0px auto;background-image:url('../img/footer_shade.gif');background-repeat:repeat-x;font: normal 11px/16px "lucida grande", geneva, arial, verdana, sans-serif;}
#footer_content {width: 770px;text-align: left;padding:0px px;margin:0px auto;color:#999;}
#footer_content p {font: normal 11px/16px "lucida grande", geneva, arial, verdana, sans-serif;color: #999999;}
#footer_content a:link {font: normal 11px/16px "lucida grande", geneva, arial, verdana, sans-serif;color:#dcdcdc;text-decoration:none;}
#footer_content a:visited {font: normal 11px/16px "lucida grande", geneva, arial, verdana, sans-serif;color:#dcdcdc;text-decoration:none;}

#footer_content  hr {border:solid 0px #3d4345;border:0px none;background-color:#3d4345;height:1px;color:#3d4345;}
#footer_rightcontent {float:right;font: normal 11px/16px "lucida grande", geneva, arial, verdana, sans-serif;}
/*group </footer> */


.btncontinue 
{
	border-top:solid 1px #e99797;
	border-right:solid 1px #e99797;border-left:solid 1px #993f3f;
	border-bottom:solid 1px #993f3f;background-image:url(../img/btn_bk.gif);
	background-repeat:repeat-x;font-size:7pt;font-weight:bold;color:#fff;
	background-color:#aa1b1b;padding:10px;font-family:verdana, Tahoma, arial;
	height:30px;
	margin:9px 0px 0px 0px;border-style:outset;
}

.click {color:#bf2e1a;cursor:pointer;text-decoration:underline;}