a,h1,h2,h4.pageSubHead,h4.shopIndexTitle,h5 {
	color: #316174;
}

h4.pageSubHead {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/page_subhead_bg.gif) top left repeat-x;
}

body {
	background: #f4f3e4 url(http://content.onestepahead.com/assets/images/osa/body/page_background.gif) top center repeat-y;
}

div#above_header { /* basically a spacer, the personalization div floats above this */
	background: #f4f3e4;
	height:13px;
}

div#body_height_shim { /* container that draws a white background on the body and sets the min height using the shim images below
note that the background image is 768 while the div is actually 776, this is because the 4px transparent shims sit on each side of the 768 cntr_body div in the middle */
	background: url(http://content.onestepahead.com/assets/images/osa/body/white768.gif) top center repeat-y;;
   float:left;
	}

div#cntr_foot {
	background: url(http://content.onestepahead.com/assets/images/osa/foot/footer_top_bg.gif) top left repeat-x;
}

div#cntr_body.hasCrossSells {  /* if the body container has crossells, apply the background here */
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/cross_sells_bg.gif) top left repeat-y;
}

.leftLine {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/pipe_bcbcbc.gif) center left no-repeat;
	margin-left: 3px;
	padding-left: 7px;
}

ul.horizLinks li {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/pipe_bcbcbc.gif) center left no-repeat;
}

ul.circleArrow li {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/circle_arrow.gif) center left no-repeat;
	margin-bottom: 4px;
	padding-left: 16px;
}

.showIconLink {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/show_icon.gif) center left no-repeat;
	padding-left: 25px;
}

.hideIconLink {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/hide_icon.gif) center left no-repeat;
	padding-left: 25px;
}

li.doubleArrow { /* the grey >> */
	background: url(http://content.onestepahead.com/assets/images/icons/double_arrow.gif) center left no-repeat;
	padding-left: 14px;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-HEADER, TOP NAV AND BREADCRUMB

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#personalization strong {
	color: #316174;
	text-decoration: underline;
}

div#head_left {  /* sets the left edge of the header area */
	background: url(http://content.onestepahead.com/assets/images/osa/body/edge_topleft.gif) top left no-repeat;
}

div#head_right {  /* sets the right edge of the header */
	background: url(http://content.onestepahead.com/assets/images/osa/body/edge_topright.gif) top right no-repeat;
}

.checkout_head div#head_left {
	background: url(http://content.onestepahead.com/assets/images/osa/body/edge_topleft_checkout.gif) top left no-repeat;
}

.checkout_head div#head_right {
	background: url(http://content.onestepahead.com/assets/images/osa/body/edge_topright_checkout.gif) top right no-repeat;
}

div#head_content {  /* holds the header content */
	background: url(http://content.onestepahead.com/assets/images/osa/header/header_background.gif) top left no-repeat;
}

.checkout_head div#head_content {
	background: url(http://content.onestepahead.com/assets/images/osa/header/header_back_checkout.gif) top left no-repeat;
}

div#cntr_breadcrumb {  /* this is a shim to set the bg color and hold a 26px space open for the breadcrumb div to sit on top of */
	background: #316174 url(http://content.onestepahead.com/assets/images/osa/header/breadcrumb_bg.gif) top left repeat-x;
}

div#breadcrumb span.thisPage {  /* the current page name in the breadcrumb display */
	font-weight: bold;
	color: #316174;
}

span#basket_link {
	background: url(http://content.onestepahead.com/assets/images/icons/cart_icon.gif) center left no-repeat;
	padding-left:16px;
}

span#basket_link_gray {
	background: url(http://content.onestepahead.com/assets/images/cms/registry_checklist/cart_icon.gif) center left no-repeat;
	padding-left:16px;
}

div#top_nav {
	background: url(http://content.onestepahead.com/assets/images/topnav/tnav_bg.gif) top left repeat-x;
}

div#checkout_trail {
	background:url(http://content.onestepahead.com/assets/images/topnav/checkout/checkout_trail_bg.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-FOOTER AND SUB FOOTER

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#foot_content {
	background: url(http://content.onestepahead.com/assets/images/osa/foot/footer_bg.gif) top left repeat-y;
}

div#foot_ul_left {  /* set the widths on the div with no padding or margins to avoid box model conflicts */
	width: 270px;
}
div#foot_ul_center {  /* set the widths on the div with no padding or margins to avoid box model conflicts */
	width: 105px;
}

div#foot_ul_center2 {  /* set the widths on the div with no padding or margins to avoid box model conflicts */
	width: 121px;
}

