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

	BODY LAYOUT AND MAIN CONTAINERS

	The main div heirarchy is:

	body#[page specific ID]
        div#cntr_outer
          -div#personalization (abs positioned)
          -div#above_header
          -div#head_left (essentially the header container)
          -div#cntr_breadcrumb
             -div#breadcrumb
          -div#body_height_shim (builds a min body height using shim graphics to the left and right of cntr_body)
             -div#cntr_body (also may contain the classes hasCrossSells, hasLeftNav, hasRightNav )
                 -div#left_nav
                 -div#body_content_cntr
                    -div#above_body_content (if necessary)
                    -div#body_content
                        -div#content_left (if necessary)
                        -div#content_center (if necessary)
                        -div#content_right (if necessary)
                    -div#below_body_content (if necessary)
                 -div#right_rail (the right nav container)
          -div#cntr_foot

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

div#cntr_outer
	{
	/* outer container used to center the page */
	position:relative;
	width:776px; /* this was also added inline to try to fix ie6 problem on pages with large images */
	margin-left: auto; /* center the page */
	margin-right: auto; /* center the page */
	text-align: left; /* reset the default */
	}

img.body_shim   /* shim image used to get a min-height effect on the body area */
	{
	float:left; /* so it floats on both sides of cntr_body */
	width:4px; /* the width of our page margin (the width of the feathered edges on the body) */
	height:300px; /* the desired min height of the page */
	}

div#cntr_body /* body container */
	{
	width:768px; /* our 'live' area */
	float:left;
	}

div#cntr_foot
	{
	margin:0 4px; /* so the content doesn't overlap the edges of the
	                  background graphic on the body  */
	position:relative;
	height:20px; /* this is the height of the background image, since this div has only absolute positioned content in it, without the height it would collapse */
	}

div#above_body_content  /* see ie_overrides */
	{
	margin:0 20px;
	}

div#body_content  /* see ie_overrides */
	{
	padding:0 20px;
	}

div#below_body_content
	{
	margin:0 20px;
	}

div#body_content_cntr
	{
	padding:20px 0 25px 0; /* to avoid box model conflicts don't use left or right padding since we setting a width for this div in other parts of the css */
	}

.hasLeftNav div#body_content_cntr   /* if the body container has leftNav, change the width of body_content_cntr */
	{
	/* width is 768px - 164px (leftnav) = 604px total */
	width:604px;
	float:left;
	}

.hasLeftNav div#body_content { border-left:1px solid #DDD; }

.hasRightNav div#body_content { border-right:1px solid #DDD; }

.hasLeftNav.hasRightNav div#body_content_cntr   /* if the body container has leftNav and the endeca-style right rail, change the width of body_content_cntr */
	{
	/* width is 768px - 164px (leftnav) - 120px (endeca right rail) = 484px total */
	width:484px;
	}

.hasLeftNavLarge div#left_nav
{
    width:224px;
}

.hasLeftNavLarge div#body_content_cntr
{
    width:504px;
}

.hasCrossSells div#body_content_cntr   /* if the body container has crossells right rail, change the width of body_content_cntr */
	{
	float:left;
	width:619px;
	}

body#shareRegistry div#body_content_cntr   /* Share Registry has leftNav and the crosssells-style right rail, change the width of body_content_cntr */
	{
	/* width is 768px - 164px (leftnav) - 149px (crosssells right rail) = 484px total */
	width:455px;
	}


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

	HEADER, TOP NAV AND BREADCRUMB

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

div#personalization
	{
	position:absolute;
	top:7px;
	right:16px;
	text-align:right;
	font-size:10px;
	color:#606060;
	}

div#personalization a
	{
	color:#606060;
	}

div#head_left
	{  /* sets the left edge of the header area */
	padding-left:4px; /* the width of the image */
	}

div#head_right
	{  /* sets the right edge of the header */
	padding-right:4px; /* the width of the image */
	height: 126px; /* need height here to fix IE6 collapse/hasLayout bug */
	}

.checkout_head div#head_right
	{
	height: 101px; /* need height here to fix IE6 collapse/hasLayout bug */
	}

body#login .checkout_head div#head_right /* checkout login doesn't show the page trail so it's shorter */
	{
	height: 70px; /* need height here to fix IE6 collapse/hasLayout bug */
	}

div#head_tabs
	{  /* holds the tabs that sit above the header */
	background: #f4f3e4;
	height:26px;
	}

div#head_content
	{  /* holds the header content */
	position:relative; /* so we can abs position inside of this */
	height:70px; /* bg graphic is 768x70 */
	}

div#head_logo
	{  /* holds the logo inside the header */
	position:absolute;
	top:15px;
	left:15px;
	}

div#head_links
	{
	font-size:10px;
	position:absolute;
	top:7px;
	right:12px;
	text-align:right;
	/*color:#d7d7d7;*/
    color:#FFFFFF;
    }
div#head_links_envelope
	{
    position:absolute;
    left:-31px;
    top:-3px;
    }

div#head_links a { color:#FFFFFF; }

div#head_search
	{
	font-size:10px;
	position:absolute;
	bottom:5px;
	right:12px;
	text-align:right;
	}

div#head_search td
	{
	vertical-align:top;
	}

div#head_search td.col1
	{
	padding: 6px 6px 0 0;
	}

div#head_search td.col3
	{
	padding: 1px 0 0 2px;
	}

div#top_nav
	{
	text-align:center;
	}


/*
drop down top nav
*/
ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	background: #595959;
	font-size: 10px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
	padding: 0;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li.subhover {
    background:#ddd;
}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -8px; top: 29px;
	background: #fff;
	display: none;
	float: left;
	width: 150px;
	border: 1px solid #111;
    -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
    z-index:999999;
}
ul.topnav li ul.subnav li{
	margin: 0 0 0 0; padding: 0 4px 0 4px;
	clear: both;
	width: 142px;
}
ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
    color:#222;
    height:100%;
    padding: 3px 0 3px 0;
}
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    text-decoration:underline;
}




div#top_nav table td
	{
	text-align:center;
	}

div#top_nav table#top_nav_outer
	{
	width: 100%;
	}

div#top_nav table#top_nav_inner
	{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	}

div#header_promo  /* this is a shim to set the bg color and hold a 26px space open for the breadcrumb div to sit on top of */
   {
	height:51px;
	margin:0 4px; /* so the content doesn't overlap the edges of the background graphic on the body  */
   }

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 */
   {
	height:26px;
	margin:0 4px; /* so the content doesn't overlap the edges of the background graphic on the body  */
   }

div#breadcrumb
	{
	position:absolute;
	top:139px;
	left:24px; /* 4px for the edge background graphic + the 20px text indent we want */
	right:24px; /* 4px for the edge background graphic + the 20px text indent we want */
	font-size:90%;
	height:26px;
	line-height:26px; /* make this equal to the div height to achieve a vertical centering effect */
	color:#606060;
	}

div#breadcrumb a
	{
	font-weight:normal;
	color:#606060;
	}

div#checkout_trail
	{
	padding:5px 20px;
	}

div#checkout_trail_inner
	{
	border:1px solid #fff;
	padding-left:15px;
	background:#707070;
	}


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

	FOOTER AND SUB FOOTER

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

div#subfoot_content
	{
	margin:0 4px; /* so the content doesn't overlap the edges of the
	                  background graphic on the body  */
	padding:15px 20px 10px 20px;
	font-size:10px;
	color:#969696;
	text-align:center;
	}

div#subfoot_links
	{
	color:#b6b6b6;
	padding-bottom:10px;
	}

div#subfoot_links a { color:#606060; font-weight:normal; }

div#foot_position
	{
	position:absolute;
	top:20px;
	right:20px;
	left:20px;
	z-index:10;
	}

img#birthday_club_img
	{
	position:absolute;
	top:11px;
	left:10px;
	z-index:100;
	}

img#shop_by_catalog_img
	{
	position:absolute;
	top:1px;
	right:1px;
	z-index:100;
	}

div#foot_content
	{
	border:1px solid #fff;
	}

div.foot_ul_cntr /* controls all 3 footer containers */
	{
	float:left;
	font-size:11px;
	}

div.foot_ul_cntr ul
	{
	padding:8px 12px 7px 12px;
	}

div.foot_ul_cntr ul li
	{
	padding-top:2px;
	padding-bottom:1px;
	}

