/* -----------------------------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2010.04.02
Client:         Blue Package Delivery
File Purpose:	Framework style sheet
REVISIONS:
-------------------------------------------------------------------------------------------------------- */


/* ------------------------------  GLOBAL DEFS  -------------------------------------------------------- */

/* ------------------------------  RESETS  -------------------------------------------------------- */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #000913 url(/_images/framework/bg.gif) top center repeat-y;
	height: 100%;
}
ol, ul {
	list-style: none;
	margin: 0 0 12px 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
p { 
	padding: 0 0 12px 0; 
}
div.details {
	clear: left;
}
.details ol, .details ul { margin: 0 0 12px 15px; }
.details ul { list-style: disc inside; }
.details ol { list-style: decimal inside; }
.feature ol, .feature ul {
	margin: 0;
}
.details ol li, .details ul li {
	padding: 0 0 5px 12px;
	float: none;
	/*background: url(/_images/framework/square-bullet.gif) top left no-repeat;*/
}
/* ------------------------------  END RESETS  ---------------------------------------------------- */

/* ------------------------------  GLOBAL IMG DEFS  ---------------------------- */
img {
	border: 0;
	display: block;
}
img.float-right {
	float: right;
}
img.float-left {
	float: left;
}
img.center {
	margin-left: auto;
	margin-right: auto;
}
img.frame-overlay {
	position: absolute;
	top: 0;
}
/* ------------------------------  END GLOBAL IMG DEFS  ------------------------ */

/* ------------------------------  GLOBAL TEXT HEADER DEFS  ---------------------------- */
/* page header */
h1 {
	font-size: 1.125em;
	line-height: 1.375em;
}
h2 {
	font-size: 1em;
	line-height: 1.25em;
}
h2#SectionHeader {
	width: 300px;
	float: left;
}
/* normal font size 12px */
h3, h4, h5, .regular-text, ul#globalNavigation, p, .details ol, .details ul, .trackResults ul li {
	font-size: 0.75em;
	line-height: 1.25em;
	/*font-size: 0.875em;
	line-height: 1.375em;*/
}
h3#pageTitle { padding: 2px 0 18px 0; }
h2#formHeader {	padding: 5px 0 17px 0; }
.form-row h4, .form-row-error h4 {
	padding: 1px 10px 0 10px;
	text-align: right;
	float: left;
}
/* ------------------------------  END GLOBAL TEXT HEADER DEFS  ------------------------ */
/* --------------------------- LINK DEFS ----------------------------------- */
a { font-weight: bold; color: #09f; }
a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a.opposite, a:visited.opposite { text-decoration: underline; }
a.opposite:hover, a.opposite:active { text-decoration: none; }
/* --------------------------- END LINK DEFS ------------------------------- */

/* --------------------------- TEXT DEFS ----------------------------------- */
p.centered-text { 
	padding: 0;
	text-align: center; 
}
.form-text { padding: 16px 0 0 0; }
.form-text span { color: #c00; }
.no-records {
	padding: 6px 0 12px 0;
	text-align: center;
}
/* --------------------------- END TEXT DEFS ------------------------------- */

/* --------------------------- ERROR DEFS ---------------------------------- */
.textError {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
	background-color: #fee;
}
.textError h1 {
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	float: left;
}
.textError ul {	padding: 5px 10px 5px 30px; }
.textError a { padding: 10px; }
.textErrorSmall {
	font-size: 11px;
	padding: 5px;
	color: #c00;
}
/* --------------------------- END ERROR DEFS ------------------------------ */

/* --------------------------- FIXES FOR IE6 ------------------------------ */
.clearfix:after {
     content: " "; 
     display: block; 
     height: 0; 
	 font-size: 0;
     clear: both; 
     visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

/* --------------------------- END FIXES FOR IE6 -------------------------- */

/* --------------------------- OVERLAY DEFS -------------------------- */
#mainOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 900;
}
#overlayBG {
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}
#shippingDetail { visibility: hidden; }
.overlay-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.overlay-container {
	width: 600px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.overlay-header {
	width: 100%;
	height: 45px;
	margin: 80px 0 0 0;
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
img.close {
	margin: 10px 10px 0 0;
	float: right;
	display: inline;
	position: relative;
}
.overlay-body {
	width: 100%;
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
}
.overlay-footer {
	width: 100%;
	height: 20px;
	float: left;
}
.overlay-content {
	width: 540px;
	margin: 17px auto 10px auto;
}
/* --------------------------- END OVERLAY DEFS ---------------------- */

/* ------------------------------  END GLOBAL DEFS  ---------------------------------------------------- */

/* ------------------------------  FRAMEWORK STYLES  -------------------------------------------------------- */

#container, .container-bar {
	width: 100%;
}
.container-bar { background-repeat: repeat-x; }
.content-width {
	margin: 0 auto;
	width: 960px;
}
.main-content {	
	margin: 0 auto;
	width: 970px;
	background: url(/_images/framework/bg-content-bottom.gif) bottom center no-repeat; 
}
#header {
	width: 100%;
	height: 95px;
	position: relative;
}
#headerBar { 
	height: 140px;
	background-position: bottom center;
}
#imageBar { background: #022b4b; }
#globalHeader {
	height: 50px;
	background-position: bottom center;
}
#bodyMinHeight {
	width: 1px;
	height: 250px;
	float: right;
	overflow: hidden;
}
#body {
	text-align: left;
	background: #e5e8e9 url(/_images/framework/bg-content.gif) top center repeat-y;
}
#footer {
	height: 80px;
	color: #999;
	clear: left;
	background-position: top center;
}
/* ------------------------------  SITE HEADER STYLES  ------------------------------------------------------ */
#logo {
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
#globalHeader span { display: none; }
#globalHeader p a { 
	width: 100%;
	height: 100%;
	float: left;
}
#globalHeader p {
	width: 125px;
	height: 16px;
	margin: 17px 20px 0 0;
	float: right;
	display: inline;
	position: relative;
}
ul#tracker {
	margin: 27px 15px 0 0;
	float: right;
}
ul#tracker li {	float: left; }
ul#tracker li.field {
	padding: 7px 0 0 0;
}
ul#tracker li.field div {
	width: 155px;
	height: 39px;
	background-position: top left;
	background-repeat: no-repeat;
}
ul#tracker li.field input {
	width: 148px;
	margin: 2px 0 0 2px;
	color: #999;
	float: left;
	display: inline;
	position: relative;
}
ul#tracker li.button {
	padding: 0 0 0 5px;
	display: inline;
}
ul#tracker li.button input { 
	padding: 0;
	float: left; 
}
/* ------------------------------  END SITE HEADER STYLES  -------------------------------------------------- */

