/*	---------------------------------------------------------------
		@filename		usps.css
		@author			aziz.syed@akqa.com
		@description	Page layout + global style definitions
		
		Contents
		1. Page Layout
		2. Generic Styles
		3. Header
		4. Footer
		5. Navigation
		6. Global Elements
			6.1 Text fields
			6.2 Buttons
			6.3 Links
			6.4 Miscellaneous
		7. Quick Tools
		8. Modal
		9. Left Panel
		10. Tool Tips
		11. Drop Downs
		12. Product Added Modal
	--------------------------------------------------------------- */
	
/*	
	=========== 1. Page Layout ===========
*/
body{
	background:white;
	font-family:Arial;
	font-size:62.5%;
	color:#333333;
	min-width:960px;
}
#page{
}

#page .page-section{
	width:960px;
	margin:0 auto;
}

#main{
	background:transparent url(/media/images/global/backgrounds/hm_bg_gradient_1px.gif) repeat-x center bottom;
	min-width:960px;
}
	#main-repeat{
	}
	

	#main .page-section{
		padding-bottom:30px;
	}

#nav_qt_wrapper{
}
	#navigation-container{
		float:right;
		width:718px;
	}
    
/*
    =========== Modular Page Layouts ===========
*/

/* Set up for modified landing page */
.layout-1col-A #main-single{
    float:left;
    width:950px;
}


.layout-2col-A #main-side-content{
    float:left;
    width:232px;
}
.layout-2col-A #main-content{
    float:right;
    width:718px;
}

.layout-2col-B #main-side-content{
    float:right;
    width:232px;
}
.layout-2col-B #main-content{
    float: left;
    width:718px;
}
    
    
/*
    =========== Variable content-area shadows ===========
*/
.shadow-style-A #main-inner {
    min-width: 960px;
    min-height: 364px;
    background: transparent url(/media/images/global/backgrounds/main-inner.jpg) no-repeat scroll center bottom;
}
    
.shadow-style-B #main-inner {
    min-width: 960px;
    min-height: 364px;
    background: transparent url(/media/images/global/backgrounds/footer_shadows_3.gif) no-repeat scroll center bottom;
}
.shadow-style-C #main-inner {
    background: transparent url(/media/images/global/backgrounds/footer_shadows_1_r.gif) no-repeat scroll center bottom;
}
.shadow-style-D #main-inner {
    background: transparent url(/media/images/global/backgrounds/footer_shadows_1-l.gif) no-repeat scroll center bottom;
}

/*
    =========== Layout-specific style adjustments ===========
*/
    
.layout-1col-A .cap-middle {
    background: url(/media/images/registration/frm-sprite-caps.jpg);
    background-position:-960px bottom;
    padding: 18px 0px 14px 25px;
    margin:0;
    background-repeat: no-repeat;
    border-left: 1px solid #E4E4E6;
    border-right: 1px solid #E4E4E6;
    background-color: white;
}

/*
	=========== Section-specific styles ===========
*/


.section-cart h1{
    /*line-height:65px;*/
    margin-bottom:20px;
    text-indent:15px;
}

.section-cart h3{
    color:#333333;
    font-size:1.6em;
    font-weight:bold;
}


.section-shop h1{
    line-height:65px;
    text-indent:20px;
}

.section-register h1 {
    margin: 20px 0 13px 15px;
}

.section-register h4 {
    margin-bottom: 8px;
    position:relative;
}

.section-register h4#email {
    padding-top:32px;
}

h1 {
    font-size:2.8em;
    font-weight:normal;
}

h4 {
    color:#333;
    font-size: 1.2em;
}

p{
	font-size:1.2em;
	line-height:14px;
}

ol{
	font-size:1.2em;	
}

a, a:visited{
}
a:focus{
}

/*
    =========== Generic Styles ===========
*/

.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