div.foot_ul_cntr ul li.graphicHead
	{
	padding-top:5px;
	padding-bottom:0px;
	}

div#foot_ul_left li
	{
	font-size:10px;
	margin-left:82px; /* to accomodate the abs pos image birthday_club_img, ul is already padded 12px, so this is like 94px */
	}

div#foot_ul_left li p
	{
	margin-bottom:3px;
	}

div.foot_ul_cntr ul a { color:#727272; font-weight:normal; text-decoration:none; }
div.foot_ul_cntr ul a:visited { text-decoration:none; }
div.foot_ul_cntr ul a:hover { text-decoration:underline; }

img#footGo { cursor:pointer; }

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

	LEFT NAV

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

div#left_nav
	{
	padding:0 10px 20px 10px;
	float:left;
	}

div#left_nav h3
	{
	font-weight:bold;
	padding:20px 0 15px 0;
	}

div#left_nav h3,
div#left_nav ul,
div#left_nav div
	{
	width:144px; /* sets the width of the 1st level elements */
	}

div#left_nav ul ul,
div#left_nav div div,
div#left_nav div#breadcrumb
	{
	width:auto; /* resets the width for 2nd level elements and/or the breadcrumb div (which sits in left_nav on catalog pages) */
	}

div#left_nav a
	{
	color:#606060;
	font-weight:normal;
	text-decoration:none;
	}
div#left_nav a:hover { text-decoration:underline; }

div#left_nav ul li /* the first level nav links */
	{
	margin-bottom:11px;
	}

div#left_nav ul ul li /* the second level nav links */
	{
	margin:0; /* reset the margin */
	margin-top:3px;
	padding-left:12px;
	}

div.left_nav_content
	{
	margin-top:20px;
	}

div.left_rail_inner div#dimsSelected h6{
  /*padding:3px;*/
  /*margin-bottom:5px;*/
  margin:0;
}
div.left_rail_inner div#dimsSelected{
  padding:3px;
  margin-bottom:10px;
  width:144px;
  overflow:hidden;
}
div#dimsSelected p.soFarSelected{
    font-size:11px;
    font-weight:bold;
}
div#removeX{
    float:left;
    margin-right:5px;
}
div#removeX img{
    margin-top:-1px;
    z-index:0;
}
div#removeText{
    width:300px;
    overflow:hidden;
}
div#selectedDim{
    padding:3px;
    height:auto;
    margin-bottom:5px;
    padding-left:20px;
}
div.leftNavContainer ul{
    margin-left:5px;
}
div.left_rail_inner{
  margin-top:20px;
}
div#left_nav div.left_rail_inner h5
	{
	font-size:12px;
	font-weight:bold;
	}

div#left_nav div.left_rail_inner h6
	{
	font-size:11px;
	font-weight:bold;
	margin:15px 0 4px 0;
    /*text-transform:uppercase;*/
    }
div#left_nav div.left_rail_inner li
	{
	margin-bottom:2px;
	}

div#left_nav div.left_rail_inner a
	{
	color:#606060;
	font-weight:normal;
	}




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

	ENDECA Dimension Search

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

div#dim_search{
    margin-bottom:10px;
    padding:10px;
    border-bottom:1px solid #c2c2c2;
    border-top:1px solid #c2c2c2;
}

div#dim_search_heading{
    margin-bottom:5px;
}

div#dim_search_value{
    margin-left:20px;
    font-size:10px;
    margin-bottom:2px;
}

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

	ENDECA RIGHT RAIL

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */
.hasRightNav div.search_right_rail_outer
	{
    float:right;
	text-align:left;
	margin:20px 0px;
	padding:10px 5px;
    }

.hasRightNav div.search_right_rail_inner
	{
	width:110px; /* set the border, margin and padding on right_nav_outer to avoid box model conflicts */
	font-size:10px;
	overflow:hidden;
	}

div#article_heading_right_rail
{
    margin-bottom:10px;
}
div#article_right_rail
{
    margin-bottom:5px;
    border-bottom:1px solid #c2c2c2;
    padding:3px 0;
}

.hasRightNav div.right_rail_outer
	{
	float:right;
	text-align:left;
	margin:20px 0;
	padding:10px 15px;
	}

.hasRightNav div.right_rail_inner
	{
	width:90px; /* set the border, margin and padding on right_nav_outer to avoid box model conflicts */
	font-size:10px;
	overflow:hidden;
	}

.hasRightNav div.right_rail_inner h5
	{
	font-size:11px;
	font-weight:bold;
	}

.hasRightNav div.right_rail_inner h6
	{
	font-size:10px;
	font-weight:bold;
	margin:15px 0 4px 0;
	}

.hasRightNav div#dimsSelected
	{
	border-bottom:1px solid #c2c2c2;
	padding:0 0 10px 0;
	margin-top:5px;
	}

.hasRightNav div#dimsSelected a
	{
	font-size:10px;
	}

.hasRightNav div.right_rail_inner p.soFarSelected
	{
	font-weight:bold;
	margin:2px 0 -10px 0;
	}

.hasRightNav div.right_rail_inner li
	{
	margin-bottom:2px;
	}

.hasRightNav div.right_rail_inner li.selected
	{
	font-weight:bold;
	margin-bottom:0px;
	}

.hasRightNav div.right_rail_inner a
	{
	color:#606060;
	font-weight:normal;
	}

.hasRightNav div.rightNavContent
	{
	padding-top:20px;
	}


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

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

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

.hasCrossSells div#right_rail
	{
	padding:20px; /* in conjunction with the 5px margin below it gives us 20px from the top, left and right but only 10px from the boxes below it */
	padding-bottom:10px;
	font-size:10px;
	float:right;
	}

.hasCrossSells div#right_rail h3
	{
	margin:5px;
	}

.hasCrossSells div.right_rail_outer
	{
	margin-bottom:10px; /* in conjunction with the 15px pad above it gives us 20px from the top, left and right but only 10px from the boxes below it */
	width:109px; /* set width here to avoid box model conflicts, 109 + (20px * 2) padding = 149px */
	text-align:center;
	}

dl.thumbnail_related
	{
	/* clear the .thumbnail defaults */
	float:none;
	width:auto;
	margin:10px 0px;
	}

.hasCrossSells div#right_rail dl.thumbnail dt img
	{
	width:88px;
	text-decoration:none;
	margin:10px auto 5px auto;
	float:none;
	display:block;
	}

dl.rail_content dd
	{
	color:#010101;
	padding:5px 0 10px 0;
	}

ul.rail_content
	{
	margin:0 5px 5px 5px;
	}

ul.rail_content li
	{
	padding:5px 0;
	border-top: 1px solid #fff;
	}

/* the rules below were written for Shop Smarter/Tips only, they conform to the existing code in the product data
any new html written should use the ul structure above */

.hasCrossSells div#right_rail div.rail_content
	{
	margin:0 5px 5px 5px;
	}

.hasCrossSells div#right_rail div.rail_content a
	{
	display:block;
	padding:5px 0;
	border-top: 1px solid #fff;
	}

.hasCrossSells div#right_rail div.rail_content br
	{
	display:none;
	}


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

	-BUTTONS

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

.button_image {
	float:left;
	cursor:pointer;
	margin:0;
	padding:0;
}

.button_image .L {
	width:12px;
	height:19px;
	padding:0;
}

.button_image .C {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	vertical-align:middle;
	height:19px;
	line-height:19px;
	white-space:nowrap;
	padding:0;
}

.button_image .R {
	width:12px;
	height:19px;
	padding:0;
}

.buttonSeparator {
	float:left;
	margin:0 10px;
	padding:1px 0;
	}

.buttonOnBottom { margin-top:15px; }

.buttonOnTop { margin-bottom:5px;  float:right;}

.linkNextToButton
    {
    float:left;
    margin-left:8px;
    margin-top:2px;
    padding-left:7px;
    }

.btn_float_right { float:right; }

#privacyLink
	{
	float:left;
   margin-left:8px;
   margin-top:2px;
	}


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

	COMMON STYLES

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

h1,h2
	{
	font-weight:bold;
	margin-bottom:10px;
	}

h5 {
	font-weight:bold;
   }

h4.pageSubHead
   {
	height:30px;
	line-height:29px;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:10px;
   }

ul.horizLinks li
	{
	display:inline;
	font-weight:bold;
	padding-left:7px;
	padding-right:5px;
	}

ul li.first
	{
	padding-left:0px;
	background: none;
	}

