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


/* --------------------------- HOME DEFS ----------------------------------- */
#homeFlash {
	width: 960px;
	height: 360px;
	position: relative;
}
ul#homeContent { 
	margin: 0;
	float: left; 
}
ul#homeContent li.col { 
	width: 425px;
	float: left; 
}
ul#homeContent li#content { padding-right: 70px; }

/* --------------------------- END HOME DEFS ------------------------------- */

/* --------------------------- COMMON PAGE DEFS ---------------------------- */
#pageContentFlash {
	width: 540px;
	height: 320px;
	float: right;
}
.page-image-wrapper { 
	width: 310px; 
	padding: 0 0 15px 0;
	float: right;
}
#pageImage, #pageImage2, #pageImageSmall {
	margin: 3px 0 0 0;
	float: right;
	position: relative;
}
#pageImage, #pageImage2 { width: 310px; }
#pageImage { height: 320px; }
#pageImage2 { height: 315px; }
#pageImageSmall { 
	width: 220px;
	height: 220px; 
}
.pageFrame {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
}
.pageLogo {
	margin: 0 147px 0 0;
	float: right;
	display: inline;
}
.pageLogoLegal {
	margin: 0;
	float: right;
	display: inline;
	font-size: 0.625em;
	color: #999;
}
ul#shippingList {
	width: 100%;
	margin: 0;
	float: left;
}
ul#shippingList li {
	width: 100%;
	padding: 0 0 15px 0;
	float: left;
	display: inline;
}
ul#shippingList li div {
	width: 500px;
	float: left;
}
ul.twoCol {
	width: 100%;
	margin: 0;
	float: left;
}
ul.twoCol li { 
	width: 330px; 
	padding: 6px 0 26px 0;
	float: left;
}
ul.twoCol li.right { padding-left: 35px; }
ul.twoCol li p {
	width: 230px;
	padding: 0;
	float: left;
}
.index-thumb {
	width: 100px;
	height: 100px;
	margin: 3px 0 0 0;
	position: relative;
	background: #fff;
	float: left;
	display: inline;
}
.index-thumb a {
	width: 100%;
	height: 100%;
	float: left;
}
/* --------------------------- END COMMON PAGE DEFS ------------------------ */

/* --------------------------- MODULE DEFS ------------------------------- */
ul.mod-blue {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #f0f5f8;
	background-position: bottom left;
	background-repeat: no-repeat;
}
ul#news { 
	margin-top: 3px;
	background-image: url(/_images/modules/news-bottom.gif); 
}
ul#news li.header { 
	padding: 0;
	background: url(/_images/modules/news-top.gif) top left no-repeat; 
}
ul#news li.article { padding: 0 10px; }
ul#news li.article p {
	width: 405px;
	padding: 8px 0 7px 0;
	background: url(/_images/framework/hdivider.gif) top left repeat-x;
}
ul.mod-blue li.header {	
	width: 100%;
	height: 40px;
}
ul.mod-blue li.header ul.links {
	margin: 13px 10px 0 0;
	color: #999;
	float: right;
	display: inline;
}
ul.mod-blue li.header ul.links li { float: left; }
ul.mod-blue li.header ul.links li img { 
	margin: 1px 10px 0 10px;
	float: left; 
	display: inline;
}
ul.mod-blue li.header ul.links li span { 
	padding: 0 0 0 10px; 
	float: left;
	display: inline;
}
ul#documents {
	margin-top: 5px;
	background-image: url(/_images/modules/bg-related-bottom.gif); 
}
ul#documents li.header { 
	padding: 0;
	background: url(/_images/modules/bg-related-top.gif) top left no-repeat; 
}
ul#documents li.content { 
	width: 100%;
	padding: 0 0 5px 0;
	float: left;
}
ul#documents ul.row {
	width: 100%;
	margin: 0;
	float: left;
	background: url(/_images/modules/col-divider.gif) top left no-repeat; 
}
ul#documents ul.row li {
	width: 210px;
	padding: 8px 10px 7px 10px;
	float: left;
	display: inline;
}
ul#documents ul.row li p { padding: 0; }
/* --------------------------- END MODULE DEFS --------------------------- */

