/*
 *	main - layout and appearance styles that are used site-wide.
 */

body, html { padding:0; margin:0; }
html {
	height:100%;
}
body {
	height:100%;
	padding-bottom:1px;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	color:#000;
	background-image:url(../images/bg-body.gif);
	background-position:top left;
	background-repeat:repeat-x;
}
form {
	padding:0;
	margin:0;
}
a:link,a:visited { color:#168dc9; text-decoration:none; }
a:focus,a:hover,a:active { color:#168dc9; text-decoration:underline; }
a img { border-style:none; }
acronym,abbr { border-style:none; text-decoration:none; }
h3,h4 {
	color:#0E8AC8;
	font-size:14px;
	margin-bottom:10px;
}
li { margin-bottom:1em; }
.text {
	border-style:solid;
	border-width:1px;
	border-left-color:#ccc;
	border-bottom-color:#eee;
	border-right-color:#ccc;
	border-top-color:#999;
	font-size:11px;
	padding:3px;
}
.mid { vertical-align:-4px; margin-left:5px; }

div#doc {
	width:977px;
	margin:0 auto;
}
	div#header {
		position:relative;
		height:120px;
		left:0;
		top:0;
		z-index:3;
	}
		div#branding {
			position:absolute;
			top:10px;
			left:0;
		}
			div#header h1 { display:none; }
		div#globalnav {
			position:absolute;
			top:20px;
			right:0;
			width:600px;
			text-align:right;
		}
			div#globalnav ul {
				padding:0;
				margin:0;
			}
			div#globalnav ul li {
				padding:0 5px 0 0;
				margin:0 5px 0 0;
				list-style-type:none;
				display:inline;
				border-right:1px solid #ccc;
			}
			div#globalnav ul li.last {
				border-right-style:none;
				padding:0 40px 0 0;
				margin:0;
			}
			div#globalnav ul li.search {
				border-right-style:none;
				padding:0;
				margin:0;
			}
			div#globalnav li.search input.text { color:#999; }
			div#globalnav a {
				color:#000000;
				text-decoration:none;
			}
			div#globalnav a:hover, div#globalnav a.active { color:#1698B8; }
			div#globalnav form,
			div#globalnav div { display:inline; }
		div#mainnav { /* styles for main navigation live in the NAVIGATION section */ }
		div#stepnav { /* styles for step display also live in the NAVIGATION section */ }
	div.alert { margin-bottom:10px; }
		div.alert div.start {
			height:5px !important;
			background-image:url(../images/alert-bg-start.gif) !important;
			background-position:top left !important;
			background-repeat:no-repeat !important;
		}
		div.alert div.start div {
			width:50%;
			margin:0 0 0 auto;
			height:5px;
			background-image:url(../images/alert-bg-start.gif) !important;
			background-position:bottom right;
			background-repeat:no-repeat;
		}
		div.alert div.body {
			background-color:#f9ef98 !important;
			background-image:url(../images/alert-bg-body.gif) !important;
			background-position:top left !important;
			background-repeat:repeat-y !important;
			margin:0 !important;
			padding:0 !important;
		}
		div.alert div.body div.error {
			background-image:url(../images/alert-icon-error.gif);
			background-position:10px 50%;
			background-repeat:no-repeat;
			color:#ed1c24;
		}
			div.alert div.body div.error a {
				color:#ed1c24;
				background-image:url(../images/arrow-alert-link.gif);
				background-repeat:no-repeat;
				background-position:right center;
				padding-right:20px;
			}
		div.alert div.body div.success {
			background-image:url(../images/alert-icon-success.gif);
			background-position:10px 50%;
			background-repeat:no-repeat;
			color:#007236;
		}
			div.alert div.body div.success a {
				color:#007236;
				background-image:url(../images/arrow-alert-link-success.gif);
				background-repeat:no-repeat;
				background-position:right center;
				padding-right:20px;
			}
		div.alert div.body div.txt {
			padding:10px 10px 10px 50px !important;
			background-image:url(../images/alert-bg-txt.gif) !important;
			background-position:top right !important;
			background-repeat:repeat-y !important;
			font-size:12px !important;
			margin:0 !important;
		}
		div.alert div.txt p { margin:0.5em 0 !important; }
		div.alert div.end {
			height:5px !important;
			background-image:url(../images/alert-bg-end.gif) !important;
			background-position:top left !important;
			background-repeat:no-repeat !important;
		}
		div.alert div.end div {
			width:50%;
			margin:0 0 0 auto;
			height:5px;
			background-image:url(../images/alert-bg-end.gif);
			background-position:bottom right;
			background-repeat:no-repeat;
		}
	div#breadcrumb {
		margin:0 0 0 200px;
	}
		div#breadcrumb h2 {
			margin:0;
			padding:0 0 10px;
			font-weight:bold;
			font-size:21px;
			color:#0e8ac8;
		}
		div#breadcrumb h2 span {
			display:block;
			font-size:12px;
		}
	div#mainbody {
		background-color:#fff;
		background-image:url(../images/bg-mainbody.gif);
		background-repeat:no-repeat;
		padding:16px 0;
	}
		#home div#mainbody,
		#parent div#mainbody,
		#kid div#mainbody {
			background-color:transparent;
			background-image:none;
			padding:0 0;
		}
		div#main {
			float:left;
			width:744px;
		}
		div#leftrail {
			width:180px;
			float:left;
			display:inline;
			margin:0 0 0 1px;
			padding:0 5px 0 0;
		}
			/*indented submenu*/
            div#leftrail .submenu {
                margin-left: 10px;
            }
			div#leftrail h3 {
				color:#0293db;
				font-size:14px;
				margin:0;
				padding:5px 5px 5px 20px;
				background-image:url(../images/bg-leftnav-h3.gif);
				background-position:top right;
				background-repeat:no-repeat;
			}
			div#leftrail ul {
				padding:0 0 5px;
				margin:0;
				background-image:url(../images/bg-leftnav.gif);
				background-position:bottom right;
				background-repeat:no-repeat;
			}
			div#leftrail ul li {
				list-style-type:none;
				margin:0 1px 0 0;
				border-top:1px solid #ddd;
				font-size:12px;
			}
			div#leftrail ul li a {
				color:#333;
				display:block;
				padding:5px 5px 5px 30px;
			}
			* html div#leftrail ul li,
			* html div#leftrail ul li a
				{ height:1%; }
			div#leftrail ul li.active a,
			div#leftrail ul li a:hover {
				color:#fff;
				background-image:url(../images/bg-leftnav-hover.gif);
				background-repeat:repeat-x;
				background-position:50% 50%;
				text-decoration:none;
			}
			/*don't have submenu import the background image again*/
			div#leftrail ul li ul {
				background-image:none;
			}
			/*highlight link only on 2nd level of active nav*/
			div#leftrail ul li ul.submenu li a{
				background-image: none;
				color:#333;
			}
			div#leftrail ul li ul.submenu li a.active {
				color:#168DC9;
			}
			div#leftrail ul li ul li.active a{
				color:#fff;
				background-image:url(../images/main/bg-leftnav-hover.gif);
				background-repeat:repeat-x;
				background-position:50% 50%;
				text-decoration:none;
			}

			div#leftrail div.module {
				margin:0 0 10px 15px;
			}
			div#leftrail div.dudetext {
				background-image:url(../images/activate-leftrail-tile.gif);
				background-position:top left;
				background-repeat:repeat-y;
			}
				div#leftrail div.dudetext div.txt {
					color:#fff;
					padding:10px;
					width:135px;
					font-size:12px;
				}
				div#leftrail div.dudetext div.txt a {
					color:#fff;
					text-decoration:underline;
				}
		div#bodycontent {
			width:541px;
			background-image:url(../images/bg-bodycontent.gif);
			background-repeat:repeat-y;
			float:left;
		}
			div.no-rightrail div#bodycontent {
				background-image:none;
				width:785px;
				border-left:1px solid #ccc;
			}
			div#bodycontent div.breaktop { margin:-15px 0 16px 16px; }
			div#bodycontent div.container { margin:0 15px 16px 16px; font-size:13px; }

			div#bodycontent ul.contentlist {
				border-top:1px solid #ccc;
				padding:1em 0 0;
				margin:0;
			}
				div#bodycontent ul.contentlist li {
					padding:0 0 1em;
					margin:0 0 1em;
					list-style-type:none;
					background-image:url(../images/bg-dots-horiz.gif);
					background-repeat:repeat-x;
					background-position:bottom left;
					height:1%;
				}
				div#bodycontent ul.contentlist li.last {
					padding-bottom:0;
					margin-bottom:0;
					background-image:none;
				}
				div#bodycontent ul.contentlist li h4 {
					font-size:12px;
					line-height:12px;
					margin-bottom:10px;
				}
				div#bodycontent ul.contentlist li h4 span {
					font-weight:normal;
					border-left:1px solid #ccc;
					color:#333;
					padding-left:10px;
					margin-left:10px;
					font-size:10px;
				}
				div#bodycontent ul.contentlist li p {
					margin-bottom:10px;
				}
			div#bodycontent ul.productgrid {
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				padding:5px 0;
				margin:0 0 10px;
				background-image:url(../images/bg-productgrid.gif);
				background-repeat:repeat-y;
			}
				div#bodycontent ul.productgrid li {
					padding:0;
					margin:0 13px 0 0;
					float:left;
					display:inline;
					width:160px;
				}
				div#bodycontent ul.productgrid li.last {
					margin-right:0;

				}
					div#bodycontent ul.productgrid div.img {
						width:50px;
						float:left;
						display:inline;
					}
					div#bodycontent ul.productgrid div.txt {
						float:left;
						margin-left:10px;
						display:inline;
						width:100px;
					}
					div#bodycontent ul.productgrid div.txt a { font-weight:bold; }
			div#bodycontent div.block {
				background-image:url(../images/bg-block-main.gif);
				background-repeat:repeat-y;
				width:510px;
				padding:0;
				margin:0 0 10px;
			}
				div#bodycontent div.block div.start {
					background-image:url(../images/bg-block-start.gif);
					background-repeat:no-repeat;
					height:5px;
					overflow:hidden;
					margin:0;
					padding:0;
					line-height:0px;
					font-size:0;
				}
				div#bodycontent div.block div.body {
					background-image:url(../images/bg-block-body.gif);
					background-repeat:repeat-x;
					background-position:50% 50%;
					margin:0 4px;
					padding:8px 8px 0;
				}
					div#bodycontent div.block div.body h3 {
						color:#0f94d7;
						font-size:14px;
					}
				div#bodycontent div.block div.end {
					background-image:url(../images/bg-block-end.gif);
					background-repeat:no-repeat;
					height:5px;
					overflow:hidden;
					margin:0;
					padding:0;
					line-height:0px;
					font-size:0;
				}
				div#bodycontent div.block div.body img.thumbnail {
					width:38px;
					height:38px;
					border:1px solid #999;
				}
				div#bodycontent div.block div.body img.product {
					width:145px;
					height:185px;
				}
			div#bodycontent div.textheader {
				background-image:url(../images/bg-textheader.gif);
				background-repeat:no-repeat;
				width:510px;
			}
				div#bodycontent div.textheader div.txt {
					padding:10px 16px 0;
					color:#fff;
				}
				div#bodycontent div.textheader h3 {
					color:#0e8ac8;
					font-size:14px;
					margin-bottom:10px;
				}
			div#bodycontent ol.productlist {
				padding:0;
				margin:0;
			}
			div#bodycontent ol.productlist li {
				padding:5px 0 0;
				margin:0 0 10px;
				list-style-type:none;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
			}
				ol.productlist div.img {
					width:56px;
					float:left;
					display:inline;
				}
				ol.productlist div.txt {
					float:right;
					width:430px;
				}
					ol.productlist div.icons img {
						vertical-align:middle;
					}
					ol.productlist div.pricecart img {
						vertical-align:top;
					}
					ol.productlist h3 {
						font-size:14px;
						height:17px;
						line-height:17px;
						margin:0 0 10px;
					}
					ol.productlist li.open-deal div.txt p {
						color:#bbb;
					}
					ol.productlist li.open-deal h3,
					ol.productlist li.open-deal h3 a {
						color:#bbe2f5;
					}
				ol.productlist div.deal {
					width:206px;
					float:right;
					position:relative;
					z-index:1;
				}
					ol.productlist div.deal div.lead {
						background-image:url(../images/bg-productlist-deal.gif);
						background-repeat:no-repeat;
						height:17px;
						line-height:17px;
						font-size:11px;
						font-weight:bold;
						color:#fff;
						text-align:center;
					}
					ol.productlist div.deal:hover div.lead,
					ol.productlist li.open-deal div.deal div.lead {
						background-image:url(../images/bg-productlist-deal-open.gif);
					}
					ol.productlist div.deal:hover div.desc,
					ol.productlist li.open-deal div.deal div.desc {
						display:block;
					}
					ol.productlist div.deal div.desc {
						position:absolute;
						z-index:1;
						top:17px;
						left:0;
						display:none;
						background-image:url(../images/bg-productlist-deal-body.gif);
						background-repeat:no-repeat;
						background-position:bottom left;
						width:186px;
						padding:10px;
					}
					ol.productlist div.deal h6 {
						color:#0293db;
						margin:0;
						padding:0;
						font-size:18px;
						font-weight:normal;
					}
					ol.productlist li.open-deal div.deal p {
						color:#000;
					}
					ol.productlist li.open-deal div.img,
					ol.productlist li.open-deal div.icons {
						-moz-opacity:0.25;
						filter:alpha(opacity=25); /* this tends to throw a validation error */
					}
		div#rightrail{
			float:right;
			width:237px;
			display:inline;
			margin-right:5px;
		}
			#parent div#rightrail,
			#kid div#rightrail {
				width:225px;
				padding-top:18px;
				margin-right:0;
			}
			div#rightrail div#wak {}
				div#wak div.txt {
					background-image:url(../images/wak-bg-black.gif);
					background-repeat:repeat-y;
					padding:0 24px 0 16px;
					color:#fff;
				}
				div#wak strong {
					color:#87B901;
				}
				div#wak p {
					margin-bottom:0;
					padding-bottom:10px;
				}
			div#rightrail div#ditl {
				width:225px;
				margin-bottom:10px;
			}
				div#ditl strong {
					color:#E75E0A;
				}
				div#ditl div.about {
					background-image:url(../images/ditl-bg-black.gif);
					padding:0 16px;
					background-repeat:repeat-y;
					color:#fff;
				}
					div#ditl div.about p {
						margin:0;
						padding-bottom:1em;
					}
				div#ditl div.day {
					background-image:url(../images/ditl-bg-white.gif);
					background-repeat:repeat-y;
					padding:0 32px;
				}
					div#ditl div.day ol {
						padding:0;
						margin:0;
					}
					div#ditl div.day ol li {
						padding:8px 0 0;
						margin:0;
						list-style-type:none;
					}
			div#rightrail div.textmodule {
				width:225px;
			}
				div#rightrail div.textmodule h4 {
					background-image:url(../images/bg-rightrail-textmodule-h4.gif);
					background-repeat:no-repeat;
					height:33px;
					padding:0 16px;
				}
				div#rightrail div.textmodule h5 {
					font-size:12px;
					font-weight:bold;
					margin-bottom:10px;
				}
				div#rightrail div.textmodule h6 {
					font-size:12px;
					font-weight:bold;
					margin-bottom:0;
				}
				div#rightrail div.textmodule div.remove {
					font-size:10px;
				}
				div#rightrail div.textmodule h4.cart {
					background-image:url(../images/bg-rightrail-textmodule-h4-cart.gif);
					background-repeat:no-repeat;
				}
				div#rightrail div.textmodule ul {
					padding:0 0 0 20px;
					margin:0;
					background-image:none;
					height:1%;
				}
				div#rightrail div.textmodule ul li {
					list-style-type:disc;
					height:1%;
				}
				div#rightrail div.textmodule ul li a {}
				div#rightrail div.textmodule div.body {
					background-image:url(../images/bg-rightrail-textmodule-body.gif);
					background-repeat:no-repeat;
					background-position:bottom left;
					padding:10px 16px;
				}
				div#rightrail div.textmodule ul.cartlist {
					padding:0;
					margin:0 0 1em;
					border-bottom:1px solid #ccc;
				}
				div#rightrail div.textmodule ul.cartlist li {
					list-style-type:none;
					padding:0;
					margin:0 0 0.5em;
				}
				div#rightrail div.textmodule ul.cartlist li a {
					padding-right:0;
					background-image:none;
				}
				div#rightrail div.textmodule div.body {
					background-image:url(../images/bg-rightrail-textmodule-body.gif);
					background-repeat:no-repeat;
					background-position:bottom left;
					padding:10px 16px;
				}
			div#rightrail div.module {
				margin-bottom:10px;
			}
			div#rightrail h4 {
				background-image:url(../images/rightrail-h4.gif);
				color:#fff;
				height:42px;
				line-height:36px;
				font-size:1.1em;
				padding:0 25px;
				margin:0;
				background-repeat:no-repeat;
			}
			div#rightrail ul {
				padding:0 25px 20px;
				margin:0;
				background-image:url(../images/bg-rightrail-textbox.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
			}
			div#rightrail ul li {
				padding:0;
				margin:0 0 1em;
				list-style-type:none;
			}
			div#rightrail ul li a {
				padding-right:17px;
				background-image:url(../images/arrow-rightrail-link.gif);
				background-position:right center;
				background-repeat:no-repeat;
			}
			div#rightrail ul li a:hover {}
			div#rightrail div.body {
				padding:0 16px 20px;
				margin:0;
				background-image:url(../images/bg-rightrail-textbox.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
			}
				div#rightrail div.body table {
					width:100%;
					border-collapse:collapse;
					border-spacing:0;
				}
					div#rightrail div.body table th {
						padding:0 7px 5px;
						text-align:left;
						vertical-align:top;
					}
					div#rightrail div.body table td {
						padding:5px 7px;
						text-align:left;
						vertical-align:top;
					}
					div#rightrail div.body table tr.alt {
						background-color:#e9e8e8;
						background-image:url(../images/bg-rightrail-tr-alt.gif);
						background-repeat:repeat-y;
						background-position:top right;
					}
					div#rightrail div.body table thead {
						background-image:url(../images/bg-dots-horiz.gif);
						background-position:bottom left;
						background-repeat:repeat-x;
					}
					div#rightrail div.body table tfoot {
						background-image:url(../images/bg-dots-horiz.gif);
						background-position:top left;
						background-repeat:repeat-x;
					}
						div#rightrail div.body table tfoot a {
							padding-right:17px;
							background-image:url(../images/arrow-rightrail-link.gif);
							background-position:right center;
							background-repeat:no-repeat;
						}
					div#rightrail div.body table tbody {}
        div#footer {
                padding:20px 3px;
                background-image:url(../images/bg-footer.gif);
                background-repeat:repeat-x;
                background-position:0 10px;
        }
                div#footer ul {
                        padding:0;
                        margin:0;
                }
                div#footer ul li {
                        list-style-type:none;
                        float:left;
                        display:inline;
                        padding:0 5px 0 0;
                        margin:0 5px 0 0;
                        border-right:1px solid #000;
                }
                div#footer ul li.last { border-right-style:none; padding-right:0; margin-right:0; }
                div#footer ul li a { color:#000; text-decoration:none; }

                div#footer div.copyright {
                        text-align:center;
                        float:none;
                        color:#999;
                }
                div#footer div.storecopyright{
                        text-align:center;
                        float:none;
                        color:#999;
                }

      			div#footer div.storecopyright a { color:#999; text-decoration:none; }
                div#footer div.copyright a { color:#999; }