.spaced
    {
    margin-bottom:10px;
    }

div.grouping
    {
    margin-bottom:15px;
    }

p.required
    {
    font-size:10px;
    margin-bottom:10px;
    }

p.required span.asterisk
    {
    padding-left:3px;
    }


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

	SECTION LANDING

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

div#landingBodyTop,
div#landingPromo1,
div#landingPromo2,
div#landingBodyMiddle,
div#landingBodyBottom
	{
	float:none;
	}

div#landingBodyMiddle
	{
	margin-top:10px;
	}

div#landingBodyBottom
	{
	margin-top:10px;
	}


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

	CATEGORY LANDING

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

div#section_title
	{
	width:442px;
	}

div#section_title h3
	{
	padding:5px 0 0 10px;
	float:left;
	}

div#section_title h6
	{
	font-size:10px;
	padding:5px 10px 0 10px;
	float:right;
	}

div#section_title h6.viewAll a
	{
	padding:0 2px; /* sets it off a little from the [] around it */
	}

div.subcategory_title
	{
	font-size:17px;
	width:442px;
	height:28px;
	color:#fff;
	}

div.subcategory_title h4
	{
	font-size:14px;
	padding:5px 0 0 10px;
	float:left;
	}

div.subcategory_title h6
	{
	font-size:10px;
	font-weight:bold;
	padding:7px 10px 0 10px;
	float:right;
	}

div.subcategory_title h6 a
	{
	color:#fff;
	padding-right:14px;
	}

div.cat_thumb_cntr
	{
	width:442px;
	padding-bottom:20px;
	}

div.cat_thumb_cntr div.thumbDiv
    {
    /* thumbnail images are 88px wide * 4 columns = 352px, so add 30px of padding to the right of col 1,2 & 3  */
    float:left;
    margin-left:5px;
    margin-top:20px;
    text-align:center;
    width:98px;
    border: 1px solid #eee;
    padding:3px
    }

div.thumbDiv a.thumbLink
    {
    display:block;
    margin-bottom:5px;
    }

div.cat_thumb_cntr div.firstThumb
    {
    margin-left:0;
    }

dl.thumbnail
	{
	text-align:center;
	font-size:10px;
	width:98px;
    height:100px;
    }

div.pagination
	{
	font-size:10px;
	width:442px;
	height:23px;
	}

div.pagination p
	{
	display:inline; /* fixes IE6 floated margin bug */
	float:left;
	margin:4px 0 0 10px;
	font-weight:bold;
	}

div.pagination ul
	{
	display:inline; /* fixes IE6 floated margin bug */
	float:right;
	margin:4px 10px 0 0;
	font-weight:bold;
	}

div.pagination ul li
	{
	display:inline;
	padding-left:5px;
	}

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

 SECTION LANDING

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



div.cat_section_thumb_cntr
{
    width:594px;
    padding-bottom:20px;
    padding-left:5px;
    padding-right:5px;
}

div.cat_section_thumb_cntr div.sectionThumbDiv
{
    /* thumbnail images are 88px wide * 4 columns = 352px, so add 30px of padding to the right of col 1,2 & 3  */
    float:left;
    margin-left:32px;
    margin-top:20px;
    text-align:center;
    width:175px;
}

div.sectionThumbDiv a.sectionThumbLink
{
    display:block;
    margin-bottom:5px;
}


div.cat_section_thumb_cntr div.sectionFirstThumb
{
    margin-left:-5px;
}

div.sectionThumbnail
 {
    float:left;
    text-align:center;
    font-size:10px;
    width:175px;
}

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

	-SEARCH RESULTS  (/catalog/search.jsp)
	body#searchResults

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

body#searchResults div#left_nav h3 { font-size:13px; }

body#searchResults div#left_nav ul li /* the first level nav links */
	{
	margin-bottom:5px;
	}

body#searchResults div#yourSearchFor
	{
	padding-bottom:10px;
	}

body#searchResults div#content_left
	{
	float:left;
	width:59%;
	}

body#searchResults div#content_left h6
	{
	margin:15px 0 7px 0;
	}

body#searchResults div#content_right
	{
	float:right;
	width:39%;
	}


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

	-SHOPPING BASKET
	body#shoppingBasket

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

body#shoppingBasket div#cntr_breadcrumb   /* hide the breadcrumb, but use the standard header on the basket */
	{
	display:none;
	}

body#shoppingBasket table.checkout_table
	{
	width:579px;
	}

body#shoppingBasket table.checkout_table td.col2
	{
	width:110px;
	}

body#shoppingBasket table.checkout_table td.col3
	{
	width:80px
	}

body#shoppingBasket table.checkout_table td.col4
	{
	width:50px;
	}

div#positionCouponCode
	{
	position:relative;
	}

div#couponCodeOuter
	{
	position:absolute;
	top:-5px;
	left:15px;
	width:200px;
	}

div#couponCodeInner
	{
	padding:10px;
	}

div#couponCodeInner h6
	{
	font-weight:bold;
	color:#010101;
	margin-bottom:4px;
	}

div#couponCodeInner dt,
div#couponCodeInner dd
	{
	margin-bottom:3px;
	}

body#shoppingBasket table.checkout_table tr.tableFooter td.col1
	{
	padding:40px 30px 0 0;
	font-size:90%;
	}

p#continueShopping { padding-top:10px; }

#emptyBasketLinks { padding-bottom:20px; }



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

	=PRODUCT DETAIL   body#productDetail

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

body#productDetail div#above_body_content
	{
	border-bottom:1px solid #d8d8d8;
	}

body#productDetail div#above_body_content h1,
body#productDetail div#above_body_content h2
	{
	float:left;
	width:80%;
	}

body#productDetail div#above_body_content h6
	{
	float:right;
	font-size:10px;
	margin-top:4px;
    line-height:20px;
    }

body#productDetail div#body_content
	{
	padding-top:20px;
	}

body#productDetail div#content_left
	{
	float:left;
	width:250px;
	}

body#productDetail div#content_right
	{
	float:right;
	width:290px;
	}

body#productDetail h6.productHeadline,
body#productDetail h6.promoText
	{
	margin-bottom:5px;
	}

body#productDetail div#product_desc
	{
	margin-bottom:20px;
	}

body#productDetail a#readMore
	{
	font-size:10px;
	}

div#zoom_thumbs dt,
div#zoom_thumbs div#zoomFooter
	{
	height:23px;
	line-height:23px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	}

div#zoom_thumbs dd  /* see ie_overrides */
	{
	padding-top:6px;
	}

div#zoom_thumbs dd table
	{
	width:100%;
	text-align:center;
	}

div#zoom_thumbs dd table td
	{
	padding-bottom:3px;
	}

div#product_ordering h5
	{
	font-size:11px;
	color:#010101;
	font-weight:bold;
	margin-bottom:12px;
	}

div#product_ordering div.left
	{
	width:165px;
	float:left;
	}

div#product_ordering div.right
	{
	margin-left:5px;
	float:right;
	}

dl#pdItemNum { margin-bottom:15px; }
dl#pdItemNum dt,
dl#pdItemNum dd
	{
	display:inline;
	}

div#pdItemPrice { margin-bottom:13px; } /* set this to 13 because the dl below will add 2px and make it equal the 15px standard */
div#pdItemPrice dl { margin-bottom:2px; }
div#pdItemPrice dl dt,
div#pdItemPrice dl dd
	{
	display:inline;
	}

dl#pdOptionsAvail
	{
	margin-bottom:12px;
	}

dl#pdOptionsAvail dt
	{
	margin-bottom:3px;
	}

dl#pdPersonalize,
dl#pdQuantity
	{
	float:left;
	width:135px;
	margin-bottom:12px;
	}

dl#pdPersonalize dt,
dl#pdQuantity dt
	{
	margin-bottom:3px;
	}

p#backorderEGCLink
	{
	margin-top:15px;
	}

div#ensemble_cntr p#backorderEGCLink
	{
	width:260px;
	}

div#tabSystem
	{
	border:1px solid #afafaf;
	margin:20px 20px 0 20px;
	background:#fff;
	}

div#tabSystem #tabHead {
	padding:0 12px;
	}

div#tabSystem #tabBody
	{
	padding:0 16px; /* 12px padding on the tabHead + the 4px padding on the td's */
	padding:20px 15px;
	}

div#tabSystem #tabHead td
	{
	padding:4px 4px 0 4px;
	}

