/*
	SIDEBAR.CSS
	Description: Styles elements for sidebar elements such as Order by Phone block, Why Shop at Epson store block, Help lists, and Sign-up Box
	Path: /_consumer/common/sidebar.css
*/

/* Icon List */
.iconList {}
	.iconList li { list-style:none; padding:8px 0 5px 38px; margin:1px 0 0 0; }

.arrow, .blue_arrow { color: #036; text-decoration: none; font-weight: bold; display: block; }
.blue_arrow { padding: 0 15px 0 0; background: url('/prxm/prxm_img/global/icon_arrow.png') no-repeat right bottom; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prxm/prxm_img/global/icon_arrow.png', sizingMethod='crop' ); _background: none; }


.right-container {
	width: 226px;
	padding: 7px 7px 0 7px;
	_padding: 0 5px;
	margin: 0 0 7px 6px;
	_margin: 0 0 0 6px;
	background: url('/prxm/prxm_img/cdp/rightnav_top.png') no-repeat;
	/* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prxm/prxm_img/cdp/rightnav_top.png', sizingMethod='crop' );
	 _background: none; */
	 _background-image: url('/prxm/prxm_img/cdp/rightnav_top.gif');
}
.right-container-ft {
	width: 240px;
	height: 7px;
	font-size: 0;
	margin: -7px 0 7px 6px;
	_margin: 0 0 7px 6px;
	background: url('/prxm/prxm_img/cdp/rightnav_ft.png') no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prxm/prxm_img/cdp/rightnav_ft.png', sizingMethod='crop' ); 
	_background: none;
}

.right-block-hd {
	height: 14px;
	font-size: 0;
	margin-top: 0;
	_margin-top: 7px;
	background: url('/prxm/prxm_img/cdp/right-block_hd.png') no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prxm/prxm_img/cdp/right-block_hd.png', sizingMethod='crop' ); 
	_background: none;
}

.right-block {
	padding: 0 15px 10px 15px;
	margin-bottom: 7px;
	background: url('/prxm/prxm_img/cdp/right-block_ft.png') 0 bottom no-repeat;
	_background: url('/prxm/prxm_img/cdp/right-block_ft.gif') 0 bottom no-repeat;
}
.right-block ul {
	margin: 7px 0 2px 0;	
}
.right-block ul li {
	list-style: disc;
	list-style-position: inside;
	margin: 2px -5px 2px 0;
	padding: 3px 0;
	border-bottom: 1px solid #EEE;
}
.right-block ul li.last {
	border-bottom: none;
}
.right-block ul li a, .right-block ul li a:visited {
	color: #003366; 
}
.right-block ul li a:hover {
	color: #3D95D1; 
}
.right-block h4 {
	color: #444;
	font-size: 14px;	
}
#related-products ul li a, #shop-online ul li a {
	display: block;
	padding-left: 45px;
	*padding-left: 30px;
	height: 37px;
	_height: 20px;
	_padding-bottom:0;
	margin-bottom: 7px;
}
#related-products ul li, #shop-online ul li {
	list-style: none;
	border: none;
	font-weight: bold;
	background: url('/prxm/prxm_img/cdp/related_products_logos.png') no-repeat;
}

#related-products ul li span, #shop-online ul li span {
	display: block;
	font-weight: normal;
	color: #444;
	padding-bottom: 5px;
	_padding-bottom: 0;
}
#related-products ul li#rel-pr-paper {background-position: 0 -48px;}
#related-products ul li#rel-pr-accessories {background-position: 0 -89px;}
#related-products ul li#rel-pr-plans {background-position: 0 -138px;}
#related-products ul li#rel-pr-lamps {background-position: 0 -186px;}
#related-products ul li#rel-pr-screens {background-position: 0 -234px;}

#shop-online ul li { background: url('/prxm/prxm_img/cdp/shop_online_logos.png') no-repeat; }

#shop-online ul li#shop-online-specials { background-position: 0 -46px; }
#shop-online ul li#shop-online-outlet { background-position: 0 -95px; }



.right-banner {
	margin: 0 auto 7px auto;
	_margin: 7px auto 0 auto;
	text-align: center;	
}
.right-banner a {
	_position: relative;
	_z-index: 1;
}



/* Order by Phone */
#order-by-phone-container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/prxm/prxm_img/cdp/rightnav_top.png) no-repeat scroll 0 0;
float:right;
margin-right:-6px;
margin-top:5px;
padding:5px 0 5px 6px;
width:240px;
}

#order-by-phone {width:145px; height:61px; background:url('/prxm/prxm_img/store/orderbyph_bg.jpg') no-repeat; padding: 15px 5px 0 77px;}
#order-by-phone {font-weight:bold; color:#333; font-size:14px;}
	#order-by-phone p {font-size:17px; letter-spacing:1px;}
	#order-by-phone span {display:block; color:#FFF; font-weight:normal; font-size:9px; letter-spacing: 0;}

