/*
 *	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/main/bg-body.gif);
        background-position:top left;
        background-repeat:repeat-x;
        /* background-attachment:fixed; */
}
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:750px;
                        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 navigation.css */ }
                div#stepnav { /* styles for step display also live in navigation.css */ }
        div.alert { margin-bottom:10px; }
                div.alert div.start {
                        height:5px !important;
                        background-image:url(../images/main/alert-bg-start.gif) !important;
                        background-position:top left !important;
                        background-repeat:no-repeat !important;
                        font-size:0;
						line-height:0;
                }
                div.alert div.start div {
                        width:50%;
                        margin:0 0 0 auto;
                        height:5px;
                        background-image:url(../images/main/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/main/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/main/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/main/arrow-alert-link.gif);
                                background-repeat:no-repeat;
                                background-position:right center;
                                padding-right:20px;
                        }
                        div.alert div.body div.error a:hover {text-decoration: none;}

                div.alert div.body div.success {
                        background-image:url(../images/main/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/main/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/main/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/main/alert-bg-end.gif) !important;
                        background-position:top left !important;
                        background-repeat:no-repeat !important;
                        font-size:0;
						line-height:0;
                }
                div.alert div.end div {
                        width:50%;
                        margin:0 0 0 auto;
                        height:5px;
                        background-image:url(../images/main/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;
                        /* color:#ecf4f8 !important; */
                }
                div#breadcrumb h2 span {
                        display:block;
                        font-size:12px;
                }
        div#mainbody {
                background-color:#fff;
                background-image:url(../images/main/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/main/bg-leftnav-h3.gif);
				background-position:top right;
				background-repeat:no-repeat;
			}
			div#leftrail ul {
				padding:0 0 5px;
				margin:0;
			}
			ul.menuList {
				background-image:url(../images/main/bg-leftnav.gif);
				background-position:bottom right;
				background-repeat:no-repeat;
			}
			div#leftrail ul li ul {

			}
			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,
			div#leftrail ul li ul.submenu li a:hover {
				color:#fff;
				background-image:url(../images/main/bg-leftnav-hover.gif);
				background-repeat:repeat-x;
				background-position:50% 50%;
				text-decoration:none;
			}
			div#leftrail ul li ul.submenu li a{
				background-image: url(../images/main/bg-leftnav.gif);
				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/main/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/main/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; }
                        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/main/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/main/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/main/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/main/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/main/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/main/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:125px;
                                        height:162px;
                                }
                        div#bodycontent div.textheader {
                                background-image:url(../images/main/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/main/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/main/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/main/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/main/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/main/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/main/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/main/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/main/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/main/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/main/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/main/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/main/bg-rightrail-textbox.gif);
                                background-position:bottom left;
                                background-repeat:no-repeat;
                                height:1%;
                        }
                        div#rightrail ul li {
                                padding:0;
                                margin:0px 6px 1em;
                                list-style-type:none;
                        }
                        div#rightrail ul li a {
                                padding-right:17px;
                                background-image:url(../images/main/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/main/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/main/bg-rightrail-tr-alt.gif);*/
                                                background-repeat:repeat-y;
                                                background-position:top right;
                                        }
                                        div#rightrail div.body table thead {
                                                background-image:url(../images/main/bg-dots-horiz.gif);
                                                background-position:bottom left;
                                                background-repeat:repeat-x;
                                        }
                                        div#rightrail div.body table tfoot {
                                                background-image:url(../images/main/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/main/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/common/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;
                        display:inline;
                        padding:0 5px 0 5px;
                        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/main/bg-block-main.gif);
	background-repeat:repeat-y;
}
	div.tabbox ol.tabcontrol {
		padding:0 4px;
		margin:0;
		background-color:#fff;
		background-image:url(../images/main/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/main/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/main/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/main/bg-tabcontrol-active-left.gif);
	}
	div.tabbox ol.tabcontrol li.active a {
		background-image:url(../images/main/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/main/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/main/bg-block-end.gif);
	}
