﻿#container-layout-1 h1 {
	font-family: georgia;
	font-size:30px;
	line-height:24px;
	height:24px;
	padding:22px 60px 14px 52px;
	font-variant:small-caps;
	color:#1c1c1c;
}

#saleSubheader { 
	font-family: Georgia;
	font-size: 14px;
	color: #888888; 
	font-style: italic; 
	margin-left: 54px;
}

#container-layout-1 #language_toggle {
	display:inline;
	float:right;
	position:relative;
	font-size:11px;
	margin:30px 40px 0 0;
	color:#858585;
	z-index: 1; /*Makes Language toggle appear above gradient*/
}

#container-layout-1 #language_toggle a {
	color:#990000;
}

#container-layout-1 #language_toggle span {
	margin:0 6px;
}

#container-layout-1 #language_toggle a:hover {
	text-decoration:underline;
}


#grid_container {
	width:960px; 	
	background:#fff; 
	margin:0 auto 34px auto;
	padding-bottom: 20px;
}

#grid_container .banner {margin: 0;}
#grid_container .breadcrumb-wrap {height: 100px;}

.topHR {
	text-align: center; 
	margin: 30px 0px 22px 0px;
}

.catBorder {
	border: solid 1px #ececec;
}

ul.catLarge {
	margin: 0px 0 0 30px;
}

.catLarge li {
	float: left;
	margin: 0px 20px 0px 20px;
    list-style: none;
	font-size: 12px;
	padding-top: 10px;
	display: block;
}


.catLargeMiddle {
    padding: 0px 30px 0px 30px;
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
	height: 350px;
}


ul.catSmall {
	margin: 0 30px 0 50px;
}

.catSmall li {
	float: left;
	margin: 0 20px 50px 0;
    list-style: none;
	width:200px;
	display: block;
}

.catSmall a.catTitle p {
	width:150px;
	margin: 1em 0 5px 0;
}

a.catTitle:link, a.catTitle:visited, a.catTitle:active {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;	
	color: #990000;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;

}

a.catTitle:hover {
	font-size: 12px;
    color: #990000;
	font-weight: bold;
    text-decoration: underline;
	
}

a.catTitle p {
	width:220px;
	margin: 1em 0 5px 0;
}

.catDate {
	font-family: Georgia, serif;
	font-size: 13px;
	color: #888888;
	font-style:italic;
}

.clear-floats {
    clear: both;
}


ul.topLots {
	margin: 0px 0 0 92px;

}

ul.topLots li {
	float: left;
	margin: 0px 35px 40px 0;
    list-style: none;
	font-size: 12px;
	padding-top: 10px;
	display: block;
}

ul.topLots li  img{
	border:1px solid #bababa;
}


.hr-line {
    background-image: url("/images/sprites/repeats-h.png");
    background-repeat: repeat-x;
    border: medium none;
    color: transparent;
    height: 5px;
    margin: 0 65px 0 65px;
    padding: 0 0 10px;
    position: relative;
}

#container-layout-1 .main-hr {
    background-position: 0 -303px;
    margin: 30px 0 23px 88px;
    width: 783px;
}

.main-hr .right {
	background-image: url("/images/sprites/repeats-h-edges.png");
    background-position: -740px -303px;
}
.hr-line .right{
    border: 0 none;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -65px;
    width: 65px;
}

.main-hr .left {
	background-image: url("/images/sprites/repeats-h-edges.png");
    background-position: 0 -303px;
}
.hr-line .left{
    border: 0 none;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -65px;
    width: 65px;
}



#container-layout-1 .nav-wrap {
	margin:6px 0 40px 0;
}

#container-layout-1 .nav-wrap ul.nav-v1 {
	margin:0 0 0 35px;
	padding-left:15px;
	background-image:url(/sale-landing-static/images/tabs_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#container-layout-1 .nav-wrap ul.nav-v1 li.nav-item-inactive {
	margin-top:9px;
}


#container-layout-1 .nav-wrap ul.nav-v1 li.nav-item-active {
	margin-top:5px;
}

#container-layout-1 .sub-nav a {
	margin:23px 0 0 0;
}

/* HK */
.sub-nav-wrap-special-HK{
	margin:0 0 40px 0;
}

/*
 * added to fix IE issue where tabs were being pushed down.
 * absolute positioning is applied to all tabs which are direct children of .breadcrumb-wrap
 * but the markup is different on this page 
 */
#grid_container .nav-wrap  {position/*\**/: absolute\9; bottom/*\**/: 0\9;}

#container-layout-1 .nav-wrapHK {
	margin:6px 0 0px 0;
	/* HK 2*/
	   width: 960px;
}
#container-layout-1 .sub-navHK a {
	margin:0;
}

.topLots p {
	width:537px; margin-left: -40px;
}
	
.topLots .titleR{    color: #888888;
    font-family: georgia;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 20px;
    margin-left: -40px;
    margin-right: 0;
    margin-top: 0;}
	
/* HK2 */	
	.logo-link{margin-left: 630px; margin-top: 9px;}
	
	/* AAW London */	
	.logo-link-aaw {margin-left: 630px; margin-top: 8px; *margin-top: 15px;}
	
.breadcrumb-wrap {position: relative;}
.breadcrumb-wrap > .bg {height: 25px; background-position: 0px -905px; background: rgba(0, 0, 0, .75);}
.breadcrumb-wrap > .bg {background/*\**/: #000\9; filter: alpha(opacity=75);}
.breadcrumb-wrap > .breadcrumb {margin: -25px 0 0 -23px; *margin-top: -20px; line-height: 26px;}
.breadcrumb-wrap .breadcrumb-item {padding: 0 0 0 36px; display: inline; text-transform: uppercase; color: #fff;}
.breadcrumb-wrap .crumb, .breadcrumb-wrap .breadcrumb-item {position: relative; color: #fff; font: normal 11px arial, verdana, sans-serif;}