div#tabSystem #tabHead h6
	{
	height:24px;
	line-height:24px;
	padding:0 15px;
	font-size:10px;
	font-weight:bold;
	}

div#tabSystem #tabHead a {
	text-decoration:none;
	}

div#tabSystem #tabHead a:hover {
	text-decoration:underline;
	}

div#tabSystem #tabHead td.tabOn a:hover {
	text-decoration:none;
	}

div.contentReadMoreLeft
    {
    float:left;
    width:71%;
    }

div.contentReadMoreRight
    {
    float:right;
    width:27%;
    }

div.contentReadMoreRight dl
    {
    border-top:1px solid #d8d8d8;
    padding:5px;
    }

div.contentReadMoreRight dd
    {
    float:left;
    width:17px;
    height:20px;
    }

div.contentReadMoreRight dt
    {
    clear:right;
    margin-left:30px;
    line-height:20px;
    }

div.contentReadMoreRight hr
    {
    margin-bottom:20px;
    }

div.contentReadMoreRight div.moreInfoContent
    {
    border:1px solid #d8d8d8;
    border-bottom:none;
    background:#ecf3f9;
    }

div.contentReadMoreRight div.moreInfoContent li
    {
    border-bottom:1px solid #d8d8d8;
    padding:6px;
    }

div.addtoregistryprod
	{
    float:left;
    margin-top:3px;
	}


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

	Ensemble   body#productDetail (same as product)

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

div#ensemble_cntr   /* see ie_overrides */
	{
	clear:both;
	background:#fff;
	padding:20px 0 0 0;
	}

div.ensembleProduct_cntr {
	margin-bottom:20px;
	border:1px solid #afafaf;
	}

div.ensembleProduct_content {
	padding:15px;
	}

div.showHideEnsProductDetails
	{
	padding:0 15px;
	}

div.showHideEnsProductDetails h6 a
	{
	display:block;
	height:35px;
	line-height:35px;
	}

div.ensembleProductDetails div#tabSystem { margin:3px; }

div.ens_content_thumb {
    float:left;
    padding-right:15px;
    }

div.ens_content_left {
    float:left;
    width:265px;
    }

div.ens_content_right {
    float:right;
    width:273px;
    }

div.ens_content_left h6
    {
    margin-bottom:10px;
    }

div.ens_content_left h6 br,
div.ensItemPrice br
	 {
    clear:none; /* prevents a wrap below the thumbnail when brs are used inside of the product names or prices */
    }

dl.ensItemNum { margin-bottom:15px; }
dl.ensItemNum dt,
dl.ensItemNum dd
	{
	display:inline;
	}

div.ensItemPrice { margin-bottom:13px; } /* set this to 13 because the dl below will add 2px and make it equal the 15px standard */
div.ensItemPrice dl { margin-bottom:2px; }
div.ensItemPrice dl dt,
div.ensItemPrice dl dd
	{
	display:inline;
	}

dl.ensOptionsAvail
	{
	margin-bottom:15px;
	}

dl.ensPersonalize,
dl.ensQuantity
	{
	display:inline; /* fixes IE6 float/margin bug */
	float:left;
	width:135px;
	margin-bottom:15px;
	}
div.ensSnippet
    {
    display:-moz-inline-box;
    display:inline-block;
    margin-bottom:10px;
    }
div.ensSnippetPersonalizedGutter
	{
	display:inline; /* fixes IE6 float/margin bug */
	float:right;
	width:136px;
	margin-bottom:10px;
	}
div.addtoregistryens
	{
    float:left;
	margin-top:3px;
    }

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

	-Gift Certificates   body#giftCertificates
	-E-Certificates   body#eCertificates & body#editCertificates

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

body#giftCertificates div#content_top
    {
    margin-bottom:20px;
    }

body#giftCertificates div#content_left,
body#giftCertificates div#content_right
    {
    border:1px solid #bcbcbc;
    font-size:110%;
    width:282px;
    min-height:280px;
    }

body#giftCertificates div#content_left_inner,
body#giftCertificates div#content_right_inner /* see ie_overrides */
    {
    padding:10px;
    }

body#giftCertificates div#content_left
    {
    float:left;
    }

body#giftCertificates div#content_right
    {
    float:right;
    }

body#giftCertificates div#content_left h5,
body#giftCertificates div#content_right h5
    {
    height:28px;
    line-height:28px;
    font-weight:bold;
    padding:0 10px;
    }

body#giftCertificates hr
    {
    margin:15px 0 10px 0;
    }

p#messageCharRemaining {
	margin:5px 0 7px 3px;
	}

body#eCertificates hr { margin:10px 0; }
body#eCertificates h6 { margin-bottom:10px; }

body#eCertificates dl.formInputs dt
    {
    width:145px;
    }

body#eCertificates dl.formInputs dd
    {
	margin-left:150px;  /*5px more than the label width */
    }


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

	HOMEPAGE
	body#homepage

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

body#homepage div#cntr_breadcrumb   /* hide the breadcrumb, but use the standard header */
	{
	display:none;
	}

body#homepage div#body_content_cntr,
body#homepage div#body_content
	/* zero the padding out on these divs for a full bleed effect */
	{
	padding:0;
	}

td#homepagegutter
	{
	width:25px;
	}
/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	-CHECKOUT STYLES
	common throughout checkout process

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

table.checkout_table
	{
	width:100%;
	margin-bottom: 20px;
	}

/* DEFAULT PADDING SETTINGS */
table.checkout_table td.col1 { padding-left:15px; padding-right:5px; }
table.checkout_table tbody td.col1 { padding-left:0; }
table.checkout_table td.col2 { padding-right:10px; }
table.checkout_table td.col3 { padding-right:10px; }
table.checkout_table td.col4 { padding-right:10px; }
table.checkout_table td.col5 { padding-right:10px; }

/* BASIC, 3 CELL TABLE WIDTHS - uses:
	these should not be changed, you can override them in the page-specific sections later in this file using the body# selector
 */
table.checkout_table.threeCol td.col1 { width:42%; }
table.checkout_table.threeCol td.col2 { width:26%; }
table.checkout_table.threeCol td.colLast { width:32%; }

/* BASIC, 4 CELL TABLE WIDTHS
	these should not be changed, you can override them in the page-specific sections later in this file using the body# selector
 */
table.checkout_table.fourCol td.col1 { width:40%; }
table.checkout_table.fourCol td.col2 { width:28%; }
table.checkout_table.fourCol td.col3 { width:16%; }
table.checkout_table.fourCol td.colLast { width:16%; }

/* BASIC, 5 CELL TABLE WIDTHS
	these should not be changed, you can override them in the page-specific sections later in this file using the body# selector
*/
table.checkout_table.fiveCol td.col1 { width:38%; }
table.checkout_table.fiveCol td.col2 { width:24%; }
table.checkout_table.fiveCol td.col3 { width:11%; }
table.checkout_table.fiveCol td.col4 { width:11%; }
table.checkout_table.fiveCol td.colLast { width:16%; }

/* BASIC, 6 CELL TABLE WIDTHS
	these should not be changed, you can override them in the page-specific sections later in this file using the body# selector
*/
table.checkout_table.sixCol td.col1 { width:38%; }
table.checkout_table.sixCol td.col2 { width:22%; }
table.checkout_table.sixCol td.col3 { width:12%; }
table.checkout_table.sixCol td.col4 { width:7%; }
table.checkout_table.sixCol td.col5 { width:10%; }
table.checkout_table.sixCol td.colLast { width:11%; }

table.checkout_table td.colLast /* the last column in a table */
	{
	padding-right:15px;
	text-align:right;
	}

table.checkout_table thead td
	{
	font-size:10px;
	font-weight:bold;
	vertical-align:middle;
	}

table.checkout_table tr.colHead td
	{
	font-size:90%;
	font-weight:bold;
	}

table.checkout_table tbody td
	{
	padding:10px 0px 20px 0px;
	border-top:1px solid #c2c2c2;
	}

table.checkout_table tbody td.hasChildTable
	{
	padding:0px;
	}

table.checkout_table tr.totalTop td
	{
	border-bottom:1px solid #fff;
	padding:15px 10px 15px 0px;
	}

table.checkout_table tr.totalBot td
	{
	border-width:0px;
	padding:10px 10px 15px 0px;
	}

table.checkout_table tr.tableFooter td
	{
	border:0px solid; /* clear inheritance */
	}