div#foot_ul_right {  /* set the widths on the div with no padding or margins to avoid box model conflicts */
	width: 220px;
}

div#foot_ul_right li {  /* to accomodate the abs pos image shop_by_catalog_img, ul is already padded 12px, so this is like 94px */
	margin-right: 82px;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-LEFT NAV

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#left_nav h3 {
	color: #316174;
}

div#left_nav li a.on {  /* 1st and 2nd level on state behavior for the anchors */
	color: #316174;
	font-weight: bold;
}

div#left_nav ul li.on {  /* the ON state of the first level nav links */
	color: #316174;
	font-weight: bold;
}

div#left_nav ul ul li.on {  /* the ON state of the second level nav links */
	font-weight: bold;
	background: url(http://content.onestepahead.com/assets/images/osa/icons/double_arrow_small-on.gif) center left no-repeat;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-ENDECA RIGHT RAIL

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.hasRightNav div.right_rail_outer {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/right_nav_bg.gif) top center repeat-x;
}

.hasRightNav div.right_rail_inner h5,
.hasRightNav div.right_rail_inner h6 {
	color: #316174;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-BUTTONS

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.button_image .L {
	background: url(http://content.onestepahead.com/assets/images/osa/buttons/button_left_cap.gif) no-repeat;
}

.button_image .C {
	background: url(http://content.onestepahead.com/assets/images/osa/buttons/button_fill.gif) repeat-x;
}

.button_image .R {
	background: url(http://content.onestepahead.com/assets/images/osa/buttons/button_right_cap.gif) no-repeat;
}

.linkNextToButton {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/pipe_bcbcbc.gif) center left no-repeat;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-CATEGORY LANDING

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#section_title {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/category_bar_bg.gif) top center repeat-x;
	height:42px;
}

div#section_title h3 {
	color: #316174;
}

div#section_title h6.viewAll {
	font-size: 10px;
	color: #316174;
}

div.subcategory_title {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/subcategory_bar_bg.gif) top center repeat-x;
}

div.subcategory_title h6 a {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/subcategory_go.gif) center right no-repeat;
}

dl.thumbnail strong {  /* sale price style */
	font-weight: bold;
	color: #BA4A2C;
	}

div.pagination {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/pagination_bg.gif) top left repeat-x;
}

div.pagination ul li.viewAll {
	background: url(http://content.onestepahead.com/assets/images/osa/icons/pipe_bcbcbc.gif) center right no-repeat;
	padding-right:10px;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-CROSSSELLS & RIGHT RAIL CONTENT
	Right Rail Cross Sells/Need Help area is 149px wide

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

.hasCrossSells div#right_rail {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/cross_sells_topbg.gif) top left repeat-x;
}

.hasCrossSells div#right_rail a {
	font-weight: bold;
	color: #316174;
}

.hasCrossSells div.right_rail_outer {
	background: #eff8fa;
}

.hasCrossSells div.right_rail_inner {
	border: 1px solid #FFFFFF;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-SHOPPING BASKET
	body#shoppingBasket

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#couponCodeOuter {
	border: 1px solid #FFFFFF;
	background: #cceaf0 url(http://content.onestepahead.com/assets/images/osa/tiles/darker_box_bg-bot.gif) bottom left repeat-x;
}

div#couponCodeInner {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/darker_box_bg-top.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-PRODUCT DETAIL
	body#productDetail

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#productDetail div#body_content { /* if we are on the productDetail page draw the line between the left and right content areas */
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/proddtl_body_content_bg.gif) top left repeat-y;
}

body#productDetail h6.productHeadline {
}

body#productDetail h6.promoText {
	color: #BA4A2C;
}

div.ensembleProduct_cntr {
	background:#fff url(http://content.onestepahead.com/assets/images/osa/tiles/gray_fade_bot.gif) bottom left repeat-x;
}

div.ensembleProduct_content {
	background:#fff url(http://content.onestepahead.com/assets/images/osa/tiles/gray_fade_top.gif) top left repeat-x;
}

div.showHideEnsProductDetails {
	background:url(http://content.onestepahead.com/assets/images/osa/tiles/gray_fade_top.gif) top left repeat-x;
}

div#zoom_thumbs dt,
div#zoom_thumbs div#zoomFooter {
	background:url(http://content.onestepahead.com/assets/images/osa/tiles/fade_bar_24.gif) top left repeat-x;
	color: #316174;
}

div#zoom_thumbs dd {
	background: #def1f5;
}

img.zoomThumbnail {
	margin-left: 2px;
	border: 1px solid #7ec1cf;
}

img.zoomThumbnail:hover {
	border: 1px solid #FFFFFF;
}