div.tabbox {
	background-image:url(../images/bg-block-main.gif);
	background-repeat:repeat-y;
}
	div.tabbox ol.tabcontrol {
		padding:0 4px;
		margin:0;
		background-color:#fff;
		background-image:url(../images/bg-block-start.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		height:26px;
	}
	* html div.tabbox ol.tabcontrol {
		width:502px;
	}
	div.tabbox ol.tabcontrol li {
		padding:0 0 0 15px;
		margin:0;
		list-style-type:none;
		float:left;
		display:inline;
		margin-left:6px;
		background-image:url(../images/bg-tabcontrol-inactive-left.gif);
		background-repeat:no-repeat;
		font-size:11px;
		line-height:22px;
	}
	div.tabbox ol li a {
		display:block;
		padding:0 15px 0 0;
		background-image:url(../images/bg-tabcontrol-inactive-right.gif);
		background-repeat:no-repeat;
		background-position:top right;
		color:#000
	}
	div.tabbox ol.tabcontrol li.active {
		background-image:url(../images/bg-tabcontrol-active-left.gif);
	}
	div.tabbox ol.tabcontrol li.active a {
		background-image:url(../images/bg-tabcontrol-active-right.gif);
		color:#0E8AC8;
	}
	div.tabbox div.tabscreen {
		display:none;
	}
	div.tabbox div.tabscreen-active {
		margin:0 4px;
		padding:16px;
		background-image:url(../images/bg-block-body.gif);
		background-repeat:repeat-x;
		background-position:50% 50%;
		display:block;
	}
	div.tabbox div.end {
		height:5px;
		overflow:hidden;
		background-image:url(../images/bg-block-end.gif);
	}
div.divider {
	font-size:1em;
	background-image:url(../images/bg-dots-horiz.gif);
	background-repeat:repeat-x;
	background-position:left center;
}
div.detaillink a {
	padding-right:12px;
	background-image:url(../images/bg-detaillink.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
div.jumplink {
	text-align:right;
	margin-bottom:5px;
}
	div.jumplink a {
		padding-right:17px;
		background-image:url(../images/arrow-rightrail-link.gif);
		background-position:right center;
		background-repeat:no-repeat;
	}
div.breaktop {
	margin-top:-14px;
	position:relative;
}

div.step1 {
  background-image:url(../images/main/checkout-info-step1.jpg);
}
div.step2 {
  background-image:url(../images/main/checkout-info-step2.jpg);
}
div.step3 {
  background-image:url(../images/main/checkout-info-step3.jpg);
}
div.step4 {
  background-image:url(../images/main/checkout-info-step4.jpg);
}
div.step5 {
  background-image:url(../images/main/checkout-info-step5.jpg);
}

div.wizard div.continue{
  position: absolute;
  left: 275px;
  top: 70px;
}
div.wizard {
	background-image:url(../images/bg-wizard.gif);
	background-repeat:no-repeat;
	position:relative;
	width:510px;
	height:132px;
	z-index:1;
}
	div.wizard div.img {
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:80px;
	}
	div.wizard div.txt {
		position:absolute;
		z-index:1;
		top:15px;
		left:110px;
		width:375px;
		color:#fff;
	}
		div.wizard h3 { font-size:12px; }

div.help {
	position:relative;
	z-index:1;
}
div.help div.popup {
	position:absolute;
	bottom:100%;
	left:100%;
	width:210px;
	color:#fff;
	padding:10px 5px 30px 50px;
	background-repeat:no-repeat;
	background-position:top left;
	z-index:2;
	display:none;
}
	div.help div.popup div.p1 {
		width:63px;
		height:41px;
		position:absolute;
		bottom:0;
		left:0;
	}
	div.help div.popup div.p2 {
		width:202px;
		height:41px;
		position:absolute;
		bottom:0;
		right:0;
	}
	div.help span {
		color:#0e8ac8;
		text-decoration:underline;
		cursor:help;
	}
	div.help div.popup h6 {
		margin:0 0 10px;
		font-size:12px;
	}
	div.help:hover div.popup,
	div.open-help div.popup
	{
		display:block;
	}
	.zeo div.popup { background-image:url(../images/help-baloon-zeo.gif); }
	.zeo div.popup h6 { color:#0c2b52; }
	.zeo div.popup .p1 { background-image:url(../images/help-baloon-zeo-p1.gif); }
	.zeo div.popup .p2 { background-image:url(../images/help-baloon-zeo-p2.gif); }
	.tallulah div.popup { background-image:url(../images/help-baloon-tallulah.gif); }
	.tallulah div.popup h6 { color:#5e0319; }
	.tallulah div.popup .p1 { background-image:url(../images/help-baloon-tallulah-p1.gif); }
	.tallulah div.popup .p2 { background-image:url(../images/help-baloon-tallulah-p2.gif); }
/* --- --- */
div.cb1 {}
div.cb2 {}
div.cb3 { margin-bottom:10px; }
	div.cb3 div.header {
		margin:0;
		padding:0 30px;
		color:#fff;
		background-image:url(../images/bg-cb3-header.gif);
		background-repeat:no-repeat;
		height:34px;
		line-height:34px;
		overflow:hidden;
	}
	div.cb3 div.body {
		background-image:url(../images/bg-cb3.gif);
		background-repeat:repeat-y;
		padding:0 15px;
	}
	div.cb3 div.footer {
		margin:0;
		padding:0 30px;
		color:#fff;
		background-image:url(../images/bg-cb3-footer.gif);
		background-repeat:no-repeat;
		height:5px;
		overflow:hidden;
	}

div.cb4 {}
div.cb5 {}
div.cb6 {}

.required { color:#f00 !important; }
p.required  {
	font-size:10px;
	margin:0 0 5px 0;
}
.f-left { float:left; }
img.f-left { display:inline; margin: 0 1em 1em 0; }
.f-right { float:right; }
img.f-right { display:inline; margin:0 0 1em 1em; }
.a-right { text-align:right; }
.a-left { text-align:left; }
.a-center { text-align:center; }

div.scrollbox {
	margin:0 0 1em;
	border:1px solid #ccc;
	height:150px;
	overflow:auto;
	background-color:#fff;
	padding:8px;
}
ul.nobullet {
	margin:0;
	padding:0;
}
ul.nobullet li {
	margin:0;
	padding:0 0 0.5em;
	list-style-type:none;
}

a.tutorial {
	padding-left:20px;
	background-position:left center;
	background-repeat:no-repeat;
	font-weight:bold;
}
	a.video {
		background-image:url(../images/icon-tutorial-video.gif);
	}

input.w1 { width:25px; }
input.w2 { width:50px; }

/*
 *	navigation - navigation styles relating to the top navigation bar.
 */

div#mainnav {
	position:absolute;
	left:0;
	top:65px;
	height:51px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/bg-mainnav.gif);
	z-index:39;
}
div#mainnav2 {
	position:absolute;
	left:0;
	top:65px;
	height:51px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/bg-mainnav2.gif);
	z-index:39;
}
div#stepnav {
	position:absolute;
	left:0;
	top:65px;
	height:51px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/bg-stepnav.gif);
	z-index:39;
	text-align:center;
}
div#mainnav ul {
	margin:0;
	padding:0;
	position:relative;
}
div#mainnav ul li {
	list-style:none;
	position:absolute;
	top:0;
	width:242px;
	height:51px;
	background-image:url(../images/bg-mainnav-active.gif);
	background-repeat:repeat-x;
}
	div#mainnav ul li a {
		display:block;
		height:100%;
		text-align:center;
		line-height:40px;
		color:#fff;
		text-decoration:none;
		background-image:url(../images/bg-mainnav-inactive.gif);
		background-repeat:repeat-x;
	}
	div#mainnav ul li.active a,
	div#mainnav ul li.active-temp a,
	div#mainnav ul li:hover a,
	div#mainnav ul li a:hover {
		background-image:none;
		color:#fff;
	}
        div#mainnav ul li#n1 { left:2px; width:240px }
        div#mainnav ul li#n2 { left:245px; }
        div#mainnav ul li#n3 { left:490px; }
        div#mainnav ul li#n4 { left:735px; width:240px; }
	div#mainnav ul li#n10 { left:2px; width:324px }
	div#mainnav ul li#n11 { left:326px; width:324px }
	div#mainnav ul li#n12 { left:650px; width:325px }