table.checkout_table tr.tableFooter td.colLast
	{
	padding-right:0; /* clear inheritance */
	}

table.checkout_table h6
	{
	/* product names inside of the cart are h6's */
	font-weight:bold;
	font-size:11px;
	color:#010101;
	margin-bottom:10px;
	}

table.checkout_table img.thumbnailImg
	{
	float:left;
	margin-right:10px;
	}

dl.totalList
	{
	text-align:right;
	font-size:110%;
	width:300px;
	float:right;
	}

dl.totalList dt
	{
	width:220px;
	float:left;
	display:inline; /* fixes IE's double margin bug, floated elements are automatically display:block */
	}

dl.totalList dd
	{
	margin-left:225px;  /*5px more than dt width (above) */
	}

dl.totalList strong
	{
	color:#010101;
	font-size:130%;
	font-weight:bold;
	}

div.checkoutLeftCol
	{
	float:left;
	width:350px;
	margin-bottom:20px;
	}

div#checkoutRightCol
	{
	float:right;
	width:360px;
	margin-bottom:20px;
	padding-bottom:5px; /* use bottom padding instead of margin on orderSummaryOuter to prevent margin collapse in IE */
	}

div#orderSummaryOuter
	{
	float:left;
	margin:5px 5px 0 5px; /* use bottom padding on checkoutRightCol instead of margin to prevent margin collapse in IE */
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	padding:10px 0 10px 10px;
	}

div#orderSummaryInner
	{
	width:210px; /* set width here and set margins,paddings and borders elsewhere to avoid box model conflicts */
	}

div#orderSummaryInner h5
	{
	font-size:12px;
	}

table#orderSummary td
	{
	text-align:right;
	padding-top:7px;
	}

table#orderSummary tr.hrRow td { padding:0; }

table#orderSummary tr.topRow td
	{
	padding-top:0px;
	}

table#orderSummary td.col1
	{
	width:155px;
	text-align:left;
	font-weight:bold;
	}

table#orderSummary td.col1 small
	{
   display:block;
	font-size:90%;
	font-weight:normal;
	}

table#orderSummary td.colLast
	{
	width:55px;
	}

table#orderSummary tr.orderSummaryTotal td
	{
	font-size:150%;
	font-weight:normal;
	padding:0;
	}

div#checkoutRightCol hr
	{
	height:3px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:10px 0;
	}

div#checkoutRightCol ul.horizLinks li h6
	{
	display:inline;
	font-weight:bold;
	}

div#order_summary_content_outer
	{
	margin-bottom:10px; /* in conjunction with the 15px pad above it gives us 20px from the top, left and right but only 10px from the boxes below it */
	width:107px; /* set width here to avoid box model conflicts, 109 + (20px * 2) padding = 149px */
	text-align:center;
	float:right;
	margin:5px;
	}

div#order_summary_content div.right_rail_inner h3
	{
	margin-bottom:5px;
	}

dl.itemNumber dt,
dl.itemNumber dd
	{
	display:inline;
	}

div.addressTips h6 {
   margin-bottom:5px;
	}

div.shaded {
	padding:10px;
	border:1px solid #e1e1e1;
	background:#fafafa;
	}

div.callout {
	padding:10px;
	border:1px solid #e1e1e1;
	}

div.shaded h4,
div.callout h4
	{
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
	}

ul.checkboxList.horiz li {
	margin-right:8px;
	}

dl#haveChildrenList dt { margin-bottom:5px; }
dl#haveChildrenList dl.formInputs { margin-bottom:0; }
dl#haveChildrenList dl.formInputs dt { width:55px; color:#606060; }
dl#haveChildrenList dl.formInputs dd { margin-left:60px; color:#606060; }

div#checkoutLeftCol dd {
	margin-bottom:10px;
}

div#checkoutLeftCol p.error {
	margin-top:5px;
}


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

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

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

body#login div#body_content
    {
    border:1px solid #e1e1e1;
    margin:0 20px;
    padding:0;
    }

body#login div#content_top
    {
    width:571px;
    padding-bottom:17px;
    margin:3px auto 0 auto;
    }

body#login div#content_top_inner
    {
    border:1px solid #bcbcbc;
    }

body#login div#content_top_inner h5
    {
    font-size:11px;
    color:#606060;
    line-height:31px;
    font-weight:bold;
    float:left;
    padding-left:22px;
    }

body#login div#content_top_inner h6
    {
    font-size:10px;
    line-height:31px;
    color:#606060;
    float:right;
    padding-right:10px;
    }

body#login div#content_top_inner h6 a
    {
    color:#606060;
    }

body#login td#content_left h5,
body#login td#content_right h5
    {
    font-size:12px;
    height:28px;
    line-height:28px;
    font-weight:bold;
    padding:0 10px;
    }

body#login td#content_right h6
    {
    padding-bottom:10px;
    }

body#login h6#belowContent
    {
    padding:10px 10px 10px 3px;
    }

body#login p.error
	{
	margin:0 4px;
	}

body#login table.loginTable
    {
    margin:3px auto;
    }

body#login table td.gutter
    {
    width:4px;
    padding:0;
    border:0;
    }

body#login td#content_left,
body#login td#content_right
    {
    width:282px;
    border:1px solid #bcbcbc;
    }

body#login div#content_left_inner,
body#login div#content_right_inner
    {
    padding:10px;
    }

body#login hr
    {
    margin:15px 0 10px 0;
    }

body#login fieldset
    {
    margin-top:10px;
    }


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

	ShippingAddress
	body#checkoutShipAddress & body#checkoutEditAddress (covers both add address and edit address)

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

body#checkoutShipAddress table.checkout_table
	{
	border-bottom: 1px solid #c2c2c2;
	}

body#checkoutShipAddress table.checkout_table td.colLast
	{
	text-align:left;
	padding-right:0;
	}

body#checkoutAddAddress dl.formInputs { margin:15px 0 20px 0; }


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

	Shipping Method (checkout/delivery.jsp)
	body#checkoutShipMethod

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

body#checkoutShipMethod table.checkout_table
	{
	border-bottom: 1px solid #c2c2c2;
	}

body#checkoutShipMethod table.checkout_table td.colLast
	{
	text-align:left;
	padding-right:15px;
	padding-left:15px;
	}

body#checkoutShipMethod div.giftWrapDetails
	{
	float:left;
	}

body#checkoutShipMethod div.giftWrapDetails p.toggleP
	{
	width:145px;
	}

body#checkoutShipMethod div.giftWrapSwatch
	{
	float:left;
	width:50px;
	height:50px;
	}

body#checkoutShipMethod .giftWrapHead
	{
	margin-bottom:10px;
	}

body#checkoutShipMethod dl.giftWrapIcon dd
	{
	float:left;
	width:17px;
	height:20px;
	}

body#checkoutShipMethod dl.giftWrapIcon dt
	{
	clear:right;
	margin-left:22px;
	line-height:20px;
	}

#giftWrapLayer
	{
	position:absolute;
	width:594px;
	z-index:200;
	display:none;
	}

#giftWrapLayerInner
	{
	border:1px solid #c2c2c2;
	background:#fff;
	padding:10px;
	}

#giftWrapLayer h2
	{
	float:left;
	}

#giftWrapLayer img.giftWrapSwatch
	{
	cursor: pointer;
	vertical-align: bottom;
	border:1px solid #fff;
	}

#giftWrapLayer img.giftWrapSwatch:hover
	{
	border:1px solid #909090;
	}

#giftWrapLayer a#gwClose
	{
	font-size:10px;
	float:right;
	}

.giftWrapThumbnails dl { float:left; text-align:center; width:92px; }
.giftWrapThumbnails dd { display:block; padding:0 2px 4px 2px; }
.giftWrapThumbnails dt { display:block; padding:0 2px 12px 2px; }


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

	Payment/Review
	body#checkoutReview

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

body#checkoutReview #verisignSeal
    {
    float:left;
    }

body#checkoutReview #submitBot
    {
    float:right;
    margin-top:15px;
    }

body#checkoutReview ul.horizLinks li h5
    {
    display:inline;
    }

table.checkout_table tr.addressRow td
	{
	height:auto; /* clears inheritance of 30 */
	vertical-align:top; /* clears inheritance of middle */
	font-size:100%; /* clears inheritance of 90 */
	font-weight:normal; /* clears inheritance of normal bold */
	}

