
/* -------------
 * Interior Styles
 * ------------- */
#right div.main {min-height:460px;}

#right h1 {
	font-size: 1.6em;
	font-weight:bold;
	/*color:#009DDC;*/
	margin: 0px 0px 0.5em 0px;
}

#right ol,
#right ul { padding-left:20px;}


/* -------------
 * DL with bug
 * ------------- */
dl.safety1st dt {
	color: #009DDC;
	font-weight: bold;
	background: transparent url(/Safety1stMainTemplates/elements/skin/1stIconSmall.gif) no-repeat left top;
	padding: 0px 0px 0px 20px;
	line-height: 17px;
}

dl.safety1st dd {
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #CCEBF8;
}

dl.safety1st dd.top {
	margin: 0px;
	padding-bottom: 0px;
	border: none;
}


/* ------------
 * Side Nav
 * ------------ */
.side_nav {
	background: transparent url(/Safety1stMainTemplates/elements/skin/side_nav_btm.gif) no-repeat left bottom;
	width: 198px;
	padding-bottom: 20px;
	margin: 0px 0px 5px 20px;
}

#right .side_nav ul {
	background: transparent url(/Safety1stMainTemplates/elements/skin/side_nav_top.gif) no-repeat left top;
	padding: 20px 0px 0px 0px;
	list-style: none;
}

.side_nav li {
	background: transparent url(/Safety1stMainTemplates/elements/skin/side_nav_rpt.gif) repeat-y left top;
	padding: 0px 6px 0px 5px;
	list-style-type: none;
}

.side_nav a {
	color: #FFFFFF;
	display: block;
	line-height: 36px;
	font-weight: bold;
	padding-left: 47px;
	background: #009DDC url(/Safety1stMainTemplates/elements/skin/side_nav_bug.gif) no-repeat left bottom;
}

.side_nav li.selected a {
	background-position: -187px bottom;
	background-color: #4DBBE7;
}

.side_nav a:hover { 
	background-color: #4DBBE7;
	background-position: -374px bottom;
}




/* ------------
 * Home safety Nav
 * ------------ */
#HomeSafetyNav{
	margin-left:22px;
}
#HomeSafetyNav .Button{
	height:53px;
	width:178px;
	padding:2px 0 0 20px;
	background:url(../../safety_tips/elements/HSbutton.jpg) no-repeat;
	background-position:0px 0px;
}
#HomeSafetyNav .Button:hover{
	background-position:0px -66px;
}
#HomeSafetyNav .Contain{
	padding-top:12px;
	display:block;
}
#HomeSafetyNav .Button .Head{
	color:#6f5219;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#HomeSafetyNav .Button .SubHead{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
#HomeSafetyNav .Button a{
	color:#FFF;
}




/* ------------
 * Table with a blue bar and gray subhead 
 * ------------ */
.blue_bar { margin-bottom: 10px; width: 578px; }

div.blue_bar,
.blue_bar caption {
	background: #009DDC url(/Safety1stMainTemplates/elements/skin/bar_blue_top.gif) no-repeat left top;
	color: #FFFFFF;
	text-align: left;
}

div.blue_bar div,
.blue_bar caption div {
	line-height: 20px;
	padding-left: 10px;
	background: transparent url(/Safety1stMainTemplates/elements/skin/bar_blue_btm_grey.gif) no-repeat left bottom;
}

div.blue_bar div {
	background-image: url(/Safety1stMainTemplates/elements/skin/bar_blue_btm_white.gif);
}

.blue_bar th   {
	background-color: #CBCCCC;
	color: #FFFFFF;
}

.blue_bar th.left {
	background: #CBCCCC url(/Safety1stMainTemplates/elements/skin/bar_grey_btm_white.gif) left bottom no-repeat;
	float:none;
}

.blue_bar th.right {
	background: #CBCCCC url(/Safety1stMainTemplates/elements/skin/bar_grey_btm_white.gif) no-repeat right bottom;
	float:none;
}
.blue_bar td,
.blue_bar th { padding: 2px 10px; }



/* Go Button (circle with grey triangle) */
a.btn_go {
	display: block;
	background: transparent url(/Safety1stMainTemplates/elements/skin/btn_go.png) no-repeat center center;
	text-indent: -9999px;
	height: 20px;
	width: 22px;
}


/* ---------------
 * Dl.toggle
 * --------------- */
dl.toggle dt { color: #009DDC; }
dl.yui dt {
	background: transparent url(/Safety1stMainTemplates/elements/skin/toggle_closed.gif) no-repeat left center;
	padding-left: 13px;
	cursor: pointer;
}
dl.yui dt.open {background-image: url(/Safety1stMainTemplates/elements/skin/toggle_open.gif); }
dl.yui dd { padding-left: 13px; }


/* ---------------
 * Caution Box
 * --------------- */
.caution {
	background: #E0EBF0 url(/Safety1stMainTemplates/elements/skin/box_caution_top.gif) no-repeat left top;
	width: 572px;
	margin-bottom: 10px;
}
.caution div {
	background: transparent url(/Safety1stMainTemplates/elements/skin/box_caution_btm.gif) no-repeat left bottom;
	padding: 10px 10px 12px 45px;
	min-height: 20px;
	font-size: 11px;
}


#right .cartBox {
	background: url(/Safety1stMainTemplates/elements/skin/box_bottom.gif) no-repeat left bottom;
	width: 581px;
	padding-bottom: 13px;
	margin-bottom: 10px;
}

