/************** 1. LAYOUT ***************/
	html, body {
		height:100%;
	}

	body {	position:relative;
		font:12px Lucida Sans,Georgia,Helvetica,sans-serif;
		color:#333333;
                background: #fcfcfc url(../imgs/background.jpg) repeat-x top left;
		text-align:center;
		zoom:1;
		z-index:1;
	}

	#page {
		position:relative;
		width:996px;
		min-height:100%;
		_height:100%;
		margin:0px auto;
		background:transparent;
		text-align:center;
		zoom:1;
		z-index:1;
	}


	#header {
		position:relative;
		width:100%;
		height:145px;
		text-align:left;
		zoom:1;
		z-index:2;
                padding-top: 2%;
	}

	#content-container {
		position:relative;
		width:100%;
/*		background:#FFFFFF url(../imgs/sanbornsebooks_brandday.jpg) no-repeat top center;
		padding-top:120px;*/
		background:#FFFFFF;
		padding-top:0px;
		padding-bottom:130px;
		text-align:center;
		clear:both;
		zoom:1;
		z-index:1;
	}

	#content {
		position:relative;
		width:100%;
		padding:20px 0px 130px;
		text-align:left;
		clear:both;
		zoom:1;
		z-index:1;
	}

		
		#left-col {
			position:relative;
			float: left;
			width: 220px;
			z-index:1;
		}

/*		* html #left-col {
			width:226px;
			w\idth:186px;
		}*/
		
		#center-col {
			position:relative;
			float: right;
			width: 740px;
			z-index:1;
            background: #fff;
		}
        #center-col.layout-auto{            
            float:none;
            width:auto;
            padding:24px;
        }
		

	#footer {
		position:absolute;
		bottom:0px;
		width:100%;
		height:100px;
		text-align: center;
		z-index:2;
	}

	#footer-content {
		position:relative;
		width:990px;
		margin:0px auto;
		text-align: center;
		z-index:2;
	}