table.checkout_table tr.addressRow dl
	{
	float:left;
	width:30%;
	padding:10px 0;
	}

table.checkout_table tr.addressRow dt
	{
	font-weight:bold;
	font-size:90%;
	margin-bottom:2px;
	padding-right:15px;
	}

table.checkout_table tr.addressRow dd
	{
	color:#606060;
	padding-right:15px;
	}

table.checkout_table tr.addressRow dd strong
	{
	font-weight:bold;
	font-size:110%;
	}

table.checkout_table tr.colSubHead td
	{
	height:25px;
	line-height:25px;
	color:#606060;
	font-weight:bold;
	padding:0 0 0 15px;
	}

div#giftCertRedemption input
	{
	float:left;
	margin-right:10px;
	}

div#creditCardEntry
	{
	margin-bottom:20px;
	}

div#giftCertRedemption ul.horizLinks,
div#creditCardEntry h5
    {     /* basically the spacing between the head element and the form fields */
    margin-bottom:5px;
    }

div#creditCardEntry dl
    {
    margin-bottom:10px;
    }

dl.totalList dt.theTotal,
dl.totalList dd.theTotal
    {
    margin-top:5px;
    }

dl#ccName,
dl#ccNumber
    {
    float:left;
    margin-right:10px;
    }

dl#ccDate
    {
    clear:both;
    }
div#finalMsg
	{
    float:right;
    margin-bottom:10px;
    }



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

	Order Confirmation (checkout/receipt.jsp)
	body#checkoutReceipt

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

body#checkoutReceipt div.checkoutLeftCol h5 { margin-bottom:10px; }
body#checkoutReceipt div.checkoutLeftCol h6 { margin-bottom:10px; }

body#checkoutReceipt div.checkoutLeftCol div.shaded { margin-top:10px; }

body#checkoutReceipt div.checkoutLeftCol .button_image { margin-top:15px; }


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
    -Email Sign Up (header_main.jsp)
    #emailSignUpHeader

	-Email Sign Up (user/email_sign_up.jsp)
	body#emailSignUp

	-Email Sign Up Confirm (user/confirm_email_sign_up.jsp)
	body#emailSignUpConfirm

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

#emailSignUpHeader
	{
	position:absolute;
	width:210px;
	z-index:9999999;
	display:none;
	}

#emailSignUpHeaderInner
	{
    float:left;
    border:1px solid #c2c2c2;
	background:#fff;
	padding:10px;
	}

#emailSignUpHeader a#emClose
	{
	font-size:10px;
	float:right;
	}

#emailSignUpHeader p
	{
    float:left;
    font-size:10px;
	}


body#emailSignUp div#content_left
	{
	float:left;
	width:65%;
   border-right:1px solid #d8d8d8;
	}

body#emailSignUp div#content_left_inner
	{
	margin-right:15px;
	}

body#emailSignUp div#content_right
	{
	float:right;
	width:33%;
	}

body#emailSignUp div#content_right dd
	{
	margin-bottom:15px;
	}

body#emailSignUpConfirm div#content_left
	{
	float:left;
	width:59%;
	}

body#emailSignUpConfirm div#content_right
	{
	float:right;
	width:40%;
	}


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

	Catalog Quickshop (catalog/catalog_items_order.jsp)
	body#catalogQuickshop

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

body#catalogQuickshop div.quickOrderCols {
	float:left;
	width:33%;
	padding-top:10px;
	}

body#catalogQuickshop h6 {
	margin-bottom:5px;
	}


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

	-View Our Catalogs Online (catalog/ecatalog_view.jsp)
	body#ecatalogView

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

body#ecatalogView h5,
body#ecatalogView h6
	{
	margin-bottom:10px;
	}

body#ecatalogView div#content_left
	{
	float:left;
	width:63%;
	}

body#ecatalogView div#content_right_inner
	{
	margin-left:15px;
	}

body#ecatalogView div#content_right
	{
	float:right;
	width:35%;
   border-left:1px solid #d8d8d8;
	}

body#ecatalogView div#content_right dl.formInputs
	{
	padding-top:10px;
	}

body#ecatalogView div#content_right dl.formInputs dt
	{
	width:85px;
	}

body#ecatalogView div#content_right dl.formInputs dd
	{
	margin-left:90px;
	}


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

	-Account Main (user/main.jsp)
	body#userMain

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

body#userMain div#body_content hr
    {
    margin-top:10px;
    }

body#userMain div#body_content dl
    {
    padding:10px 0;
    border-bottom:1px solid #e1e1e1;
    }


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

	-Personal Profile (user/personal_profile.jsp)
	body#userProfile

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

body#userMain div#body_content hr
    {
    margin-top:10px;
    }

body#userMain div#body_content dl
    {
    padding:10px 0;
    border-bottom:1px solid #e1e1e1;
    }

#billingAddressForm dl.formInputs {
	float:left;
	width:70%;
	}

#billingAddressForm div.addressTips {
	float:right;
	width:25%;
	}


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

	-Order Detail (user/orderdetails.jsp)
	body#userOrderDetail

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

body#userOrderDetail div#checkoutRightCol { width:auto; }

body#userOrderDetail div#orderSummaryOuter
    {
    border: 1px solid #fff;
    padding:10px 10px 10px 10px;
    }

body#userOrderDetail div.checkoutLeftCol { width:300px; }

body#userOrderDetail div.checkoutLeftCol h5 { margin-bottom:10px; }
body#userOrderDetail div.checkoutLeftCol h6 { margin-bottom:10px; }

dl.detailShippedInfo
	{
	text-align:left;
	padding-bottom:3px;
	}

dl.detailShippedInfo dt
	{
	display:inline;
	font-weight:bold;
	}

dl.detailShippedInfo dd
	{
	display:inline;
	}


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

	Registry Home Page
	body#registryHome

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

body#registryHome div#body_content
    {
    border:1px solid #e1e1e1;
    margin:0 20px;
    padding:3px;
    }

body#registryHome div#body_content table
    {
    width:100%;
    font-size:110%;
    text-align:center;
    }

body#registryHome div#body_content table td
    {
    border:1px solid #bcbcbc;
    padding:10px;
    }

body#registryHome div#body_content table td.gutter
    {
    width:3px;
    padding:0;
    border:0;
    }

body#registryHome td#content_left { background:#eff8e7; }
body#registryHome td#content_center { background:#f9f7e8; }
body#registryHome td#content_right { background: #eaf3f8; }

body#registryHome div#content_left_inner,
body#registryHome div#content_center_inner,
body#registryHome div#content_right_inner
	{
	width:216px;  /* set width here to avoid box model conflicts */
	}

body#registryHome fieldset
	{
	margin:10px 0 15px 0;
	}

body#registryHome div#below_body_content
	{
	margin-top:10px;
	text-align:right;
	}

body#registryHome label.labelOnLeft
	{
	width:85px;
	}

body#registryHome p.labelOnLeft,
body#registryHome div.labelOnLeft,
body#registryHome input.labelOnLeft
	{
	margin-left:90px;  /*5px more than the label width */
	text-align:left;
	}


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

	Create a Registry Landing (registry/create_registry_landing.jsp)
	body#createRegistryLanding

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

body#createRegistryLanding div#createReg_hasAccount,
body#createRegistryLanding div#createReg_noAccount
	{
	margin:0 3px 3px 3px; /* top margin is set as padding on content_left (below)*/
	padding:10px;
	text-align:center;
	}

body#createRegistryLanding div#content_left fieldset
    {
    padding:10px 0;
    }

body#createRegistryLanding div#content_left
    {
    padding-top:3px;
    float:left;
    margin-right:25px;
    border:1px solid #d8d8d8;
    }

body#createRegistryLanding div#content_left_inner
    {
    width:220px; /* 220 plus the 1px border (above) = 222px total */
    }

body#createRegistryLanding h5
    {
    margin-bottom:10px;
    }

body#createRegistryLanding dl.formInputs
    {
    text-align:left;
    }

body#createRegistryLanding dl.formInputs dt
    {
    width:85px;
    }

body#createRegistryLanding dl.formInputs dd
	{
	margin-left:90px;  /*5px more than the label width */
	}

body#createRegistryLanding dl.formInputs small
	{
	display:block;
	margin-top:5px;
	}

body#createRegistryLanding div#content_right
	{
	float:left;
	width:481px;
	}


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

	Create a Registry (user/create_registry.jsp)
	body#createRegistry

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