div#tabSystem #tabHead {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/product_tabs_bg.gif) top left repeat-x;
}

div#tabSystem #tabHead h6 {
	color: #316174;
}

div#tabSystem #tabHead td.tabOn div {
	background: #FFFFFF url(http://content.onestepahead.com/assets/images/osa/tiles/tab_on_left.gif) top left no-repeat;
}

div#tabSystem #tabHead td.tabOff div {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/tab_off_left.gif) top left no-repeat;
}

div#tabSystem #tabHead td.tabOn h6 {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/tab_on_right.gif) top right no-repeat;
}

div#tabSystem #tabHead td.tabOff h6 {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/tab_off_right.gif) top right no-repeat;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-GIFT CERTIFICATES
	body#giftCertificates

	-ELECTRONIC CERTIFICATES
	body#eCertificates & body#editCertificates

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#giftCertificates div#content_left h5,
body#giftCertificates div#content_right h5 {
	color: #316174;
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/login_head_bg.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-CHECKOUT STYLES (common throughout checkout process)

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

table.checkout_table thead td {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/row_head_bg.gif) top left repeat-x;
	color: #316174;
	height: 28px;
}

table.checkout_table tr.totalTop td {
	background: #def1f5 url(http://content.onestepahead.com/assets/images/osa/tiles/row_bg_top.gif) top left repeat-x;
}

table.checkout_table tr.totalBot td {
	background: #def1f5 url(http://content.onestepahead.com/assets/images/osa/tiles/row_bg_bot.gif) bottom left repeat-x;
}

table#orderSummary tr.orderSummaryTotal td {
	color: #316174;
}

div#checkoutRightCol {
	background: #def1f5;
}

div#checkoutRightCol hr {
	color: #def1f5;
	background-color: #def1f5;
}

div#checkoutRightCol ul.horizLinks li h6 {
	color: #316174;
}

div#order_summary_content {
	border: 1px solid #FFFFFF;
	background: #eff8fa;
}

table.checkout_table tr.colSubHead td {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/product_group_bg.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-LOGINS - Checkout Login, User Login & User Order Status (login)
	body#login

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#login div#content_top_inner {
	height: 31px;
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/begin_checkout_bg.gif) top left no-repeat;
}

body#login td#content_left h5,
body#login td#content_right h5 {
	color: #316174;
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/login_head_bg.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-PAYMENT/REVIEW
	body#checkoutReview

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#checkoutReview h5 {
	font-weight: bold;
	color: #316174;
}