#right .cartBox .top {
	background: #009DDC url(/Safety1stMainTemplates/elements/skin/box_top_solid.gif) no-repeat left top;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 12px 10px;
}
#right .cartBox .empty {
	font-size: 11px;
	line-height: 11px;
	background: url(/Safety1stMainTemplates/elements/skin/box_top.gif) no-repeat left top;
	height: 11px;
	margin: 0px;
	padding: 0px;
}

#right .cartBox .content {
	border-right: 6px solid #009DDC;
	border-left: 6px solid #009DDC;
	margin: 0px;
	padding: 0px;
}
#right .cartBox .errorDiv {
	border-right: 6px solid #009DDC;
	border-left: 6px solid #009DDC;
	margin: 0px;
	padding: 0px;
}

#right .cartBox .cart_text { width: 145px; }
#right .cartBox .cart_label { text-align: right; line-height: 22px; }
#right .cartBox tr td { padding: 2px;}
tr.row td { vertical-align: middle; border-bottom: 1px solid #CCC;}
tr.row td input { width: 42px; }
/* -------------
 * Pop up box
 * ------------- */
 .popup_wide {
	background: #666666 url(/Safety1stMainTemplates/elements/skin/popup_cart_wide.png) no-repeat left top;
	_background-image: url(/Safety1stMainTemplates/elements/skin/popup_cart_wide.gif);
	height: 200px;
	width: 490px;
	position: absolute;
	left: 45px;
	top: 100px;
}
 
.popup {
	background: #666666 url(/Safety1stMainTemplates/elements/skin/popup_cart.png) no-repeat left top;
	_background-image: url(/Safety1stMainTemplates/elements/skin/popup_cart.gif);
	height: 200px;
	width: 490px;
	position: absolute;
	left: 45px;
	top: 100px;
}

.popup .close {
	color: #FFFFFF;
	display: block;
	position: absolute;
	top: 8px;
	right: 5px;
	width: 60px;
	height: 15px;
	font-size: 11px;
	text-align: left;
}

#right .popup .content { padding: 0; }
.popup .content td {padding: 0; margin: 0;}
.popup .content table {margin: 0; padding: 0; }

.popup .content {
	position: absolute;
	top: 24px;
	left: 16px;
	right: 16px;
	height: 170px;
	font-size: 12px;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

.popup .border { border-right: 1px solid #797979; }

/* --------------
 * Header images (H1.image)
 * -------------- */
h1.image {
	text-indent: -999px;
	width: 585px;
	height: 63px;
	background-repeat: no-repeat;
} 

h1#H_Profile {background-image: url(/Safety1stMainTemplates/elements/skin/header/my_profile.jpg);} 
h1#H_Wishlist {background-image: url(/Safety1stMainTemplates/elements/skin/header/my_wishlist.jpg);} 
h1#H_Enews {background-image: url(/Safety1stMainTemplates/elements/skin/header/safety1st_foremost.jpg);} 
h1#thank_you {background: #FFF url(/Safety1stMainTemplates/elements/skin/thank_you.gif) no-repeat left top; text-indent: -9999px; height: 35px; width: 149px;}
h1#H_HomeSafety {background-image: url(/Safety1stMainTemplates/elements/skin/header/home_safety_tips.jpg);} 
h1#H_Safety {background-image: url(/Safety1stMainTemplates/elements/skin/header/safety_tips.jpg);} 
h1#H_Potty {background-image: url(/Safety1stMainTemplates/elements/skin/header/potty_tips.jpg);} 
h1#H_Travel {background-image: url(/Safety1stMainTemplates/elements/skin/header/travel_safety_tips.jpg);} 
h1#H_Product {background-image: url(/Safety1stMainTemplates/elements/skin/header/product_selection_tips.jpg);} 
h1#H_ChildCare {background-image: url(/Safety1stMainTemplates/elements/skin/header/child_care_tips.jpg);} 
 
.blue_number {
	line-height: 17px;
	background: transparent url(/Safety1stMainTemplates/elements/skin/circle_blue.gif) no-repeat left top;
	text-align: center;
	width: 17px;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	font-weight: bold;
}

.link { display:inline; color: #40c8f4; cursor: pointer; padding: 0px 5px 0px 5px; }



.delivered { color:#8DC73F; }

#BoxAccount {
	position: relative;
}

#BoxAccount div.left {
	padding: 9px 10px 10px 10px;
	margin: 11px 0 0 0;
	width: 263px;
	height: 350px;
	border-right: solid 1px #CCC;
}

#BoxAccount div.right {
	width: 284px;
	padding: 20px 0px 0px 0px;
}

#BoxAccount div.right div {
	height: 350px;
	_width: 265px; /* IE Fix */
	overflow-y: scroll;
}

/* -------------
 * Pop up box
 * ------------- */
#AccountDialog {
	top: 50px;
	left: 130px;
}