.hide{
	display:none;
	visibility:hidden;
}
.hide-fromsighted,
.hide-fromsighted-v2{
	position:absolute;
	height:1px;
	width:1px;
	overflow:hidden;
	top:-4000px;
	left:0px;
}
.hide-fromsighted-v2{
	top:-5px;
	left:-5px;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size:0;
} 
.clearfix {
	display: inline-block;
} 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.arrow{
	background: transparent url(/media/images/global/sprites//sprite_arrows.gif) no-repeat 0px 0px;
	display:inline-block;
	height:10px;
	width:5px;
	vertical-align:top;
	overflow:hidden;
	margin-left:4px;
}
input{
	background:transparent none;
	border:none;
}

.cap-top,
.cap-bottom,
.cap-first{
    background: url(/media/images/registration/form_cap_bkg_top_bott.png);
}
    
.cap-top,
.cap-bottom,
.cap-first{
    height:6px;
    background-repeat:no-repeat;
    overflow:hidden;
}

.cap-bottom {
    background-position:0px -7px;
    margin: 0 0 9px 0;
}

.cap-last{
    margin:0px;
}

span.drop{
	display:block;	
}

.disabled{
	opacity:0.0;
	filter:alpha(opacity=00);
	cursor:default;
}



/*
	=========== 3. Header ===========
*/
#utility-bar{
	background:transparent url(/media/images/global/header/hdr_bkg.png) repeat-x;
}
	#utility-bar #contact-list{
		margin-left:-7px;
	}
	#utility-bar #contact-list li{
		float:left;
		background:transparent url(/media/images/global/header/hdr_sm_pipe.gif) no-repeat right top;
	}
	#utility-bar #contact-list li.last{
		background:none;
	}
		#utility-bar #contact-list li a{
			display:block;
			height:34px;
			line-height:34px;
			font-weight:bold;
			background-color:transparent;
			background-image:url(../images/global/header/hdr_icons_roll.gif);
			background-repeat:no-repeat;
			color:#515151;
			padding-right:10px;
			text-indent:20px;
		}
		#utility-bar #contact-list li a:hover{
			color:#3980C3;
		}
		#utility-bar #contact-list li a:focus{
			color:#3980C3;
		}

		#utility-bar #contact-list li a#link-support{
			background-position: -5px -102px;
			width:120px;
			text-indent:27px;
		}
			#utility-bar #contact-list li a:hover#link-support{
				background-position: -205px -102px;
			}
			#utility-bar #contact-list li a:focus#link-support{
				background-position: -205px -102px;
			}
		#utility-bar #contact-list li a#link-phone{
			background-position: -3px -170px;
			width:100px;
			padding-left:10px;
			text-indent:13px;
		}
			#utility-bar #contact-list li a:hover#link-phone{
				background-position: -203px -170px;
			}
			#utility-bar #contact-list li a:focus#link-phone{
				background-position: -203px -170px;
			}
		#utility-bar #contact-list li a#link-mobile{
			background-position: -3px -136px;
			width:93px;
			padding-left:10px;
			text-indent:14px;
		}
			#utility-bar #contact-list li a:hover#link-mobile{
				background-position: -203px -136px;
			}
			#utility-bar #contact-list li a:focus#link-mobile{
				background-position: -203px -136px;
			}


	#utility-bar .nav-pipe{
		float:left;
		width:2px;
		height:34px;
		background:transparent url(/media/images/global/header/hdr_pipe.gif) no-repeat;
	}
	#utility-bar .nav-tool{
		float:left;
		background-color:transparent;
		background-image:url(../images/global/header/hdr_icons_roll.gif);
		background-repeat:no-repeat;
		position:relative;
		z-index:450;
	}
	#utility-bar div#nav-tool-login{
		width:148px;
	}
	#utility-bar div#nav-tool-cart{
		width:171px;
	}
	#utility-bar div#nav-tool-print{
		width:144px;
	}
		#utility-bar .nav-tool h2{
			height:34px;
			line-height:34px;
			color:#515151;
			text-indent:27px;
			cursor:pointer;
			position:relative;
			font-size:1em;
			margin-bottom:0;
		}
			#utility-bar .nav-tool h2 a{
				color:#515151;
			}
			#utility-bar .nav-tool h2 a:hover{
				text-decoration:none;
				color:#3980C3;
			}
			#utility-bar .nav-tool h2 .arrow{
				position:absolute;
				background-position: left -134px;
				width:8px;
				height:20px;
				top:0px;
				right:10px;
			}


	#utility-bar div.nav-tool.hover{
	}
		#utility-bar div.nav-tool.hover h2{
			color:#3980C3;
		}
			#utility-bar div.nav-tool.hover h2 .arrow{
				background-position: left -164px;
			}

	#utility-bar #nav-tool-login{
		background-position:-1px 0px;
	}
	#utility-bar #nav-tool-cart{
		background-position:-1px -34px;
	}
	#utility-bar #nav-tool-print{
		background-position:-1px -68px;
	}
	#utility-bar div#nav-tool-login.hover{
		background-position:-201px 0px;
	}
	#utility-bar div#nav-tool-cart.hover{
		background-position:-201px -34px;
	}
	#utility-bar div#nav-tool-print.hover{
		background-position:-201px -68px;
	}
	
	.nav-tool .nav-window{
		position:absolute;
		z-index:14;
		top:34px;
		overflow:hidden;
		height:0px;
		width:484px;
	}
	.nav-tool a:hover{
		text-decoration:underline;
	}
	
	.mini div#nav-tool-login .nav-window{
		left:-328px;
	}

	div#nav-tool-login .nav-window{
		left:-8px;
	}
	div#nav-tool-cart .nav-window{
		left:-158px;
	}
	div#nav-tool-print .nav-window{
		left:-331px;
	}
	
	.nav-tool .nav-window .wrapper{
		position:relative;
	}
	.nav-tool .nav-window .col_3{
		width:484px;
	}

		.nav-window .background{
			position:absolute;
			z-index:1;
			height:100%;
			display:none;
		}
			.nav-window .background{
				position:absolute;
				z-index:1;
			}
			
		.nav-window .content{
			position:relative;
			z-index:2;
			
		}

		.background div{
			position:absolute;
		}
		.background .modal-insider{
			background:white;
			top:12px;
			left:12px;
		}
		.background .modal-corner-tl{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_top_l_corner.gif) no-repeat 0px 0px;
			top:0px;
			left:0px;
			height:12px;
			width:12px;
		}
		.background .modal-corner-tr{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_top_r_corner.gif) no-repeat 0px 0px;
			top:0px;
			right:0px;
			height:12px;
			width:12px;
		}
		.background .modal-corner-bl{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_btm_l_corner.png) no-repeat 0px 0px;
			bottom:0px;
			left:0px;
			height:12px;
			width:12px;
		}
		.background .modal-corner-br{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_btm_r_corner.png) no-repeat 0px 0px;
			bottom:0px;
			right:0px;
			height:12px;
			width:12px;
		}
		.background .modal-repeat-left{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_l_border.png) repeat-y 0px 0px;
			height:100px;
			width:12px;
			top:12px;
			left:0px;
		}
		.background .modal-repeat-right{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_r_border.png) repeat-y 0px 0px;
			height:100px;
			width:12px;
			top:12px;
			right:0px;
		}
		.background .modal-repeat-top{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_top_border.gif) repeat-x 0px 0px;
			height:12px;
			width:100px;
			top:0px;
			left:12px;
		}
		.background .modal-repeat-bottom{
			background:transparent url(/media/images/global/header/dropdown/drpdwn_btm_border.png) repeat-x 0px 0px;
			height:12px;
			width:100px;
			bottom:0px;
			left:12px;
		}
		
		#nav-tool-cart a#link-cart-count{
			position:absolute;
			font-size:1.2em;
			right:20px;
			top:25px;
			color:#3589cb;
		}

		#nav-tool-cart table{
		}
			#nav-tool-cart table caption{
				text-align:left;
				font-size:1.6em;
				text-indent:10px;
				height:40px;
				line-height:40px;
			}

			#nav-tool-cart table tr{
				height:30px;
				line-height:30px;
				vertical-align:middle;
				font-size:1.2em;
			}
				#nav-tool-cart table td{
					border-top:1px solid #eee;
					text-indent:13px;
				}
				#nav-tool-cart table td.quantity{
					font-weight:bold;
					width:40px;
					border-right:1px solid #eee;
				}
				#nav-tool-cart table td.price{
					border-left:1px solid #eee;
					font-weight:bold;
					width:60px;
					text-indent:0px;
					text-align:right;
					padding-right:20px;
				}
			#nav-tool-cart .cta{
				height:45px;
				line-height:45px;
				background:#e7e7e7;
				border-top:1px solid #dbdbdb;
			}
			
			#nav-tool-cart .total{
				font-size:1.6em;
				padding-right:12px;
			}
			
			#nav-tool-cart span.button-link{
				margin:9px 0px 0px 11px;				
			}
			#nav-tool-cart span.button-link a{
				text-decoration:none;				
			}