body#createRegistry div#loginInfoForm,
body#createRegistry div#billingInfoForm,
body#createRegistry div#createRegistryForm,
body#createRegistry div#aboutYouForm
    {
    margin-bottom:20px;
    }

body#createRegistry div#coRegistrant
    {
    margin:10px 0;
    }

body#createRegistry dl.formInputs dt {	width:145px; }
body#createRegistry dl.formInputs dd {	margin-left:150px;  /*5px more than the label width */ }

body#createRegistry dl#haveChildrenList dl.formInputs dt { width:55px; }
body#createRegistry dl#haveChildrenList dl.formInputs dd { margin-left:60px; }

body#createRegistry dl.radio span,
body#createRegistry dl.checkbox span
    {
    display:block;
    }

body#createRegistry dl.radio dt label,
body#createRegistry dl.checkbox dt label
    {
    color:#000;
    font-weight:bold;
    }

body#createRegistry dl.radio dt
    {
    margin-bottom:10px;
    }

body#createRegistry div#coRegistrant label.labelOnLeft
    {
    width:145px;
    }

body#createRegistry div#coRegistrant p.labelOnLeft
    {
    margin-left:150px;
    }

body#createRegistry div#registryOptions
     {
     padding-bottom:10px;
     }

body#createRegistry div#registryOptions hr
    {
    margin-bottom:10px;
    }

#billingInfoForm dl.formInputs {
	float:left;
	width:70%;
	}

#billingInfoForm div.addressTips {
	float:right;
	width:25%;
	}


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

	-Registry Detail & User Registry Detail
	body#registryDetail & body#userRegistryDetail

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

body#registryDetail #registryIcon,
body#registryDetail #registryHeading {
   float:left;
	}

body#registryDetail h1 {
   margin-bottom:5px;
	}

body#registryDetail h3 {
   margin-bottom:10px;
	}

body#userRegistryDetail h3
	{
	margin-bottom:10px;
	}

body#registryDetail h6
	{
	margin-bottom:15px;
	}

body#registryDetail div#content_left,
body#userRegistryDetail div#content_left
	{
	width:58%;
	float:left;
	margin-bottom:20px;
	}

body#registryDetail div#content_right,
body#userRegistryDetail div#content_right
	{
	width:40%;
	text-align:right;
	float:right;
	margin-bottom:20px;
	}

body#registryDetail table.checkout_table,
body#userRegistryDetail table.checkout_table
	{
	border-bottom:1px solid #c2c2c2;
	}

body#registryDetail table.checkout_table.fourCol td { width:25%; }


body#userRegistryDetail table.checkout_table.fiveCol td.col1 { width:41%; }
body#userRegistryDetail table.checkout_table.fiveCol td.col2 { width:13%; }
body#userRegistryDetail table.checkout_table.fiveCol td.col3 { width:7%; }
body#userRegistryDetail table.checkout_table.fiveCol td.col4 { width:7%; }
body#userRegistryDetail table.checkout_table.fiveCol td.colLast {
	padding-right:0;
	width:32%;
	}

body#userRegistryDetail div#registryDetails
	{
	padding-bottom:20px;
	}

body#userRegistryDetail div#showHideRegistryDetails
	{
	height:45px;
	line-height:35px;
	padding-left:10px;
	}

body#userRegistryDetail div#showHideRegistryDetails a
	{
	float:left;
	height:35px;
	line-height:35px;
	}

body#userRegistryDetail div#showHideRegistryDetails .buttonSeparator
    {
    padding-top:10px;
    }

body#userRegistryDetail div#loginInfoForm,
body#userRegistryDetail div#billingInfoForm,
body#userRegistryDetail div#createRegistryForm
    {
    margin-bottom:30px;
    }

body#userRegistryDetail div#coRegistrant
    {
    margin:10px 0;
    }

body#userRegistryDetail div#coRegistrant label.labelOnLeft
    {
    width:145px;
    }

body#userRegistryDetail div#coRegistrant p.labelOnLeft
    {
    margin-left:150px;
    }

body#userRegistryDetail div#coRegistrant div.col1,
body#userRegistryDetail div#coRegistrant div.col2
    {
    width:280px;
    float:left;
    }

body#userRegistryDetail dl.radio small,
body#userRegistryDetail dl.checkbox small
    {
    display:block;
    }

body#userRegistryDetail dl.radio dt label,
body#userRegistryDetail dl.checkbox dt label
    {
    color:#000;
    font-weight:bold;
    }

body#userRegistryDetail dl.radio dt
    {
    margin-bottom:10px;
    }

body#userRegistryDetail .copyToAnotherRegistry {
	width:175px;
	}

body#userRegistryDetail div#registryOptions
	{
	padding-bottom:10px;
	}

body#userRegistryDetail div#registryOptions hr
	{
	margin-bottom:10px;
	}

body#userRegistryDetail div.bottomLinks
	{
	float:right;
	margin-top:10px;
	}


div#magazineOfferTop {
	float:left;
	width:90%;
	}
div#magazineOfferLeft {
	float:left;
	width:24.9%;
	}

div#magazineOfferLeftDetails {
	float:left;
	width:24.9%;
	}

p.magazineTitle {font-size: 12px; font-weight: bold;}

p#noThanksLink { margin-top:10px; }

div#magazineOfferRight {
	float:right;
	width:75%;
	}

div#magazineOfferRightDetails {
	float:right;
	width:75%;
	}

div.magazineThumb {
	display:inline; /* this fixes the doubled margin on floated elements bug in IE6 - floated items are always displayed block anyway */
  	float:left;
	margin-left:15px;
	text-align:center;
	}

div.magazineThumbInner {
	width:120px;
	}

div.magazineThumbInnerDetails {
	width:150px;
	}

div.magazineThumb dl dt {
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:left;
	}

div#thankYouLeft {
	float:left;
	width:43%;
	}

div#thankYouRight {
	float:right;
	width:55%;
	}

div#thankYouRight table img {
	margin-right:10px;
	}

div#thankYouRight div#address {
	padding-top:10px;
	}

div#thankYouRight dl.formInputs dt
    {
    width:95px;
    }

div#thankYouRight dl.formInputs dd
	{
	margin-left:100px;  /*5px more than the label width */
	}

/* Registry Checklist styles*/
div#registry_checklist_categories
    {
    width:563px;
    padding-bottom:10px;
    }
div#checkmarkMessage
    {
    font-weight: bold;
    color: #CC0000;
    padding-top:5px;
    padding-bottom:5px;
    }
table.registryChecklistCategory
	{
	 
    }

table.registryChecklistCategory td.catheadFirst
	{
    
    }
table.registryChecklistCategory td.cathead
	{
    padding-top:7px;
    }
table.registryChecklistCategory td.colHeadTop
    {
    height:17px;
    width:563px;
    vertical-align: top;
    }

table.registryChecklistCategory td.colHeadBottom
    {
    height:17px;
    width:563px;
    vertical-align: top;
    }

table.registryChecklistCategory td.col1
	{
	padding-left:25px;
    width:156px;
    height:23px;
    vertical-align: top;
    }

table.registryChecklistCategory td.gutter
	{
	width:1px;
	}
p#parenthesisMsg
    {
    font-weight: bold;
    font-size: 100%;
    color: #2F4E65;
    padding-left:15px;
    }
a#checklistSubCat
    {
    font-weight:normal;
    color: #727272;
    font-size: 100%;
    text-decoration:none;
    }

a#checklistSubCat:hover
    {
    font-weight:normal;
    text-decoration:underline;
    color: #2F4E65;
    font-size: 100%;
    }

img#checklistBullet
    {
    padding-right:4px;
    padding-top:6px;
    }


/*
Checklist table widths for use on the checklist_detail.jsp page.
 Overrides are located at CHECKOUT STYLES
table.checkout_table checklist td.col1 {width:20%;}
table.checkout_table checklist td.col2 {width:40%;}
table.checkout_table checklist td.col3 {width:7%;}
table.checkout_table checklist td.col4 {width:4%;}
table.checkout_table checklist td.col5 {width:6%;}
table.checkout_table checklist td.colLast {width: 23%; float:left;}
*/


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

	Share Your Gift Registry
	body#shareRegistry

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