/* ------------------------------  MAIN NAV AND 2NAV STYLES  ------------------------------------------------------ */
ul#globalNavigation {
	width: 920px;
	height: 40px;
	margin: 0 auto;
	clear: left;
}
ul#globalNavigation li {
	height: 100%;
	float: left;
	background-repeat: no-repeat;
	position: relative;
	z-index: 500;
}
ul#globalNavigation li.home { 
	width: 100px; 
	background-image: url(/_images/nav/home.gif);
}
ul#globalNavigation li.service { 
	width: 150px; 
	background-image: url(/_images/nav/service.gif);
}
ul#globalNavigation li.shipping { 
	width: 125px; 
	background-image: url(/_images/nav/shipping.gif);
}
ul#globalNavigation li.tracking { 
	width: 130px; 
	background-image: url(/_images/nav/tracking.gif);
}
ul#globalNavigation li.delivery { 
	width: 125px; 
	background-image: url(/_images/nav/delivery.gif);
}
ul#globalNavigation li.coverage { 
	width: 135px; 
	background-image: url(/_images/nav/coverage.gif);
}
ul#globalNavigation li.contact { 
	width: 155px; 
	background-image: url(/_images/nav/contact.gif);
}
ul#globalNavigation li span { display: none; }
ul#globalNavigation li.nav-on { background-position: bottom left; }
ul#globalNavigation li.nav-off { background-position: top left; }
ul#globalNavigation li a.global, ul#altNav li a { 
	width: 100%;
	height: 100%;
	float: left;
}
ul#secondaryNavigation {
	width: 190px;
	margin: 0;
	float: left;
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
}
ul#secondaryNavigation li {
	width: 100%;
	margin: 0;
	padding: 0 0 1px 0;
	float: left;
	color: #666;
	font-weight: bold;
	background: url(/_images/framework/hdivider.gif) bottom left repeat-x;
}
ul#secondaryNavigation li p {
	margin: 0;
	padding: 0;
	float: left;
}
ul#secondaryNavigation li a, ul#secondaryNavigation li span { 
	width: 170px;
	padding: 5px 10px 4px 10px; 
	float: left;
	display: inline;
}
/* ------------------------------  END MAIN AND 2NAV STYLES  -------------------------------------------------- */

/* --------------------------- COLUMN CONTAINERS ----------------------------------- */
.pageContent {
	width: 920px;
	padding: 37px 24px 40px 24px;
	margin: 0 0 0 1px;
	float: left;
	display: inline;
	background: url(/_images/framework/bg-content-top.gif) top center no-repeat;
	position: relative;
}
#pageMainColumn { width: 560px; }
#contentFlash #pageMainColumn { width: 310px; }
#pageColumn #pageMainColumn { width: 425px; }
ul#Columns {
	margin: 0;
	float: left;
}
li#navigationColumn, li#pageColumn {
	margin: 0;
	float: left;
}
li#navigationColumn { width: 225px; }
li#pageColumn {	width: 695px; }
#sectionBanner {
	width: 100%;
	height: 180px;
	position: relative;
}
/* --------------------------- END COLUMN CONTAINERS ------------------------------- */

/* ------------------------------  END BODY STYLES  ---------------------------------------------------- */

/* ------------------------------  FOOTER STYLES  ------------------------------------------------------ */
#footer .content-width {
	position: relative;
}
#footer p.copy {
	width: 300px;
	padding: 12px 0 0 20px;
	float: left;
	display: inline;
}
#footerGreen {
	width: 107px;
	height: 46px;
	margin: 15px 0 0 0;
	padding: 4px 0 0 3px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}
#footer ul {
	margin: 12px 20px 0 0;
	float: right;
	display: inline;
	color: #999;
}
#footer ul li {
	float: left;
}
#footer ul li.divider {	padding: 0 5px; }
#footer ul li a {
	font-weight: normal;
	color: #fefefe;
}
/* ------------------------------  END FOOTER STYLES  -------------------------------------------------- */