#header{}

	#header .page-section{
		height:92px;
	}
	#header a{
		position:relative;
		top:38px;
	}

	#search-form{
		background:transparent url(/media/images/global/form/searchbar.gif) no-repeat right top;
		position:relative;
		height:27px;
		font-size:1.2em;
		color:#636363;
		vertical-align:middle;
		width:252px;
		margin-top:39px;
	}
		#search-form label{
		}
		#search-form input#search-text{
			font-size:1.0em;
			width:218px;
			padding-top:6px;
			padding-left:5px;
			height:22px;
			border:none;
			background:transparent;
			vertical-align:middle;
			color:#636363;
		}
		#search-form input#search-btn{
			height:27px;
			width:28px;
			opacity:0.5;
			vertical-align:middle;
		}
/*
	=========== 4. Footer ===========
*/
#footer{
	background:#d4d4d7 url(/media/images/global/backgrounds/footer_gry_rule.gif) no-repeat center top;
}
#footer h3{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:2px;
	font-size:1.0em;
	color:#323232;
}
#footer ul#footer-links{
	padding:15px 0px 35px 0px;
	font-size:1.1em;
}
#footer li.list{
	float:left;
	width:183px;
	display:inline;
	margin-right:10px;
	color:#707070;
}
#footer a{
	color:#707070;
	padding-right:10px;
}
#footer a:hover{
	color:#323232;
}