/* --------------------------- FORM DEFS ----------------------------------- */
#pageTracker {
	width: 245px;
	height: 35px;
	margin: 0 auto;
}
#pageTracker div { margin: 9px 5px 0 0; }
#pageTracker input { 
	color: #999;
}
input, textarea {
	font-size: 0.6875em;
	line-height: 1.125em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: left;
}
select {
	font-size: 0.6875em;
	line-height: 1.125em;
	border: 1px solid #036;
	margin: 0;
}
select#Topic { width: 264px; }
input {
	border: 0;
	padding: 1px;
	margin: 0;
}
textarea {
	width: 371px;
	height: 100px;
	padding: 1px;
	border: 1px solid #036;
}
.form-row-error, .form-error-alert {
	width: 100%;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background: #fcc url(/_images/modules/error-form-left.gif) top left repeat-y;
	float: left;
}
.form-error-alert, .form-confirm-alert { margin: 0 0 15px 0; }
.form-error-mod, .form-error-mod-alert {
	background: url(/_images/modules/error-form-right.gif) top right repeat-y;
	float: left;
}
.form-error-mod { 
	width: 100%;
	padding: 0 0 5px 0; 
}
.form-error-mod-alert { 
	width: 680px;
	padding: 10px; 
}
span.error-message {
	color: #c00;
	padding: 0 0 0 25px;
	background-image: url(/_images/modules/error-form-icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: left;
	float: left;
}
.form-wrapper {
	width: 520px;
	padding: 17px 20px 0 20px;
	margin: 5px 0 0 0;
	float: left;
	background: #f0f5f8 url(/_images/modules/bg-form-top.gif) top left no-repeat;
}
div.form-row {
	width: 100%;
	margin: 5px 0;
	float: left;
}
div.form-row p {
	padding: 1px 0 0 0;
}
.form-row h4, .form-row-error h4 {
	width: 130px;
	padding: 1px 5px 0 10px;
	text-align: right;
	font-weight: normal;
	float: left;
}
.form-row-error { margin: 5px 0 0 0; }
.form-error-alert {
	width: 100%;
	margin: 0 0 15px 0;
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	background: #fcc url(/_images/framework/error-form-left.gif) top left repeat-y;
	float: left;
}
.form-row h4 span, span.required { 
	color: #09f;
}
.form-row h4.optional, .form-row-error h4.optional {
	width: 119px;
	padding: 1px 16px 0 10px;
}
.form-row h4.security {
	margin: 10px 0 0 0;
}
.form-row-field {
	border: 1px solid #036;
	background: none;
	float: left;
	display: inline;
}
input.regular {	width: 260px; }
input.track {	width: 150px; }
.form-row-security {
	width: 88px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #036;
	float: left;
}
input.security {
	width: 86px;
	padding: 1px;
	margin: 0;
	float: left;
}
.security-image {
	width: 140px;
	height: 40px;
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
.security-image-redraw {
	margin: 10px 0 0 10px;
	float: left;
	display: inline;
}
.form-button {
	margin: 0 0 0 139px;
	display: block;
}
div.form-cap {
	width: 100%;
	padding: 5px 0 0 0;
	float: left;
	background: #f0f5f8;
}
/* --------------------------- END FORM DEFS ------------------------------- */

/* --------------------------- SITE MAP DEFS ------------------------------- */
ul#siteMap {
	width: 100%;
	margin: 5px 0 0 0;
	color: #666;
	float: left;
}
ul#siteMap li, ul.siteMapSection, ul.siteMapPages {
	float: left;
	display: inline;
}
ul.siteMapPages {
	padding: 15px 0 0 0;
}
ul#siteMap li.column {
	width: 330px;
	padding: 0;
}
ul#siteMap li.first {
	padding: 0 35px 0 0;
}
ul.siteMapSection {
	padding: 0 0 18px 0;
}
ul.siteMapSection, ul.siteMapSection li {
	width: 100%;
	margin: 0;
}
ul.siteMapPages, ul.siteMapPages li {
	width: 100%;
	margin: 0;
}
ul.siteMapPages li {
	width: 100%;
	padding: 0;
	background: url(/_images/framework/site-bullet.gif) top left no-repeat;
}
ul.siteMapPages li a, ul.siteMapPages li span {
	font-weight: bold;
	padding: 0 0 0 45px;
	float: left;
}
/* --------------------------- END SITE MAP DEFS --------------------------- */