@import "common.css";
@import "callouts.css";

/*
Action Envelope
- Created: 7/16/07
*/

#content {
	padding: 0 14px 0 14px;
}
	div#search {
		width: 100%;
		padding: 0 0 30px 0;
	}
		#aCol {
			width: 817px;
			float: left;
			background: url(../img/rc/search/bg.gif) repeat-y 0 0;
		}
		#aCol img.btm {
			clear: both;
		}
			#sideNav {
				width: 153px;
				padding: 8px 9px 180px 8px;
				float: left;
				background: url(../img/rc/search/bg.sideNav.gif) no-repeat 1px 0;
				overflow: hidden;
			}
			#sideNav h1 {
				margin: 0 0 12px 0;
				font-size: 1.2em;
				color: #f60;
				border-bottom: 1px solid #d7d7d7;
				padding: 0 0 10px 0;
				text-indent: 2px;
			}
			#sideNav h2 {
				font-size: 1.1em;
				color: #0f8aeb;
				margin: 0 0 6px 0;
			}
			#sideNav ul {
				list-style: none;
			}
			#sideNav ul a:link,
			#sideNav ul a:visited {
				color: #024476;
				font-size: 1.1em;
				font-weight: bold;
				margin: 0 0 5px 0;
				white-space: nowrap;
				text-decoration: none;
				display: block;
			}
			#sideNav ul a:hover,
			#sideNav ul a:active {
				text-decoration: underline;
			}
			#sideNav ul a span {
				font-weight: normal;
			}
			#sideNav .block {
				margin: 0 0 11px 0;
				padding: 0 0 10px 0;
				border-bottom: 1px solid #d7d7d7;
			}
			#sideNav .block select {
				margin: 0 auto;
				display: block;
				border: 1px solid #d7d7d7;
				font-size: 1.1em;
				width: 138px;
			}
			#sideNav .block.last {
				border: none;
			}
			#sideNav ul.nav {
				margin: 0 0 15px 0;
				list-style: none;
				font-size: 1.1em;
				color: #024476;
			}
			#sideNav ul.nav li {
				margin: 0 0 4px 0;
				padding: 0 0 0 15px;
				background: url(../img/ls/dash.gif) no-repeat 5px 7px;
			}
			
			#results {
				width: 618px;
				padding: 5px 13px 0 11px;
				float: left;
			}
			#results .header {
				margin: 0 0 5px 0;
			}
			#results .numOfReseults {
				font-size: 1.1em;
				padding: 0 15px 0 0;
				float: left;
			}
			#results .star {
				float: left;
				margin: -1px 5px 0 0;
			}
			#results .pagination {
				float: right;
			}
			#results .pagination div {
				float: left;
				margin: 0 0 0 3px;
				display: inline;
				line-height: 25px;
			}
			#results .pagination a {
				width: 19px;
				height: 19px;
				margin: 0 0 0 3px;
				display: block;
				_display: inline !important;
				float: left;
				text-align: center;
				line-height: 1.9em;
				background: url(../img/btn/pagination.gif) no-repeat 0 0;
				text-decoration: none;
				overflow: hidden;
				color: #666;
			}
			#results .pagination a:hover, #results .pagination a.active {
				background-position: 0 -29px;
			}
			#results .pagination a.prev, a.prev:hover {
				background: url(../img/btn/prev.gif) no-repeat 0 0;
				margin: 0 5px 0 0;
				text-indent: -9999px;
				background-position: 0 0 !important;
			}
			#results .pagination a.next, a.next:hover {
				background: url(../img/btn/next.gif) no-repeat 0 0;
				text-indent: -9999px;
				margin: 0 0 0 8px;
				background-position: 0 0 !important;
			}
			
				#itemList {
					width: 100%;
					margin: 0 0 10px 0;
				}
				#itemList .sort {
					height: 25px;
					margin: 0 0 8px 0;
					padding: 0 0 0 17px;
					background: #f0f0f0;
					overflow: hidden;
					line-height: 23px;
				}
				#itemList .sort a {
					font-size: 1.1em;
					font-weight: bold;
					color: #666;
					padding: 0 11px 0 0;
					text-decoration: none;
				}
				#itemList .sort a.name {
					margin: 0 170px 0 0;
				}
				#itemList .sort a.size {
					margin: 0 58px 0 0;
				}
				#itemList .sort a.color {
					margin: 0 50px 0 0;
				}
				#itemList .sort a.price {
					margin: 0 0 0 0;
				}
				#itemList .sort a.asc {
					background: url(../img/icon/sorting.asc.gif) no-repeat right 4px;
				}
				#itemList .sort a.desc {
					background: url(../img/icon/sorting.desc.gif) no-repeat right 4px;
				}
				#itemList .sort a:hover, #itemList .sort a.active {
					color: #0f8aeb;
					background-position: right -9px;
				}
				#itemList .item {
					margin: 0 0 7px 0;
					position: relative;
					cursor: pointer;
				}
				#itemList .item .top {
					width: 100%;
					height: 3px;
					background: url(../img/rc/search/top.item.gif) no-repeat 0 0;
					overflow: hidden;
				}
				#itemList .item .content {
					width: 100%;
					padding: 5px 0;
					background: url(../img/rc/search/bg.item.gif) repeat-y 0 0;
				}
				#itemList .item .btm {
					width: 100%;
					height: 4px;
					background: url(../img/rc/search/btm.item.gif) no-repeat 0 0;
					overflow: hidden;
				}
				#itemList .item.active .top {
					background: url(../img/rc/search/top.item.active.gif) no-repeat 0 0;
				}
				#itemList .item.active .content {
					background: url(../img/rc/search/bg.item.active.gif) repeat-y 0 0;
				}
				#itemList .item.active .btm {
					background: url(../img/rc/search/btm.item.active.gif) no-repeat 0 0;
				}
				#itemList .item .thumb {
					width: 89px;
					float: left;
					position: relative;
				}
				#itemList .item .thumb img {
					margin: 0 auto;
				}
				#itemList .item .name {
					width: 175px;
					padding: 3px 0 3px 10px;
					color: #0657ad;
					font-size: 1.2em;
					font-weight: bold;
					line-height: 1.3em;
					float: left;
				}
				#itemList .item .name span {
					color: #1e4f62;
					font-size: 10px;
					line-height: 13px;
					font-weight: normal;
					float: left;
				}
				#itemList .item .size {
					width: 102px;
					padding: 5px 0;
					font-size: 1.2em;
					color: #0494e4;
					float: left;
				}
				#itemList .item .color {
					width: 115px;
					padding: 5px 0;
					font-size: 1.2em;
					color: #666;
					float: left;
				}
				#itemList .item .price {
					width: 125px;
					padding: 5px 0;
					font-size: 1.2em;
					color: #666;
					float: left;
				}
				#itemList .item .price span {
					color: #ff7200;
				}
				#itemList .item .popular {
					width: 19px;
					height: 20px;
					background: url(../img/icon/star.popular.png);
					_background: url(../img/icon/star.popular.gif);
					position: absolute;
					overflow: hidden;
					text-indent: -999px;
					top: -4px;
					left: -3px;
				}
				
			
		#bCol {
			width: 135px;
			float: left;
		}
		#bCol .block {
			width: 100%;
			margin: 0 0 8px 0;
			background: url(../img/rc/search/bg.smallCol.gif) no-repeat left bottom;
		}
		#bCol .block .top {
			width: 100%;
			height: 5px;
			background: url(../img/rc/search/top.smallCol.gif) no-repeat 0 0;
		}
		#bCol .block .content {
			padding: 8px 10px 15px 11px;
		}
		#bCol .block h2 {
			font-size: 1.1em;
			color: #666;
			margin: 0 0 8px 0;
		}
		#bCol ul.nav {
			margin: 0 0 8px 0;
			list-style: none;
			font-size: 1.1em;
			color: #024476;
		}
		#bCol ul.nav li {
			margin: 0 0 4px 0;
			padding: 0 0 0 10px;
			background: url(../img/ls/dash.gif) no-repeat 0 7px;
		}