div.divider {
        font-size:1em;
        background-image:url(../images/main/bg-dots-horiz.gif);
        background-repeat:repeat-x;
        background-position:left center;
}
div.detaillink a {
        padding-right:12px;
        background-image:url(../images/main/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/main/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 .continue{
  position: absolute;
  left: 275px;
  top: 70px;
}

div.wizard .back{
  position: absolute;
  left: 0px;
  top: 70px;
}

div.wizard {
        /*
          Disabling background-image on wizard since we are using a different image depending on what step.
          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;

}
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:3;
	display:none;
}
	div.help-top div.popup {
		bottom:auto !important;
		top:-50px;
		padding-bottom:10px;
	}
	div.help div.popup div.p1 {
		width:63px;
		height:41px;
		position:absolute;
		bottom:0;
		left:0;
	}
	div.help-top div.popup div.p1 {
		width:43px !important;
		height:40px !important;
		left:0 !important;
		top:10px !important;
	}
	div.help div.popup div.p2 {
		width:202px;
		height:41px;
		position:absolute;
		bottom:0;
		right:0;
	}
	div.help-top div.popup div.p2 {
		width:300px !important;
		height:6px !important;
		font-size: 0;
		left: 0;
	}
	div#rightrail div.block {
	background-image:url(../images/main/bg-block-main.gif);
	background-repeat:repeat-y;
	width:225px;
	padding:0;
	margin:0 0 10px;
}
	div#rightrail div.block div.start {
		background-image:url(../images/main/bg-block-start.gif);
		background-repeat:no-repeat;
		height:5px;
		overflow:hidden;
		margin:0;
		padding:0;
		line-height:0px;
		font-size:0;
	}
		div#rightrail div.block div.start div {
			width:50%;
			float:right;
			background-image:url(../images/main/bg-block-start.gif);
			background-repeat:no-repeat;
			background-position:top right;
			height:5px;
			overflow:hidden;
		}
	div#rightrail div.block div.body {
		background-image:url(../images/main/bg-block-body.gif);
		background-repeat:repeat-x;
		background-position:50% 50%;
		margin:0 4px;
		padding:8px 8px 0;
	}
		div#rightrail div.block div.body h3 {
			color:#0f94d7;
			font-size:14px;
		}
		div#rightrail div.block div.bodywrap {
			border-right:1px solid #ccc;
		}
	div#rightrail div.block div.end {
		background-image:url(../images/main/bg-block-end.gif);
		background-repeat:no-repeat;
		height:5px;
		overflow:hidden;
		margin:0;
		padding:0;
		line-height:0px;
		font-size:0;
	}
		div#rightrail div.block div.end div {
			width:50%;
			float:right;
			background-image:url(../images/main/bg-block-end.gif);
			background-repeat:no-repeat;
			background-position:bottom right;
			height:5px;
			overflow:hidden;
		}
		div#rightrail div.block li
		{
			margin-left:10px;
        }

	div.help span {
		color:#0e8ac8;
		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/main/help-baloon-zeo.gif); }
	.zeo div.popup h6 { color:#0c2b52; }
	.zeo div.popup .p1 { background-image:url(../images/main/help-baloon-zeo-p1.gif); }
	.zeo .help-top div.popup .p1 { background-image:url(../images/main/help-baloon-zeo-p1-top.gif); }
	.zeo div.popup .p2 { background-image:url(../images/main/help-baloon-zeo-p2.gif); }
	.zeo .help-top div.popup .p2 { background-image:url(../images/main/help-baloon-zeo-p2-top.gif); }

	.tallulah div.popup { background-image:url(../images/main/help-baloon-tallulah.gif); }
	.tallulah div.popup h6 { color:#5e0319; }
	.tallulah div.popup .p1 { background-image:url(../images/main/help-baloon-tallulah-p1.gif); }
	.tallulah .help-top div.popup .p1 { background-image:url(../images/main/help-baloon-tallulah-p1-top.gif); }
	.tallulah div.popup .p2 { background-image:url(../images/main/help-baloon-tallulah-p2.gif); }
	.tallulah .help-top div.popup .p2 { background-image:url(../images/main/help-baloon-tallulah-p2-top.gif); }

	a.longlink { padding-right:0 !important; background-image:none !important; }
	a.longlink img { vertical-align:bottom !important; }

/* --- --- */
div.cb1 {}
div.cb2 {}
div.cb3 { margin-bottom:10px; }
        div.cb3 div.header {
                margin:0;
                padding:0 30px;
                color:#fff;
                background-image:url(../images/common/bg-cb3-header.gif);
                background-repeat:no-repeat;
                height:34px;
                line-height:34px;
                overflow:hidden;
        }
        div.cb3 div.body {
                background-image:url(../images/common/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/common/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; }
.f-left .clearfix { height: 22px; }
img.f-left { display:inline; margin: 0 1em 1em 0; }
.f-right { float:right; }
.f-right .clearfix { height: 22px; }
img.f-right { display:inline; margin:0 0 1em 1em; }
.a-right { text-align:right; }
.a-left { text-align:left; }

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;
}

/** left rail .textmodule */
div#leftrail div.textmodule {
	width:160px;
	margin:0 0 20px 11px;
}
	div#leftrail div.textmodule h4 {
		background-image:url(../images/main/bg-leftrail-textmodule-h4.gif);
		background-repeat:no-repeat;
		height:33px;
		padding:0 9px;
		font-size:12px;
		color:#fff;
		line-height:33px;
		margin-bottom:0;
	}
	div#leftrail div.textmodule div.body {
		background-image:url(../images/main/bg-leftrail-textmodule-body.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		padding:5px 9px;
	}
	div#leftrail div.textmodule ul{
		padding:0px 0px 0px 20px;
	}
	div#leftrail div.textmodule ul li{
		height 1%;
		list-style-type:disc;
		border-top:none;
		font-size:11px;
		margin-bottom:11px;
	}