/************** 2. GENERAL STYLES ***************/
	a {
		text-decoration:none;
		color:#000;
	}
	a:hover {
		text-decoration:underline;
	}
	a img {
		border: 0;
	}

	h1 {
		font:bold 18px/30px Lucida Sans,Georgia,Helvetica,sans-serif;
		color:#333333;
		margin-bottom:15px;
	}

	h1 a{
		color:#EC1C24;
		font-weight:normal;
	}
        
        h1 .search-string {
            display: inline-block;
            max-width: 640px;
            overflow: hidden; 
            text-overflow: ellipsis; 
            white-space: nowrap; 
        }

	
	input.text, select {
		padding: 0.2em 0;
		border: 1px solid #A7A6AA;
		font-size: 0.9em;
		color: #000000;
	}
    textarea 
    {
        border: 1px solid #A7A6AA;
		font-size: 0.9em;
		color: #000000;
    }
	select {
		padding: 0;
		overflow: hidden;
		height: 1.5em;
		//height: 1.8em;
		_height: 1.5em;
	}
	
	select option {
		padding: 0.2em 5px 0.2em 3px;
	}


	.clearfloat { 
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}

        .btn{background-color: #EC1C24;
        border: medium none;
        border-radius: 5px 5px 5px 5px;
       -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
        height: 25px;
        margin: 0 auto;
        width: 95px;
        cursor: pointer;
        font: bold 13px/13px Lucida Sans,Georgia,Helvetica,sans-serif;}
        .btn:hover{color:#000;}
        a.btn{text-decoration: none;}
        
        .sanborns_name{color:#ec1c24; font-weight: bold;}
        .green_text{color:#76B013;}
/************** 3. HEADER ***************/
@import url("header.css");

/************** 4. LEFT COL - NAVIGATION ***************/
.sidebar-block {
	position:relative;
	width:215px;
	background:#FFFFFF;
/*	border:1px solid #CCCCCC;*/
	margin-bottom:30px;
}

.sidebar-block dt {
	background:#EC1C24;
	border:1px solid #000000;
}

.sidebar-block dd {
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	border-top:0px;
	padding:6px 10px;
}

.sidebar-block dd#highlights {
	background:#EAEAEA;
}

.sidebar-block#facets dd {
	background: #FFFFFF;
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #FFFFFF 25%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(25%,#FFFFFF), color-stop(100%,#FFFFFF));
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#FFFFFF 25%,#FFFFFF 100%);
	background: -o-linear-gradient(top,  #e6e6e6 0%,#FFFFFF 25%,#FFFFFF 100%);
	background: -ms-linear-gradient(top,  #e6e6e6 0%,#FFFFFF 25%,#FFFFFF 100%);
	background: linear-gradient(to bottom,  #e6e6e6 0%,#FFFFFF 25%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#FFFFFF',GradientType=0 );
}

.sidebar-block dt h1 {
	font:bold 16px/20px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#FFFFFF;
	padding:4px 10px;
	margin:0px;
}

.sidebar-block dd h2 {
	font:bold 12px/18px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#EC1C24;
	min-height:18px;
	padding:0px;
	margin:0px 0px 2px 0px;
	text-transform:uppercase;
}

.sidebar-block#facets dt h2 {
	font:bold 16px/20px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#FFFFFF;
	padding:4px 10px;
	margin:0px;
	text-transform:none;
}

.sidebar-block#facets dd h3 {
	font:bold 12px/18px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#000000;
	height:18px;
	padding:0px;
	margin:0px 0px 2px 0px;
}

ul.facet-block {
	padding:0px 0px 5px 0px !important;
}

ul.nav-block li {
	font:normal 11px/18px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#343434;
}

ul.nav-block li.main-subject {
	margin-bottom:5px;
}

ul.nav-block li a{
	font:normal 11px/18px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#343434;
	text-decoration:none;
}

ul.nav-block li a:hover{
	text-decoration:underline;
}

ul.nav-block li.main-subject a {
	font-weight:bold;
}

 
ul.nav-block li li {
	margin-bottom:0px;
}

ul.nav-block li li span {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	color:#EC1C24;
}

ul.nav-block li li a, ul.nav-block li.main-subject li a {
	font-weight:normal;
	color:#000000;
}

ul.nav-block li li li{
	margin-bottom:0px;
}

ul.nav-block li li li a, ul.nav-block li.main-subject li li a {
	font-weight:normal;
}

ul.nav-block li span.facet-count {
	display:inline;
	color:#EC1C24;
}

ul.nav-block li a.rating {
	display:block;
	height:13px;
	font:11px/13px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#EC1C24;
	margin-top:4px;
	padding:0px 0px 0px 70px;
	background-image:url(../imgs/sprite-book-details.png);
	background-repeat:no-repeat;
}

ul.nav-block li a.value5 {
	background-position:-305px -50px;	
}

ul.nav-block li a.value4 {
	background-position:-305px -63px;	
}

ul.nav-block li a.value3 {
	background-position:-305px -76px;	
}

ul.nav-block li a.value2 {
	background-position:-305px -89px;	
}

ul.nav-block li a.value1 {
	background-position:-305px -102px;	
}

ul.nav-block li a.value0 {
	background-position:-305px -115px;	
}


/************** 5. FOOTER *******************/
#footer li {
	display: inline;
	margin: 0 0 0 10px ;
	padding: 0 0 0 10px;
	font:normal 10px/13px Lucida Sans,Georgia,Helvetica,sans-serif;
	white-space: nowrap;
	border-left: 1px solid #ADADAD;
}

#footer a {
	text-decoration: none;
	font:bold 10px/13px Lucida Sans,Georgia,Helvetica,sans-serif;
	color: #ADADAD;
	text-transform: uppercase;
}
#footer a:hover {
	color: #000; 
}

#footer #sanborns-disclaimer {
	font:normal 10px/13px Lucida Sans,Georgia,Helvetica,sans-serif;
	color: #ADADAD;
	margin:10px 0px 20px 0px;
}