#footer li.list.last{
	margin-right:0px;
}

#footer .arrow{
	background-position: left -116px;
}
	

/*
	=========== 5. Navigation ===========
*/
#navigation{
	padding-bottom:8px;
	height:33px;
}

	#navigation .nav-cap{
		float:left;
		width:4px;
		height:32px;
		background:#fff url(/media/images/global/navigation/blunav_sprite.gif) no-repeat 0px 0px;
	}
	#navigation #nav-cap-left{
		background-position:0px 0px;
	}
	#navigation #nav-cap-right{
		background-position:-4px 0px;
	}

	#navigation ul#navigation-list{
		background:#fff url(/media/images/global/navigation/blunav_sprite.gif) repeat-x 0px -32px;
		float:left;
	}

	#navigation li{
		float:left;
		display:inline;
		position:relative;
		z-index:400;
		cursor:pointer;
		background:transparent url(/media/images/global/navigation/blunav_pipe.gif) no-repeat right top;
	}
		#navigation li li{
			float:none;
			display:block;
			position:static;
			width:199px;
			margin-left:9px;
			background:none;
			cursor:default;
		}
			#navigation li li a{
				display:block;
				color:#555;
				font-size:1.2em;
				line-height:22px;
				padding-left:7px;
				width:192px;
				background:transparent url(/media/images/global/navigation/blunav_drpdwn_highlite.gif) no-repeat 0px -22px;
				position:relative;
				letter-spacing:-0.3px;
			}
			#navigation li li a span{
				line-height:12px;
			}
			#navigation li li a:hover{
				color:#fff;
				background-position:0px 0px;
			}
			#navigation li ul.secondary li a:hover{
				color:#3980c3;
				background-position:0px -22px;
			}


		#navigation h3{
			background:transparent url(/media/images/global/navigation/blunav_over_sprite.gif) no-repeat;
			background-position:left -9000px;
			height:32px;
			line-height:32px;
			font-size:1.3em;
			color:#fff;
			text-indent:15px;
			font-weight:normal;
			text-shadow:0px 1px 1px #0c4e7f;
		}
			#navigation h3 a{
				color:#fff;
				display:block;
				background:transparent url(/media/images/global/navigation/blunav_over_sprite.gif) no-repeat;
				background-position: right -192px;
				margin-left:8px;
			}

		#navigation li.current h3{
			background-position:-20px -160px;
		}
			#navigation li.current h3 a{
				background-position: right -128px;
			}
		
		#navigation li.hover h3{
			background-position:-20px -64px;
			color:#3980C3;
			text-shadow:none;
		}
			#navigation li.hover h3 a{
				color:#3980C3;
				background-position: right -32px;
			}
		

	#navigation li#nav-ship{
		width:146px;
	}
		#navigation li#nav-ship h3{
			text-indent:8px;
		}
		#navigation li#nav-ship .dropdown{
			left:0px;
		}
		#navigation li#nav-ship.hover h3 span{
			background-position:-23px -64px;
		}
	#navigation li#nav-send{
		width:122px;
	}
	#navigation li#nav-manage{
		width:173px;
	}
	#navigation li#nav-shop{
		width:98px;
	}
	#navigation li#nav-business{
		width:171px;
		background:none;
	}
		#navigation li#nav-business .dropdown{
			left:-40px;
		}
		
	#navigation li#nav-ship h3{
		width:140px;		
	}
	#navigation li#nav-send h3{
		width:115px;
	}
	#navigation li#nav-manage h3{
		width:166px;
	}
	#navigation li#nav-shop h3{
		width:91px;
	}
	#navigation li#nav-business h3{
		width:168px;
	}
	
	#navigation .dropdown{
		position:absolute;
		top:32px;
		overflow:hidden;
		left:0px;
		width:213px;
		height:0px;
	}

		#navigation .dropdown .wrapper{
		}
			#navigation .dropdown .list-wrapper{
				background:transparent url(/media/images/global/navigation/blunav_drpdwn_bg_repeat.png) repeat-y;
				padding-top:20px;
			}
			#navigation .dropdown .nav-dd-cap{
				background:transparent url(/media/images/global/navigation/blunav_drpdwn_endcap.png) no-repeat;
				height:14px;
			}
			
	#navigation .hr{
		background-color:#e6e6e6;
		height:1px;
		margin:13px 0px 13px 5px;
		width:198px;
		overflow:hidden;
	}
	
	#navigation .dropdown h4{
		height:19px;
		background:transparent url(/media/images/global/navigation/nav_ul_pipe.gif) no-repeat;
		margin-left:5px;
		padding-top:30px;
		text-indent:13px;
		cursor:default;
		font-size:1.0em;
		color:#252525;
		text-transform:uppercase;
	}
	