table.checkout_table tr.addressRow td,
table.checkout_table tr.totalRow td {
	background: #eff8fa;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-REGISTRY LANDING (registry/create_registry_landing.jsp)
	body#createRegistryLanding

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#createRegistryLanding div#createReg_hasAccount,
body#createRegistryLanding div#createReg_noAccount {
	background: #eff8e7;
	border: 1px solid #afafaf;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-REGISTRY DETAIL
	body#registryDetail

	-USER REGISTRY DETAIL
	body#userRegistryDetail

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

body#userRegistryDetail div#showHideRegistryDetails {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/registry_ShowHide_bg.gif) top left repeat-x;
}
table.registryChecklistCategory td.colHeadTop{
    background: url(http://content.onestepahead.com/assets/images/cms/registry_checklist/main_gradient_top.gif) top left repeat-x;
}
table.registryChecklistCategory td.colHeadBottom{
    background: url(http://content.onestepahead.com/assets/images/cms/registry_checklist/main_gradient_bottom.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-SITE MAP (custserv/custserv.jsp?pageName=Site_Map)
	body#body_Site_Map

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#siteMapOSA h4,
div#siteMapLAB h4 {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/page_subhead_bg.gif) top left repeat-x;
	color: #316174;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-CUSTOMER SERVICE PAGES (custserv/custserv.jsp - with various page names)

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div.isCustServ div#custserv_content_outer {
	background: url(http://content.onestepahead.com/assets/images/osa/tiles/body_content_bg_d8d8d8.gif) top left repeat-y;
}

div.isCustServ div#above_body_content h3 {
	color: #316174;
}

.ss_right_rail {
	background:#eff8fa;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-POPUPS

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

div#pop_header {
	background: url(http://content.onestepahead.com/assets/images/osa/header/popup_bg.gif) top left repeat-x;
}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	Cross-Site Widgets

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

a.shippingChargeIcon
	{
	display:block;
	margin-bottom:15px;
	padding-left:30px;
	height:17px;
	line-height:17px;
	background:url(http://content.onestepahead.com/assets/images/icons/extra_ship_info.gif) center left no-repeat;
	}
p.shippingChargeIcon{
    display:block;
	margin-bottom:15px;
	padding-left:30px;
	height:17px;
	line-height:17px;
	background:url(http://content.onestepahead.com/assets/images/icons/extra_ship_info.gif) center left no-repeat;
}

span.asterisk { color: #BA4A2C; }

.hilite	{ color: #BA4A2C; }

.error { color:red; }

.shipToAddressSelection { color:blue; }

/*
** Bill Me Later Style definitions
*/

div.bmlMessaging
{
	margin-top:10px;
	padding:10px;
	border-top:1px solid #e1e1e1;
	color:#666;
}

div.bmlMessagingBasket
{
	margin:0px 0px 20px 0px;
	padding:5px;
	border:1px solid #DEDEDE;
	background:#EDEDED;
	text-align:center;
	color:#666;
}

div.bmlMessagingPayment
{
	color:#666;
}


div#BML sup
{
	font-size:6pt;
	font-weight:bold;
}

div#BML a
{
 	font-size:7pt;
 	color:#316174;
 	text-decoration:underline;
}
div#BML a:link
{
 	font-size:7pt;
 	color:#316174;
 	text-decoration:underline;
}
div#BML a:visited
{
 	font-size:7pt;
 	color:#316174;
 	text-decoration:underline;
}

div#BML a:hover
{
	font-size:7pt;
	color:#316174;
	text-decoration:none;
}

/*
** Payment Page Payment Method labels
*/

table#paymentMethodOptions,
table#paymentMethodOptions thead,
table#paymentMethodOptions tbody,
table#paymentMethodOptions tr,
table#paymentMethodOptions tr td,
table#paymentMethodOptions table,
table#paymentMethodOptions table thead,
table#paymentMethodOptions table tbody,
table#paymentMethodOptions table tr,
table#paymentMethodOptions table tr td
{
	border-spacing:0px;
	border:1px;
	border-collapse: separate;
	padding:0px;
}


table#paymentMethodOptions tr td table tr td:first-child
{
	width:10px;
}

table#paymentMethodOptions tr td table tr td:first-child + td
{
    width:70px;
}

table#paymentMethodOptions tr td table tr td
{
	padding:2px;
}

table#paymentMethodOptions tr td table tr td[key="label"]
{
 	text-align:right;
}

/*
** Workaround for browser's such as IE which doesn't support CSS 2.x features
*/

table#paymentMethodOptions tr td table tr td#label
{
 	text-align:right;
}

/*
** Styles for Bill Me Later Order Review and Payment page.
*/

#BMLLogo
{
	float:left;
	height:30px;
}

#BMLContentPanel
{
	padding:10px 60px 0px 60px;
}

#BMLContentPanel table
{
	 padding:5px 0px 5px 0px;
	vertical-align:top;
}

.BMLContentGroup
{
	padding-bottom:5px;
	font-weight:bold;
}

.BMLContentGroupBlock
{
	padding-top:20px;
}

.BMLContentGroupDescp
{
    padding-bottom:5px;
}

table.BMLContentGroupInfo
{
	background:#EEE;
	width:100%;
}

table.BMLContentGroupInfo td
{
	padding:5px 10px 5px 10px;
}

div.spacer
{
	padding:2px;
}


/*
** Styles for single ship to modal popup window
*/

p.singleShipToHeader{
    color: #316174;
    text-align: center;
    font-size: 18px;
    font-family: Arial,Helvetica,Verdana,sans-serif;
}
div.singleShipToMainBox{
    position:relative;
    left:68px;
    background: #F8F8F5;
    width: 500px;
    height: 160px;

}
div.singleShipToSubHeaderBox{
    position:relative;
    top: 16px;
    left:16px;
    background: #F0F0EE;
    width: 470px;
    height: 25px;
}
div.singleShipToSubHeaderTextLeft{
    float: left;
    left: 10px;
    font-size: 12px;
    color: #353333;
    padding-left: 10px;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
    padding-top: 5px;

}
div.singleShipToSubHeaderTextRight{
    margin-left: 250px;
    font-size: 12px;
    color: #353333;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
    padding-top: 5px;


}
div.singleShipToAddressMainBox{
    position:relative;
    margin-left:16px;
    margin-top:16px;
    width: 470px;
    height: 100px;

}
div.singleShipToAddressLeft{
    width: 235px;
    height: 100px;
    padding-left: 10px;
}
div.singleShipToAddressRight{
    margin-top: -100px;
    width: 235px;
    height: 100px;
    border-left:2px solid #EDEDED;
    margin-left: 225px;
    padding-left: 25px;
}