/************** 6. MESSAGES ***************/
.alert {
	position:relative;
    padding: 10px 35px 10px 15px;
    margin-bottom: 20px;
	font:normal 13px/18px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#C09853;
}

.success {
	background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.warning {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
}

.error {
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.info {
	background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

.alert .close {
    position:absolute;
    top:6px;
    right:6px;
    display:block;
    width:25px;
    height:25px;
    font:normal 20px/20px Verdana, sans-serif;	
    color:#FFFFFF;
    text-align:center;
}

.alert .close:hover {
	color:#000000;
	text-decoration:none;
}


/************** 8. POPUP ***************/
.popup {
	display:none;
	width:570px;
	height:325px;
	padding:35px 35px 20px 20px;
	background-image:url(../imgs/bg-popup.png);
	z-index:10000;
}

* html .popup {
	width:625px;
	w\idth:570px;
}

.popup#login-popup {
	padding:45px 35px 20px 20px;
	height:245px;
	background-image:url(../imgs/bg-popup-login.png);
}

.popup .close {
	position:absolute;
	top:0px;
	right:0px; 
	cursor:pointer;
	height:34px;
	width:34px;
}

.popup-content {
	width:570px;
	height:325px;
	text-align:left;
}


/************** 8.1 POPUP LOGIN ***************/

.popup#login-popup .popup-content {
	height:245px;
}

#login-popup #login-title {
	display:block;
	width:242px;
	height:15px;
	margin-bottom:20px;
	overflow:hidden;
}
	
#login-popup #login-intro {
	font:bold 13px/16px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#DA9914;
	padding-bottom:15px;
}


#login-popup label {
	display:block;
	width:570px;
	height:40px;
}

#login-popup label span{
	float:left;
	margin:0px 15px;
	width:160px;
	font:bold 13px/24px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#000000;	
	text-align:right;
}

* html #login-popup label span {
	width:190px;
	w\idth:160px;
}

#login-popup input.text {
	width:310px;
	height:24px;
	font:normal 12px/24px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#000000;	
	border:1px solid #DDDDDD;
	background:#FFFFFF;
}

#login-popup #remember-password {
	display:block;
	width:130px;
	font:normal 11px/16px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#000000;
	margin-left:190px;
}

* html #login-popup #remember-password {
	width:310px;
	w\idth:130px;
}

#login-popup #login-submit {
	float:right;
	width:95px;
	height:25px;
	margin:0px 70px 10px 0px;
	border:none;
	background:url(../imgs/btn-login.png) no-repeat top left;
}

#login-popup .login-disclaimer {
	display:block;
	font:normal 12px/16px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#DA9914;
	background:url(../imgs/lock-sanborns.gif) no-repeat center left;
	padding-left:22px;
	clear:both;
}

#login-popup #login-error {
	height:22px;
	padding-left:28px;
	border:none;
	font:bold 12px/22px Lucida Sans,Georgia,Helvetica,sans-serif;
	color:#DC0B14;
	margin:0px 0px 15px 0px;
	background:url(../imgs/icon-error.png) no-repeat top left;
	clear:both;
	visibility:hidden;
}


/************** 8.3 CVC/CVV HELP ***************/

.popup#cvc-help {
	width:570px;
	height:340px;
	padding:0px;
	background-image:url(../imgs/cvc-help-popup.png);
}

* html .popup#cvc-help {
	width:570px;
	w\idth:570px;
}
/* Page off
-------------------*/
#page-off-img{
    margin-left:20px;
}
#page-off-info{
    position:relative;
    float:right;
    padding:135px  0px 100px 30px;
    width:635px;
}


/* Autocomplete searchbar */
.ui-menu{border-radius:0 0 5px 5px!important;}
.ui-menu .ui-menu-item:first-child a{border-radius:0!important;}
.ui-menu .ui-menu-item a:hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { color:#000; background-color: #e0e0e0; }
.ui-menu .ui-menu-item a span{color:#ec1c24;}
.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{ color:#000;} 
.ui-autocomplete-category{color:#fff; background-color: #ec1c24; font-weight: bold;}