#cse-search-results {
	text-align: center;
}

#sideNav.sli {
	padding: 0;
	width: 170px;
	overflow: visible;
}
	#sideNav.sli .header {
		font-size: 13px;
		color: #FF6600;
		margin: 0 10px 15px;
		font-weight: bold;
		padding-top: 10px;
	}
	#sideNav.sli .facets {
		background: #e5f0ff;	
		-moz-border-radius-topleft: 4px;
		-webkit-border-radius-topleft: 4px;
		border-radius-topleft: 4px;
		padding: 0 0 5px 0;
		margin: 0 1px 5px;
		border-bottom: 1px solid #dfdfdf;
	}
		#sideNav.sli .facets .header {
			text-transform: uppercase;
			color: #fff;
			margin: 0 0 5px;
			padding: 10px 0;
			text-indent: 10px;
			background: #0d4a7c;
			-moz-border-radius-topleft: 3px;
			-webkit-border-radius-topleft: 3px;
			border-radius-topleft: 3px;
			position: relative;
			top: -4px;
			left: -1px;
			width: 170px;
			font-size: 12px;
		}
		#sideNav.sli .facets p {
			color: #5991c0;
			font-size: 10px;
			padding: 0 10px;
			margin-bottom: 10px;
		}
		#sideNav.sli .facets ul {
			padding: 0 10px;
		}
			#sideNav.sli .facets li {
				background: #fff;
				padding: 6px;
				margin-bottom: 8px;
				color: #0d4a7c;
				font-size: 11px;
				font-weight: bold;
				overflow: auto;
			}
			#sideNav.sli .facets li:hover {
				
			}
				#sideNav.sli .facet em {
					float: left;
					font-style: normal;
				}
				#sideNav.sli .facet .remove {
					background: url(../img/icon/mini_close.png) no-repeat;
					width: 9px;
					height: 9px;
					float: right;
					text-indent: -9000px;
					cursor: pointer;
					opacity: 0.5;
					margin-top: 2px;
				}
				#sideNav.sli .facet .remove:hover {
					opacity: 1;
				}
	#sideNav.sli .group {
		border-bottom: 1px solid #d7d7d7;
		padding-bottom: 10px;
		margin: 0 10px 10px;
	}
	#sideNav.sli .group:last-child {
		border: none;
	}
		#sideNav.sli .group .header {
			font-size: 11px;
			font-weight: bold;
			color: #0f8aeb;
			margin: 0 0 3px 0;
			padding: 0;
		}
		#sideNav.sli .group select {
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding: 3px;
			margin: 3px 0;
		}
			#sideNav.sli .group select option {
				margin-bottom: 3px;
				padding-right: 10px;
			}
		#sideNav.sli .group ul {
		
		}
			#sideNav.sli .group li {
				*padding: 3px 0;
			}
				#sideNav.sli .group li a {
					display: inline-block;
					padding: 3px 0;
					margin: 0;
					*display: inline;
					font-weight: normal;
				}
		#sideNav.sli .group ul.secondary {
			display: none;
		}
		#sideNav.sli #trigger_more_brands {
			font-size: 11px;
			padding: 3px 0;
			cursor: pointer;
			color: #999;
		}
		#sideNav.sli #trigger_more_brands:hover {
			text-decoration: underline;
			color: #555;
		}