/*
	=========== 6. Global Elements ===========
*/

/*
	=========== 6.1 Text Fields ===========
*/
/*
 * Styled text fields. Container must have the class "input-text-wrapper"
 * and one of the variant classes (input-text-lg, input-text-sm, etc.)
 */
input.text {
    border:none;
    background:transparent url(/media/images/global/blank.gif) repeat;
    color:#636363;
    font-family:Arial;
    font-size:12px;
    padding:0;
}

div.input-text-wrapper {
    display: inline-block;
}

div.input-text-wrapper span.input-cap-left,
div.input-text-wrapper span.input-field,
div.input-text-wrapper span.input-cap-right {
	float:left;
	background-image: url(../images/global/sprites/text-box.gif);
	background-color: transparent;
}

div.input-text-wrapper span.input-cap-left {
	width: 3px;
	background-repeat: no-repeat;
}
div.input-text-wrapper span.input-cap-right {
	width: 3px;
	background-repeat: no-repeat;
}

div.input-text-wrapper span.input-field {
    
}


/*
 * Built-in clearfix so we don't have to repeat classname in the html
 */
div.input-text-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
} 
 
html[xmlns] div.input-text-wrapper {
    display: block;
} 
* html div.input-text-wrapper {
    height: 1%;
}

div.input-text-wrapper input{
	color:#363636;
	font-size:11px;
	vertical-align:top;
	padding-top:0;
}


/*
	=========== 6.2 Buttons ===========
*/
/*
 * Large text box
 */
div.input-text-lg span {
	height:27px;
}
div.input-text-lg span.input-cap-left {
	background-position: 0px 0px;
}
div.input-text-lg span.input-field {
	background-repeat: repeat-x;
	background-position: 0px -32px;
}
div.input-text-lg span.input-cap-right {
	background-position: 0px -64px;
}
div.input-text-lg input{
    margin: 7px 3px 0;
	height:14px;
}
.dj_ie7 div.input-text-lg input{
	margin-top:5px;
}

/*
 * Small text box
 */
div.input-text-sm span {
	height: 20px;
}
div.input-text-sm span.input-cap-left {
	background-position: 0px -95px;
}
div.input-text-sm span.input-field {
	background-position: 0px -119px;	
}
div.input-text-sm span.input-cap-right {
	background-position: 0px -143px;
}

div.input-text-sm input{
	line-height:11px;
    margin: 4px 3px 0;
}

.dj_ie div.input-text-sm input{
	margin-top:5px;
}
.dj_ie8 div.input-text-sm input{
	margin-top:8px;
}

span.required {
	color: #39c;
	/*margin-left:-5px;*/
	font-weight:bold;
	left:-5px;
}