/* Why Shop */
.whyshop {width:227px; margin:4px 0 0 0; background:#fefefe url('/prxm/prxm_img/store/whyshop_bg.gif') no-repeat top;}
	.whyshop h3 { font-weight: bold; }
	.whyshop .content { width: auto; padding: 12px 12px 5px 12px; background: url('/prxm/prxm_img/store/iconlist_bottom.gif') bottom no-repeat;}
		.whyshop .content a, .whyshop .content a:visited,.whyshop .content a h3 {color:#036; font-size:14px; text-decoration: none;}
		.whyshop .content a:hover {color: #3D95D1;}
		.whyshop .content .iconList {margin: 5px 0 0 0; padding: 0 0 5px 0;}
			.whyshop .content .iconList li span {display: block; color: #666;}
				.whyshop .content .iconList li span.title {color: #333; font-weight: bold;}
				.whyshop .content .iconList li.reason_1 {background: url('/prxm/prxm_img/store/reasons_sprite.gif') top left no-repeat;}
				.whyshop .content .iconList li.reason_2 {background: url('/prxm/prxm_img/store/reasons_sprite.gif') 0 -40px no-repeat;}
				.whyshop .content .iconList li.reason_3 {background: url('/prxm/prxm_img/store/reasons_sprite.gif') 0 -80px no-repeat;}
		.whyshop .bottom { text-align: right; padding: 0 7px 6px 0; background: url('/prxm/prxm_img/store/whyshop_bottom.gif') bottom no-repeat;}


/* Help */
#help { margin-bottom: 5px; }
#help-hd { height: 12px; padding: 0; font-size: 0; background: url('/prxm/prxm_img/store/help_bg_hd.gif') no-repeat; }
#help-bd { padding: 0 15px 10px 15px; background: url('/prxm/prxm_img/store/help_bg_ft.gif') bottom no-repeat; }

#help-bd ul { margin: 7px 0 3px 0; }
	#help-bd ul li { list-style:disc; list-style-position:inside; margin: 2px 0; padding: 3px 0; border-bottom: 1px solid #eee; }
		#help-bd ul li.last { border-bottom: none; }
		#help-bd ul li a, #help-bd ul li a:visited { color: #036; text-decoration: none; }
			#help-bd ul li a:hover { color: #3D95D1; }


			
/* ACCORDION */

#accordion { margin: 0 auto 7px auto; _margin: 7px auto; width: 230px; }
	#accordion h3 { background: url('/prxm/prxm_img/global/acc_sprite.png') 0 0 no-repeat; color: #003464; height: 22px; margin: 0; padding: 8px 0 0 10px; font: normal normal bold 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; }
		#accordion h3 a { color: #003464; text-decoration: none; }
		#accordion h3.ui-accordion-header.ui-state-active { background-position: 0 -31px; color: #fff; }
		#accordion h3.ui-accordion-header.ui-state-active a { color: #fff; }

		
	#accordion .ui-accordion-content, #accordion .ui-accordion-content-active { 
	background: url('/prxm/prxm_img/cdp/right-block_ft.png') 0 bottom no-repeat;
	_background: url('/prxm/prxm_img/cdp/right-block_ft.gif') 0 bottom no-repeat;
	color: #1d4972; font-size: 10px; line-height: 14px; margin: 0 0 6px 0; overflow: auto; padding: 8px; }

	#accordion a { text-decoration: none; }
	
	#accordion div ul { margin: 0; padding: 0; }
		#accordion div ul li { background: url('/_assets/themes/default/img/bullet.gif') 0 6px no-repeat; list-style: none; margin: 4px 0; padding: 0 0 0 8px; }
		
	#accordion select { font-size: 11px; margin: 6px 0; width: 176px; float: left; height: 20px; }
	#accordion input { height: 20px; width: 20px; float: left; margin: 5px 0 0 4px; padding: 0; }
			
			
/* Opt-in */

.spacer { clear: both; height: 5px; padding: 0; }

#opt-in { clear: both; _margin-top: 12px; }
	#opt-in-hd, #opt-in-ft { height: 6px; padding: 0; background-image: url('/prxm/prxm_img/cdp/opt-in_hd-ft.png'); background-repeat: no-repeat; _margin: -7px 0; }
	#opt-in-ft { background-position: 0 -7px; margin-top: -4px; }
	#opt-in-bd { width: 210px; padding: 4px 8px; color: #666; background: #D2D9DC url('/prxm/prxm_img/global/opt-in_bg.gif') repeat-x; }

	#opt-in p { clear: both; margin: 7px 0; }
	#opt-in h3 { display: block; margin: -7px 0 7px 0; *margin: -2px 0 0 0; font-size: 12px; color: #333; font-weight: bold; }
	#opt-in span { color: #f00; }
	#opt-in small {	font-style: italic; }
	
	#opt-in input#FIRST_NAME, #opt-in input#EMAIL_ADDRESS { width: 200px; height: 14px; margin-bottom: 5px; padding: 2px 4px; color: #666; font-size: 10px; background: #fff url('/prxm/prxm_img/global/input_bg.png') no-repeat; border: none; }
	#subscription_request { float: right; background: url('/prxm/prxm_img/global/btn_sign-up-now_sprite.png') no-repeat; border: 0; margin: 5px 0 -8px; *margin-bottom: -14px; width: 107px; height: 29px; cursor: pointer; }
	
	#opt-in button.disabled { background-position: -107px 0 }
	#opt-in span.input-asterisk { display: block; float: left; margin-left: -6px; _margin-left: -3px; }

	#opt-in label.error { display: block; font: normal normal normal 10px 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 0 0 10px 30px; background: url('/prxm/prxm_img/global/icon_exclamation.gif') no-repeat 0 2px; }

	#opt-in-noscript { text-align: right; }

	/* #opt-in-noscript, */
	#opt-in-form, #opt-in-error, #opt-in-thankyou { display: none; }

	#opt-in-hd, #opt-in-ft { _background-image: url('/prxm/prxm_img/cdp/opt-in_hd-ft.gif'); }