.quadNavigator .image { position:relative; float:left; /* optional */ }
.image .text { position:absolute; top:10px; /* in conjunction with left property, decides the text position */ left:10px; z-index:200; width:300px; /* optional, though better have one */ }

.quadSet { width:980px; height:434px; background-color:#fff; overflow:hidden;}
.qTL { position:relative; float:left; width:603px; height:270px; background-color:#ddd; border-right:3px solid #fff; border-bottom:3px solid #fff; }
.qTR { position:relative; float:right; width:603px; height:270px; background-color:#ddd; margin-top:-273px; border-left:3px solid #fff; border-bottom:3px solid #fff; }
.qBL { position:relative; float:left; width:603px; height:270px; background-color:#ddd; margin-top:-273px; border-right:3px solid #fff; border-top:3px solid #fff; }
.qBR { position:relative; float:right; width:603px; height:270px; margin-top:-105px; background-color:#ddd; border-left:3px solid #fff; border-top:3px solid #fff; }
.subQuad { width:1206px; background-color:#fff; margin-bottom:20px; }
table.subQuadT { width:1206px; height:97px; }
td.subQuadBox { background-color:#ccc; text-align:center; }
.subQuad a { text-transform:uppercase; z-index: 200; }
.boxgrid { width: 603px; height: 270px; margin:0px; overflow: hidden; position: relative; }
.boxgrid .quadCoverImage { position: absolute; border: 0; z-index:99; top:0; left:0; width: 603px; height: 270px; }
.qTL .quadTextTitleShadow { top:21px; left:20px; }
.qTL .quadTextTitle { top:20px; left:20px; }
.qTR .quadTextTitleShadow { top:21px; right:20px; }
.qTR .quadTextTitle { top:20px; right:20px; }
.qBL .quadTextTitleShadow { bottom:21px; left:20px; }
.qBL .quadTextTitle { bottom:20px; left:20px; }
.qBR .quadTextTitleShadow { bottom:21px; right:20px; }
.qBR .quadTextTitle { bottom:20px; right:20px; }
.boxgrid .quadTextTitleShadow { position: absolute; z-index: 3; }
.boxgrid .quadTextTitleShadow h4 { text-transform: uppercase; font-size: 14px; font-family: 'Arial Black'; font-weight: bold; color: #000000; }
.boxgrid .quadTextTitle { position: absolute; z-index: 3; }
.boxgrid .quadTextTitle h4 { text-transform: uppercase; font: bold 14px 'Arial Black';  color: #fff; }
.boxgrid img.thumb { position: relative; z-index:1; }
.boxgrid .innerQuadTable h2 { text-transform: uppercase; font: bold 14px 'Arial Black';  color: #E64F23; padding-top: 0; } 

.shadedQuadTable { position: absolute; top: 0; left: 0; width: 603px; height: 270px; background-color: #000; opacity: 0.7; filter: alpha(opacity=85); /* for IE */ z-index: 1; background-color: #000000; }
.qTL .shadedQuadTable { background-color: #000; }
.qTR .shadedQuadTable { background-color: #000; }
.qBL .shadedQuadTable { background-color: #000; }
.qBR .shadedQuadTable { background-color: #000; }
.qTL .innerQuadTable { }
.qTR .innerQuadTable { text-align:right; }
.qBL .innerQuadTable { }
.qBR .innerQuadTable { text-align:right; }
.innerQuadTable { width:560px; margin:0px 20px 0px 20px; z-index: 2; position: relative; padding-top: 20px; }
.innerQuadTable td { padding:5px; padding-bottom:20px; width:50%; color:#fff; font-size: 12px; vertical-align: top; line-height: 16px; }
.innerQuadTable p { padding:0; padding-bottom:20px; color:#bbbbbb; font-size: 12px; vertical-align: top; }
.innerQuadTable li { color :#fff;}
.innerQuadTable div.left, .innerQuadTable div.right { float: none; }

.innerQuadTable a { color:#66CCFF; text-decoration:none; }
.innerQuadTable a:hover { text-decoration: underline; }
.innerQuadTable p { margin: 0; padding: 0px; color: #fff; }
.innerQuadTable div a { background: url("/etc/designs/sothebys/sothebys/img/icons/arrow-left.png") no-repeat 0px center; padding: 0px 0px 0px 17px }
h2.quad { font-size:18px; font-weight:normal; text-transform:uppercase; margin:0; padding:20px 0px 0px 0px; color:#fff; z-index: 200; }
.qTL p, .qTR p, .qBL p, .qBR p { margin:0px 0px 5px 0px; padding:0px; z-index: 200; }
.qTL a, .qTR a, .qBL a, .qBR a { text-decoration:none; color:#52a9eb; z-index: 200; font-size: arial; }
.cq-image-placeholder { background: none; }
.quadNavigator { margin-bottom: 10px; }

#small-quad { width: 723px; height: 326px; }
#small-quad .quadSet { width: 723px; height: 326px; background-color:#fff; }
#small-quad .qTL { position:relative; float:left; width:450px; height:200px; background-color:#ddd; border-right:3px solid #fff; border-bottom:3px solid #fff; }
#small-quad .qTR { position:relative; float:right; width:450px; height:200px; background-color:#ddd; margin-top:-205px; border-left:3px solid #fff; border-bottom:3px solid #fff; }
#small-quad .qBL { position:relative; float:left; width:450px; height:202px; background-color:#ddd; margin-top:-205px; border-right:3px solid #fff; border-top:3px solid #fff; }
#small-quad .qBR { position:relative; float:right; width:450px; height:202px; margin-top:-86px; background-color:#ddd; border-left:3px solid #fff; border-top:3px solid #fff; }
#small-quad .subQuad { width:1206px; background-color:#fff; margin-bottom:20px; }
#small-quad table.subQuadT { width:1206px; height:97px; }
#small-quad td.subQuadBox { background-color:#ccc; text-align:center; }
#small-quad .boxgrid { width: 450px; height: 200px; margin:0px; overflow: hidden; position: relative; }
#small-quad .boxgrid .quadCoverImage { position: absolute; border: 0; z-index:99; top:0; left:0; width: 450px; height: 200px; }
#small-quad .innerQuadTable { width: 410px; }

/* Restyling */
#small-quad .bottomRight { border-bottom: 3px solid #e64f23; }
#small-quad .bottomLeft { border-bottom: 3px solid #999; }
#small-quad .boxgrid .quadTextTitle h4 { color: #333; font:bold 12px 'Arial Black'; }
#small-quad .boxgrid .quadTextTitleShadow h4 { font:bold 12px 'Arial Black'; }
#small-quad .boxgrid .quadCoverImage .quadTextTitle h4 { color: #ffffff; }
#small-quad .innerQuadTable h1 { margin: 0; padding: 0; color: #CFCFC4; font: bold 12px Arial }
#small-quad .innerQuadTable h2 { margin: 0; padding: 0; color: #CFCFC4; font: bold 12px 'Arial Black' }
#small-quad .innerQuadTable h3 { margin: 0; padding: 0; color: #CFCFC4; font: bold 12px Arial }
#small-quad .innerQuadTable h4 { margin: 0; padding: 0; color: #CFCFC4; font: bold 12px Arial }


.biNavigator .boxgrid { width:980px; height:434px; }
.biNavigator .boxgrid .quadCoverImage { width: 980px; height: 434px; }
.biNavigator .shadedQuadTable { width: 980px; height: 434px;}
.biNavigator .innerQuadTable { width: 490px; }

.carouselQuadButtons { position:relative; bottom:20px; right:10px; width: 40px; z-index: 150; float:right}
.carouselQuadButtons.ipad { bottom: 0; width: 80px; }
    .carouselQuadPrev, .carouselQuadNext {  background: transparent url(/etc/designs/sothebys/sothebys/img/plugins/carousel/buttons.png) no-repeat; cursor: pointer; height: 32px; width: 11px; }
    .carouselQuadButtons.ipad .carouselQuadPrev, .carouselQuadButtons.ipad .carouselQuadNext { height: 64px; width: 22px; background: transparent url(/etc/designs/sothebys/sothebys/img/plugins/carousel/buttons_large.png) 0 no-repeat; }
	    .carouselQuadPrev { background-position: -11px 0; float: left; }
        .carouselQuadButtons.ipad .carouselQuadPrev { background-position: -22px 0; }
	        .carouselQuadPrev:hover { background-position: -22px 0; }
	        .carouselQuadButtons.ipad .carouselQuadPrev:hover { background-position: -44px 0; }
	    .carouselQuadNext { background-position: -33px 0; float: right; }
	    .carouselQuadButtons.ipad .carouselQuadNext { background-position: -66px 0; }
	        .carouselQuadNext:hover { background-position: -44px 0; }
	        .carouselQuadButtons.ipad .carouselQuadNext:hover { background-position: -88px 0; }