div#rss{
	background:transparent url(/media/images/global/buttons/rss_icon.png) no-repeat left top;
	height:14px;
	line-height:14px;
}
	div#rss a{
		position:relative;
		text-indent:20px;
		height:14px;
		line-height:14px;
		font-size:1.2em;
		display:block;
		width:170px;
	}
	div#rss a:hover{
		color:#3980C3;
	}


            /* For all buttons */
            .button-link {
                display: block;
            }
            .button-link span {
                display: block;
                background-color: transparent;
                background-image: url(../images/global/buttons/btn_sprite.png);
                background-repeat: no-repeat;
            }
            .button-link span .buttons {
                display: block;
                background-color: transparent;
                background-image: url(../images/global/buttons/btn_sprite.png);
                background-repeat: no-repeat;
                text-decoration: none;
                text-align: center;
                float: left;
                cursor:pointer;
            }
			
			.button-link.disabled span .buttons {
				cursor:default;
            }
			
            /* For regular-height buttons (non-pill) */
            .btn-reg {
                float: left;
            }
            
            .btn-reg span {
                float: left;
                padding-left: 5px;
            }
            .btn-reg span .buttons {
                height: 26px; 
                line-height: 26px;
                display: block;
                padding-left: 15px;
                padding-right: 20px;
                font-weight: bold;
                font-size: 1.2em;
            }
            
            
            /* Give each button one of these for color */
            .btn-blue {
                
            }
            .btn-grey {
                
            }

            
            /* Add .btn-icon to any button with an icon */
            .btn-icon span {
                padding-left: 34px;
            }

            /* Regular button backgrounds */
            .btn-blue-reg span {
                background-position: left 0;
            }
            .btn-blue-reg span .buttons {
                color:#fff;
            }
            
            .btn-grey-reg span {
                background-position: left -78px;
            }
            .btn-blue-reg span .buttons {
                background-position: right -187px;
            }
            
            
            .btn-grey-reg span .buttons {
                color:#3980c3;
            }
            
            .btn-grey-reg span .buttons {
                background-position: right -265px;
            }
            
            /* Regular button hovers */
            .btn-blue-reg span.hover {
                color:#fff;
                background-position: left -26px;
            }
            .btn-blue-reg span.hover .buttons {
                color:#fff;
                background-position: right -213px;
            }
            
            .btn-grey-reg span.hover {
                background-position: left -104px;
            }
            
            .btn-grey-reg span.hover .buttons {
                color:#fff;
                background-position: right -187px;
            }
            
            /* Add one of these classes to apply an icon image */
            .btn-cart-blue span {
                background-position: left -478px;
            }
            .btn-cart-blue span.hover {
                background-position: left -504px;
            }

            .btn-chevron-blue span {
                background-position: left -556px;
            }
            .btn-chevron-blue span.hover {
                background-position: left -582px;
            }
            
            .btn-check-blue span {
                background-position: left -452px;
            }
            .btn-check-blue span.hover {
                background-position: left -452px;
            }
            
            .btn-chevron-grey span {
                background-position: left -374px;
            }
            .btn-chevron-grey span.hover {
                background-position: left -556px;
            }
            
            .btn-check-grey span {
                background-position: left -426px;
            }
            .btn-check-grey span.hover {
                background-position: left -452px;
            }
            
            
            /* Apply one of these classes to set a fixed button size */
            .btn-size-A {width: 210px;}
            .btn-size-A span {}
            .btn-size-A span .buttons{
                width: 205px;
                padding: 0 0 0 0;
            }
            
            .btn-size-A-icon {width: 210px;}
            .btn-size-A-icon span {}
            .btn-size-A-icon span .buttons{
                width: 176px;
                padding: 0 0 0 0;
            }
            
            .btn-size-B {width: 153px;}
            .btn-size-B span {}
            .btn-size-B span .buttons{
                width: 148px;
                padding: 0 0 0 0;
            }
            
            .btn-size-B-icon {width: 153px;}
            .btn-size-B-icon span {}
            .btn-size-B-icon span .buttons{
                width: 119px;
                padding: 0 0 0 0;
            }

            /* Apply .disabled to a button's inner <span> to disable it */
            .button-link span.disabled {
                background-position:left -52px;
                cursor:default;
            }

            .btn-reg span.disabled .buttons {
                background-position:right -239px;
                cursor:default;
                color:#999;
            }
            .btn-cart-blue span.disabled {
                background-position: left -530px;
            }



.pill-btn span{
    float:left;
	padding-left:6px;
	_padding-left:5px;
	background:transparent url(../images/global/buttons/btn_sprite.png) no-repeat scroll left -149px;
}


.pill-btn .buttons,
.pill-btn  a.buttons{
	background:transparent url(../images/global/buttons/btn_sprite.png) no-repeat scroll right -336px;
	padding-left:4px;
	padding-right:10px;
	font-size:0.9em;
	font-weight:bold;
	height:19px;
	line-height:19px;
	color:#3980c3;
	text-transform:uppercase;
}

span.pill-btn span.hover{
	background-position: left -168px;
}

span.pill-btn span.hover .buttons, span.pill-btn span.hover a.buttons{
	background-position: right -355px;
	color:#fff;
}

.button-link.pill-btn .disabled , span.pill-btn span.disabled{
	background-position:left -130px;
	cursor:default;
}

span.pill-btn span.disabled {
    background-position: left -130px;
}

span.pill-btn span.disabled .buttons,
span.pill-btn span.disabled a.buttons{
	background-position:right -317px;
    color: #999; 
    cursor: default;
}