/*
~~~~ THIS IS SPECIFIED IN THE VERY TOP OF THIS FILE, IT'S ONLY HERE FOR REFERENCE ~~~~
~~~~ width is 768px - 164px (leftnav) - 149px (crosssells right rail) = 484px total
~~~~ body#shareRegistry div#body_content_cntr
~~~~ {
~~~~ width:455px;
~~~~ }
*/

body#shareRegistry h6
    {
    margin-bottom:10px;
    }

body#shareRegistry ul.emailAddressList
    {
    padding-left:15px;
    margin-bottom:15px;
    }

body#shareRegistry ul.emailAddressList li
    {
    margin-bottom:4px;
    }


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

	Add Item to Registry
	body#addToRegistry

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

body#addToRegistry table.checkout_table
    {
    border-bottom:1px solid #c2c2c2;
    }

body#addToRegistry div#availableRegistries
    {
    margin-bottom:20px;
    }

body#addToRegistry div#availableRegistries h5
    {
    margin-bottom:10px;
    }


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

	Registry Search Results - Member List (registry/search_results.jsp)
	body#registryMemberResults

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

body#registryMemberResults div#body_content hr
	{
	margin:10px 0;
	}

body#registryMemberResults table.checkout_table
	{
	margin-top:15px;
	}

body#registryMemberResults div#body_content dt,
body#registryMemberResults div#body_content dd
	{
	display:inline;
	padding-right:10px;
	}

body#registryMemberResults div#body_content dl
	{
	padding:10px 0;
	border-bottom:1px solid #e1e1e1;
	}


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

	Gift Registries (user/registry_list.jsp)
	body#userRegistryList

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

body#userRegistryList div#content_left
    {
    width:59%;
    float:left;
    margin-bottom:20px;
    }

body#userRegistryList div#content_right
    {
    width:39%;
    float:right;
    margin-bottom:20px;
    }

body#userRegistryList h3
	{
	margin-bottom:10px;
	}

body#userRegistryList table.checkout_table td.col1
	{
	padding-left:10px;
	}

body#userRegistryList table.checkout_table
	{
	border-bottom:1px solid #c2c2c2;
	}

body#userRegistryList table.checkout_table ul.horizLinks a
	{
	font-weight:normal;
	font-size:90%;
	color:#606060;
	}

body#userRegistryList .button_image
	{
	margin-bottom:15px;
	}


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

	Address Book (user/address_book.jsp)
	body#userAddressBook

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

body#userAddressBook #content_top
    {
    margin-bottom:15px;
    }

body#userAddressBook div#currentAddresses ul.horizLinks
    {
    margin-bottom:15px;
    }

body#userAddressBook div#currentAddresses
    {
    padding-bottom:10px;
    }

div#contactUsBottom
    {
    margin-top:20px;
    }


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

	-Site Map (custserv/custserv.jsp?pageName=Site_Map)
	body#body_Site_Map

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

div#siteMapOSA
    {
    float:left;
    width:48.5%;
    }

div#siteMapLAB
    {
    float:right;
    width:48.5%;
    }

div#siteMapOSA h6,
div#siteMapLAB h6
    {
    margin-top:15px;
    }

div#siteMapOSA h4,
div#siteMapLAB h4
	{
	height:30px;
	line-height:29px;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:10px;
	}

div#siteMapOSA ul,
div#siteMapLAB ul
    {
    padding-left:15px;
    }

div#siteMapOSA ul ul,
div#siteMapLAB ul ul
    {
    padding-left:15px;
    }

div#siteMapOSA ul ul ul,
div#siteMapLAB ul ul ul
    {
    padding-left:15px;
    }

div#siteMapOSA li,
div#siteMapLAB li
    {
    padding-top:4px;
    }


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

	-Customer Service Pages (custserv/custserv.jsp - with various page names)

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

div.isCustServ div#above_body_content
	{
	border-bottom:1px solid #d8d8d8;
	}

div.isCustServ div#above_body_content h3
	{
	font-weight:bold;
	padding-bottom:10px;
	}

div.isCustServ.hasCrossSells div#body_content_cntr
	{
	width:619px; /* 768px - 149px (for crosssells-style right rail) = 619px */
	float:left;
	}

div.isCustServ div#left_nav
	{
	/* width of 124 is set on h3 and ul's within left_nav, don't set here because of box model conflicts */
	padding:15px 20px 20px 0px;
	}

div.isCustServ div#custserv_content_outer
	{
	/* 768px (body_content_cntr) - 40px (body_content padding) - 144px (leftnav ul width + leftnav div padding) = 584px */
	width:584px;
	float:left;
	padding-top:15px;
	}

div.isCustServ.hasCrossSells div#custserv_content_outer
	{
	/* 619px (body_content_cntr) - 40px (body_content padding) - 144px (leftnav ul width + leftnav div padding) = 435px */
	width:435px;
	}

div.isCustServ div#custserv_content_inner
	{
	padding-left:20px;
	}


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

	Shop Smarter Landing (custserv/shop_smarter.jsp)
	body#shopSmarterLanding

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

h1.ssIntro
	{
	float:left;
	}

p.ssIntro
	{
	padding-left:190px;
	clear:right;
	}

.ssLandingGroup
	{
	position:relative;
	}

.ssLandingGroup .pageSubHead
	{
	margin-top:20px;
	padding-left:190px; /* pad this with the width of the icon (below) */
	}

.ssLandingGroup .ssLandingIcon
	{
	width:190px;
	position:absolute;
	top:0px;
	left:0px;
	}

.ssLandingGroup table.ssLandingLinks
	{
	margin-left:190px;
	}

.ssLandingGroup td
	{
	width:260px;
	}

.ssLandingGroup td.gutter
	{
	width:20px;
	}

.ssLandingGroup dd
	{
	padding-bottom:6px;;
	}

div#shopSmarterContainer
	{

	}

.ss_right_rail {
	width:109px;
}

.ss_right_rail div.right_rail_outer dl.thumbnail{
    margin-bottom:20px;
}

.ss_right_rail div.right_rail_outer {
	/*border:1px solid #adadad;*/
	text-align:center;
	font-size:10px;
    padding-bottom:10px;
}

.ss_right_rail h3 {
	padding: 5px 0 7px 0;
}

.ss_right_rail dl.thumbnail {
	padding:0 10px 10px 10px;
}

table.problemSolversGroup {
	width:100%;
	margin:10px 0;
	}

table#problemSolversHead {
	margin-bottom:0;
	}

table#problemSolversHead td {
	background:#d8d8d8;
	padding:5px 0;
	}

table#problemSolversHead td.col1 {
	padding-left:5px;
	}

table.problemSolversGroup td {
	padding-right:10px;
	width:42%;
	}

table.problemSolversGroup td.colLast {
	text-align:right;
	padding-right:0px;
	width:16%;
	}


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

	Popups (includes template and individual pages)

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

body.pop
	{
	background:#fff;
	height:100%;
	text-align: left; /* reset the default */
	}

div#pop_header
	{
	padding:0 20px;
	height:32px;
	}

div#pop_header img#popLogo { float:left; }
div#pop_header a#popClose {
	float:right;
	font-size:10px;
	line-height:32px; /* matches height of image */
	}

div#pop_content_cntr
	{
	padding:20px;
	}

body#popForgotPassword input#userName
	{
	float:left;
	margin-right:10px;
	}

body#popZoom h1
	{
	margin-bottom:3px;
	}

body#popZoom h6#zoomCaption
	{
	text-align:center;
	margin:10px 0;
	}

img.zoomPopThumbnail {
	margin-right:4px;
	border:1px solid #fff;
	}

img.zoomPopThumbnail:hover {
	border:1px solid #e1e1e1;
	}

img.zoomPopThumbnail.on {
	border:1px solid #1876A2;
	}

table#zoomThumbs
	{
	width:100%;
	text-align:center;
	}

table#zoomThumbs td
	{
	padding:5px 0 5px 4px;
	}


body#popReceipt h3 {
	margin-bottom:15px;
	}

body#popReceipt div.checkoutLeftCol {
	float:none;
	}

body#popReceipt div#billingAddressSummary,
body#popReceipt div#creditCardSummary {
	float:left;
	width:28%;
	}

body#popReceipt div#billingAddressSummary ul.horizLinks {
	display:none;
	}

body#popReceipt div#billingAddressSummary hr,
body#popReceipt div#creditCardSummary hr {
	display:none;
	}

body#popReceipt table#orderSummary {
	float:right;
	width:40%;
	}

body#popReceipt table#orderSummary hr {
	margin:5px 0;
	}