div#mainnav ul li ul {
	background-color:#444444;
	position:absolute;
	left:0;
	top:39px;
	display:none;
	width:240px;
	z-index:99;
	background-image:url(../images/bg-mainnav-subnav.gif);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	border-top-style:none;
}
div#mainnav ul li:hover ul,
div#mainnav ul li.active-temp ul{
	display:block;
}
div#mainnav ul li#n1 ul,
div#mainnav ul li#n4 ul,
div#mainnav ul li#n1 ul li,
div#mainnav ul li#n4 ul li
	{ width:238px; }
div#mainnav ul li ul li {
	position:relative;
	height:auto;
	background-image:url(../images/bg-mainnav-subnav-li.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:1px;
	z-index:100;
	width:240px;
	margin-bottom:0;
}
div#mainnav ul li ul li.last {
	background-image:none;
	padding-bottom:0;
}
	div#mainnav ul li ul li a {
		line-height:21px;
		color:#eee !important;
		text-align:left;
		text-transform:none;
		padding:0 0 0 25px;
		width:auto;
		background-image:none;
	}
	div#mainnav ul li ul li a:hover {
		background-color:#000;
		color:#fff;
		background-image:url(../images/bg-mainnav-subnav-li-hover.gif);
		background-repeat:no-repeat;
		background-position: 15px 50%;
	}


#detail_title {
    float: left;
    padding: 45px 0 0 15px;
}

#detail_photo {
    width: 110px;
    height: 110px;
    float: left;
}
/*
 *	utilities - helpful bits of code not related to layout or design.
 */

/* tweak for firefox */
	* { margin-top:0; }

/*  -----
 *	See http://positioniseverything.net/easyclearing.html
 *	for a description of this code.
 *  -----
 */
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height:1%; }
	*+html .clearfix { height:1%; }
	.clearfix { display:block; }
	/* End hide from IE-mac */