/*
	=========== 6.3 Links ===========
*/
a.primary,
a.standard,
a.tertiary{
	font-size:11px;
}
a.primary{
	font-weight:bold;
	color:#3589cd;
	text-decoration:none;
}
a.standard{
	color:#3980c3;
}
a.tertiary{
	color:#999;
}
a.standard,
a.tertiary{
	text-decoration:underline;
}
a.primary:hover,
a.standard:hover,
a.tertiary:hover{
	color:#666;
}
a.info-icon{
	background:transparent url(../images/global/icons/info_tooltip_icon.gif) no-repeat 0px -18px;
	line-height:18px;
	display:block;
	text-indent:25px;
}
a.info-icon:hover{
	background-position:0px 0px;
	color:#666;
}

/*
	=========== 6.4 Other ===========
*/
hr{
	margin:0px;
	padding:0px;
	height:1px;
	overflow:hidden;
	color:black;
	background-color:black;
	border:none;
	line-height:1px;
}
form{
	display:inline;
}


	
/*
	=========== 8. Modal ===========
*/

div.force-modal-close{
	display:none;
}
#modals{
	position:absolute;
	z-index:10000;
	top:0px;
	left:0px;
	display:none;
	min-width:960px;
}
	#lightbox-background{
		position:absolute;
		z-index:10001;
		top:0px;
		left:0px;
		height:500px;
		width:700px;
	}
	#modal-positioner{
		margin:0 auto;
		position:relative;
		z-index:10002;
	}
		#modal-window{
			position:absolute;
			z-index:10003;
		}
			#modal-window-inner{
			}
			
				#modal-window-inner div{
					position:absolute;
				}
		
				#modal-corner-tl{
					background:transparent url(../images/global/modal/popup_top_l_corner.png) no-repeat 0px 0px;
					height:38px;
					width:9px;
					top:0px;
					left:0px;
				}
				#modal-corner-tr{
					background:transparent url(/media/images/global/modal/popup_top_r_corner.png) no-repeat 0px 0px;
					height:38px;
					width:9px;
					top:0px;
					right:0px;
				}
				#modal-corner-bl{
					background:transparent url(/media/images/global/modal/popup_btm_l_corner_v2.png) no-repeat 0px 0px;
					height:52px;
					width:9px;
					bottom:0px;
					left:0px;
				}
				#modal-corner-br{
					background:transparent url(/media/images/global/modal/popup_btm_r_corner_v2.png) no-repeat 0px 0px;
					height:52px;
					width:9px;
					bottom:0px;
					right:0px;
				}
				#modal-repeat-left{
					background:transparent url(../images/global/modal/popup_l_border.png) repeat-y 0px 0px;
					height:100px;
					width:9px;
					top:38px;
					left:0px;
				}
				#modal-repeat-right{
					background:transparent url(/media/images/global/modal/popup_r_border.png) repeat-y 0px 0px;
					height:100px;
					width:9px;
					top:38px;
					right:0px;
				}
				#modal-repeat-top{
					background:transparent url(/media/images/global/modal/popup_top_bg_repeat.png) repeat-x 0px 0px;
					height:38px;
					width:100px;
					top:0px;
					left:9px;
				}
				#modal-repeat-bottom{
					background:transparent url(/media/images/global/modal/popup_btm_bg_repeat_v2.png) repeat-x 0px 0px;
					height:52px;
					width:100px;
					bottom:0px;
					left:9px;
				}
				#modal-insider{
					margin:38px 9px 52px 9px;
					height:0;
					width:0;
					position:absolute;
					top:0px;
					left:0px;
					background-color:white;
				}
				
				.gray-cap 	#modal-corner-bl{
					background:transparent url(/media/images/global/modal/popup_btm_l_corner.png) no-repeat 0px 0px;
				}
				.gray-cap #modal-corner-br{
					background:transparent url(/media/images/global/modal/popup_btm_r_corner.png) no-repeat 0px 0px;
				}
				.gray-cap #modal-repeat-bottom{
					background:transparent url(/media/images/global/modal/popup_btm_bg_repeat.png) repeat-x 0px 0px;
				}
	
		#modals div.modal{
			position:relative;
			z-index:10004;
			padding:0px 4px;
			display:none;
		}
		
		#modals #modal-header{
			font-weight:bold;
			font-size:1.3em;
			position:relative;
			z-index:10004;
			height:38px;
			text-indent:15px;
			line-height:38px;
		}
		
		#modals #modal-header h2{
			background-image:none;
			font-size:1em;
		}
		
		#modal-track{}
		#modal-location{}
		#modal-price{}
		#modal-zip{}

		#modals #btn-modal-close{
			height:34px;
			width:35px;
			top:-5px;
			right:-5px;
			position:absolute;
			z-index:10005;
			overflow:hidden;
			cursor:pointer;
		}
			#modals #btn-modal-close div.wrapper{
				background:transparent url(/media/images/global/buttons/btn_popup_close.png) no-repeat 0px 0px;
				height:34px;
				width:69px;
				text-indent:-150px;
			}

			#modals #btn-modal-close.hover div.wrapper{
				background-position:-35px 0px;
			}
	