/*
 *      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/common/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/common/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/common/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/common/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/common/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:320px }
        div#mainnav ul li#n11 { left:322px; width:320px }
        div#mainnav ul li#n12 { left:642px; width:320px }
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/common/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/common/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/common/bg-mainnav-subnav-li-hover.gif);
                background-repeat:no-repeat;
                background-position: 15px 50%;
        }

ol.stepped {
	padding:0 9px;
	margin:0 0 10px;
	background-image:url(../../images/configurator/configurator-bg-transfer.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
ol.stepped li {
	padding:0;
	margin:0;
	list-style-type:none;
	position:relative;
	height:45px;
}
	ol.stepped li div {
		position:absolute;
	}
	ol.stepped li div.num {
		left:0;
		top:0;
		height:40px;
		width:35px;
		line-height:35px;
		background-image:url(../../images/configurator/lozenge.png);
		background-repeat:no-repeat;
		text-align:center;
		font-size:16px;
		font-weight:bold;
	}
	ol.stepped li div.txt {
		left:50px;
		top:10px;
		font-weight:bold;
		width:275px;
	}
		ol.stepped li div.txt span {
			color:#66cc00;
		}
	ol.stepped li div.select {
		top:6px;
		right:0;
		width:180px;
	}
	ol.stepped li div.selectConfirm {
		top:9px;
		right:0;
		width:160px;
	}
		ol.stepped li div.select select { width:100%; }


/*
 *      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 */



/* -----
 * Expando button
 *
 * -----
 */
div.btn {background:url('../images/main/button.png') no-repeat right top;float:left;margin:2px;}
div.btn a{
	background:url('../images/main/button.png') 0 -21px no-repeat;
	display:block;font:bold 12px Arial;
	color:#fff;
	padding:2px 8px 3px 8px;
	text-decoration:none
}

div.btn a:visited, div.btn a:link{
	color:#fff;
	text-decoration:none
}
div.btnblk {background:url('../images/main/blkbttns.png') no-repeat right top;float:left;margin:2px;}
div.btnblk a{
	background:url('../images/main/blkbttns.png') 0 -21px no-repeat;
	display:block;font:bold 12px Arial;
	color:#fff;
	padding:2px 8px 3px 8px;
	text-decoration:none;
	text-align:center;
}

div.btnblk a:visited, div.btn a:link{
	color:#fff;
	text-decoration:none
}

div.btngry {background:url('../images/main/grybttns.png') no-repeat right top;float:left;margin:2px;}
div.btngry a{
	background:url('../images/main/grybttns.png') 0 -21px no-repeat;
	display:block;font:bold 12px Arial;
	color:#fff;
	padding:2px 8px 3px 8px;
	text-decoration:none;
}

div.btngry a:visited, div.btn a:link{
	color:#fff;
	text-decoration:none
}
.subtn-strt, .subtn-end {border:0;height:17px;float:left;width:10px;}
.subtn-strt {background:url('../images/phoneLocator/bttstrt.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/phoneLocator/bttstrt.png',sizingMethod='scale');}
.subtn-mid {background:url('../images/phoneLocator/bttmid.png');height:17px;color:#eee;float:left;border:0;font:12px Arial;font-weight:bold;text-decoration:none;line-height:17px;}
.subtn-end {background:url('../images/phoneLocator/bttend.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/phoneLocator/bttend.png',sizingMethod='scale'); margin-right:10px;}

.grysubtn-strt, .grysubtn-end {border:0;height:17px;float:left;width:10px;}
.grysubtn-strt {background:url('../images/phoneLocator/gry-bttstrt.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/phoneLocator/gry-bttstrt.png',sizingMethod='scale');}
.grysubtn-mid {background:url('../images/phoneLocator/gry-bttmid.png');height:17px;color:#eee;float:left;border:0;font:12px Arial;font-weight:bold;text-decoration:none;line-height:17px;}
.grysubtn-end {background:url('../images/phoneLocator/gry-bttend.png');_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/images/phoneLocator/gry-bttend.png',sizingMethod='scale'); margin-right:10px;}