/*
	=========== 9. Left Panel ===========
*/
#left-panel-modules{
}
	.left-panel-module{
		margin-bottom:9px;
	}
	div.left-panel-module.last{
		margin-bottom:0px;
	}

		.left-panel-module .content-wrapper{
			background:transparent url(/media/images/global/leftpanel/nav_left_bg_alt.gif) no-repeat -232px bottom;
		}
		.left-panel-module .content{
			background:transparent url(/media/images/global/leftpanel/nav_left_bg_alt.gif) repeat-y -464px top;
		}
		.left-panel-module .content-inner{
			padding:13px 13px;
		}
		.left-panel-module .module-cap{
			height:10px;
		}

		.left-panel-module h2{
			line-height:34px;
			font-size:1.3em;
			color:#555;
			background:transparent url(/media/images/global/leftpanel/nav_left_bg_alt.gif) no-repeat;
			text-indent:13px;
			height:34px;
		}

			
/*
	=========== 10. Tool Tips ===========
*/

.toolIcon{
	background:transparent url(/media/images/global/buttons/help_icon.gif) no-repeat 0px 0px;
	position:relative;
	height:15px;
	width:15px;
	vertical-align:top;
	padding: 0 0 2px 0;
	z-index:50;
}

/*
 * Hack for FF2's bad inline-block support
 */
.toolIcon, x:-moz-any-link {display:-moz-inline-box;}
.toolIcon, x:-moz-any-link, x:default {display:inline-block;}

a.toolIcon:focus,a.toolIcon:hover{
	text-decoration:none;
	background-position:0px -20px;
}

.toolTipGroup {
    position: relative;
    height:15px;
    width:15px;
}

.toolTipHolder * {
	margin: 0;
	padding: 0;
}

.toolTipHolder {
	position: absolute;
	top: -10000px;
	left: -10000px;
	width: 203px;
	color:#202020;
}

.tipTop,
.tipBottom,
.toolTip {
	width: 203px;
	display:block;
}

.tipTop {
	background:transparent url(/media/images/global/tooltip/tooltip_cap_top.png) no-repeat;
	height:6px;
}

.toolTipFromRight .tipBottom {
    background:transparent url(/media/images/global/tooltip/tooltip_bottom_r_carat.png) no-repeat;
    height:15px;    
} 
.toolTipFromLeft .tipBottom {
    background:transparent url(/media/images/global/tooltip/tooltip_bottom_l_carat.png) no-repeat;
    height:15px;
} 


.toolTip {
	background:transparent url(/media/images/global/tooltip/tooltip_middle.png) repeat-y;
	height:auto;
	font-size:11px;
	font-style:italic;
	color:#363636;
	padding:8px 15px;
	width:173px;
}

.toolTip h4 {
    margin-bottom: 0.5em;
}

#toolTip-pwd-left,
#toolTip-pwd-right {
	margin-top: 10px;	
}

#toolTip-pwd-left {
	float: left;
	width: 10px;
	margin-left: 10px;
	padding-right: 7px;
	border-right: solid 1px #E5E5E5;
}

#toolTip-pwd-right {
	margin-left: 40px;
}


/*
	=========== 12. Product Added Modal ===========
*/

#modal-product-cart-base{
}

	#modal-product-cart-base #product-cart-item-container,
	#modal-product-cart-base #product-cart-item-container2{
		margin:10px 0px;
	}

		#modal-product-cart-base #product-cart-item-dtl,
		#modal-product-cart-base #product-cart-item2-dtl{
			width:200px;
		}

		#modal-product-cart-base #product-cart-item-container span,
		#modal-product-cart-base #product-cart-item-container2 span{
			display:block;
		}
	
		#modal-product-cart-base #product-cart-item-container img,
		#modal-product-cart-base #product-cart-item-container2 img{
			padding:0px 15px;
		}

	#product-cart-item-container2{
		display:none;
	}

	
	
	
.dijitRadio, .dijitRadioIcon {
	background-image:url(../images/global/form/btns_rndradio_offon.gif);
	background-position:0pt 0pt;
	background-repeat:no-repeat;
	height:16px;
	margin:0pt;
	width:16px;
}
.dijitRadioChecked, .dijitToggleButtonChecked .dijitRadioIcon {
	background-position:0pt -15px;
	background-repeat:no-repeat;
}