/* CSS Document */
body {font: 76%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #000; color:#3F403F; text-align:center;}
html {overflow-y:scroll; background: #000;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
img {border:none;}
p.skip {display:none;}
/* end */

/* links */
a, a:visited {color:#3F403F; text-decoration:underline;}
a:hover {color:#3F403F; text-decoration:none;}
a {outline:none;}
/* end links */

/* general layout rules */
div#wrapper {margin:0 auto; text-align:left; width:872px;}
div#header {background: url(../assets/logos/homepage/header.jpg); height:52px;}
div#header h1 {text-indent:-9999em;}
div#contentholder {}
div#contentholder:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left; width:872px; height:580px; position:relative;}

/* promotional strip */
div#promostrip {}
div#promostrip {height:52px; background:url(http://www.frankusher.co.uk/assets/backgrounds/banner.png) no-repeat center; margin:30px 0 0 0; }
div#promostrip.alt {background:url(http://www.frankusher.co.uk/assets/backgrounds/banner2.png) no-repeat center;}
div#promostrip h2, div#promostrip h3, div#promostrip h4, div#promostrip h5 {margin:0 auto; text-align:left; width:960px; font-size:1.1em; color:#fff; padding:10px 0 0 0; line-height:1.2; text-transform:uppercase; word-spacing:2px; text-align:center;}
div#promostrip h3 {font-size:1.8em; padding:10px 0 0 0; line-height:1.2; font-weight:normal;}
div#promostrip h4 {font-size:1.3em; padding:0 0 0 0; line-height:3;}
div#promostrip h5 {font-size:1.3em; padding:8px 0 0 0; line-height:1.2; font-style:normal;}
div#promostrip a {color:#fff;} 
/* adjustments for the homepage when the promostrip is in action - comment out when not 
.home div#contentarea {margin-top:-30px;} .home div#header {height:0px;} 
 end promotional strip */

/* background images */
.home div#contentarea,
.about div#contentarea,
.contact div#contentarea,
.agents div#contentarea {background:url(http://www.frankusher.co.uk/assets/logos/homepage/bg_tile.jpg) repeat-x 0 68px;}
.frank div#contentarea {background:url(http://www.frankusher.co.uk/assets/logos/homepage/bg_tile.jpg) repeat-x 0 68px;}
.coterie div#contentarea {background:url(http://www.frankusher.co.uk/assets/logos/homepage/bg_tile.jpg) repeat-x 0 68px;}
.dusk div#contentarea {background:url(http://www.frankusher.co.uk/assets/logos/homepage/bg_tile.jpg) repeat-x 0 68px;}
.quintesse div#contentarea, .bridal div#contentarea {background:url(http://www.frankusher.co.uk/assets/logos/homepage/bg_tile.jpg) repeat-x 0 68px;}
.shows div#contentarea, .error div#contentarea {background:url(http://www.frankusher.co.uk/assets/backgrounds/shows.png) repeat-x 0 68px;}
/* end general layout rules */

/* primary navigation */
div#navholder {margin:0 auto; width:872px;}
div#nav {width:872px; float:left; padding:0 0 20px 0;}
div#nav ul {float:left; list-style-type:none;}
div#nav ul li {float:left; white-space:nowrap; text-align:center;}
div#nav ul li a {padding:0; text-decoration:none; display:block; color:#fff;}
div#nav ul li a:hover {text-decoration:none; font-weight:bold;}

div#nav ul li#navhome {width:45px; text-align:left;}
div#nav ul li#navabout {width:95px;}
div#nav ul li#navfrank {width:90px;}
div#nav ul li#navcoterie {width:80px;}
div#nav ul li#navdusk {width:60px;}
div#nav ul li#navquintesse {width:100px;}
div#nav ul li#navbridal {width:150px;}
div#nav ul li#navcontact {width:90px;}
div#nav ul li#navagents {width:165px;}
div#nav ul li#navshows {width:97px; text-align:right;}
/*
div#nav ul li#navhome {width:50px; text-align:left;}
div#nav ul li#navabout {width:100px;}
div#nav ul li#navfrank {width:100px;}
div#nav ul li#navcoterie {width:90px;}
div#nav ul li#navdusk {width:70px;}
div#nav ul li#navquintesse {width:100px;}
div#nav ul li#navbridal {width:100px;}
div#nav ul li#navcontact {width:100px;}
div#nav ul li#navagents {width:165px;}
div#nav ul li#navshows {width:97px; text-align:right;}
*/
.home div#nav ul li#navhome a,
.about div#nav ul li#navabout a,
.contact div#nav ul li#navcontact a,
.agents div#nav ul li#navagents a,
.shows div#nav ul li#navshows a {font-weight:bold;}
.frank div#nav ul li#navfrank a {font-weight:bold; color:#AC9B89;}
.coterie div#nav ul li#navcoterie a {font-weight:bold; color:#99A69B;}
.dusk div#nav ul li#navdusk a {font-weight:bold; color:#BC6D7B;}
.quintesse div#nav ul li#navquintesse a {font-weight:bold; color:#F1D7B1;}
.bridal div#nav ul li#navbridal a {font-weight:bold; color:#F1D7B1;}
/* end primary navigation */

/* homepage */
div.homeslot {width:172px; height:275px; background-repeat:no-repeat; position:absolute;}
div.titleblock {width:366px; height:31px; background:url(http://www.frankusher.co.uk/assets/logos/homepage/spring-summer2011.jpg) no-repeat 0 0; position:absolute; top:470px; left:425px; text-indent:-9999em;}
div.homeslot h2 {margin:0;}
div.homeslot a {display:block; width:172px; height:270px; background-repeat:no-repeat; background-position:0 35px; text-indent:-9999em;}

div.homeslot#frankusher {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/frank-usher.jpg); top:175px; left:50px;}
div.homeslot#frankusher a {background-image:url(../images/homepage/frank-usher2.jpg);}
div.homeslot#coterie {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/coterie.jpg); top:229px; left:254px;}
div.homeslot#coterie a {background-image:url(../images/homepage/coterie2.jpg);}
div.homeslot#dusk {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/dusk.jpg); top:129px; left:448px;}
div.homeslot#dusk a {background-image:url(../images/homepage/dusk2.jpg);}
div.homeslot#quintesse {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/quintesse.jpg); background-position:0 10px; top:85px; left:642px;}
div.homeslot#quintesse a {background-image:url(../images/homepage/quintesse.jpg);}
div.homeslot#bridal {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/bridal.jpg); background-position:0 0; top:85px; left:642px;}
div.homeslot#bridal a {background-image:url(../images/homepage/frank-usher-bridal.jpg);}
/* end homepage */


/* content page */
div#leftcol {width:186px; position:absolute; left:50px; top:0px;}
.about div#leftcol {top:34px;}
.contact div#leftcol {top:44px;}
.agents div#leftcol {top:2px;}
div#leftcol img {float:left;}
div#leftcol h2 {text-indent:-9999em;}
.about div#leftcol h2 {background:url(http://www.frankusher.co.uk/assets/page-titles/about-us.png) no-repeat 0 0; height:38px;}
.contact div#leftcol h2 {background:url(http://www.frankusher.co.uk/assets/page-titles/contact-us.png) no-repeat 0 0; height:28px;}
.agents div#leftcol h2 {background:url(http://www.frankusher.co.uk/assets/page-titles/agents-showdates.png) no-repeat 0 0; height:70px;}

div.logos {height:232px; overflow:hidden;}
div.images {height:233px; overflow:hidden; background:#fff;}

div#middlecol {width:220px; position:absolute; left:260px; top:310px; font-size:.92em;}
.agents div#middlecol {top:170px; width:210px;}
.agents div#middlecol p {line-height:1.2;}
div#rightcol {width:384px; position:absolute; left:488px; top:190px; font-size:.92em;}
div.col {float:left; width:180px; margin:0 2px 0 0; display:inline;}
.contact div#rightcol {width:384px; w\idth:304px; padding:0 80px 0 0;}
.about div#rightcol {top:164px; width:340px; w\idth:320px; padding:26px 20px 0 0; overflow:auto; height:259px;}
.agents div#rightcol {top:68px; overflow:auto; height:381px;}
/* end content page */

/* brand pages */
div.title {width:298px; height:55px; position:absolute; left:0px; top:4px; background-repeat:no-repeat;}
div.title h2 {text-indent:-9999em;}
.frank div.title {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/frank-usher.jpg); background-position: 0 22px;}
.coterie div.title {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/coterie.jpg); background-position: 0 7px;}
.dusk div.title {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/dusk.jpg); background-position: 0 0;}
.quintesse div.title {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/quintesse.jpg); background-position: 0 32px;}
.bridal div.title {background-image:url(http://www.frankusher.co.uk/assets/logos/homepage/bridal.jpg); background-position: 0 10px;}
.shows div.title {background-image:url(http://www.frankusher.co.uk/assets/page-titles/fashion-shows.png); background-position: 0 17px; width:312px; }
.error div.title {background-image:url(http://www.frankusher.co.uk/assets/page-titles/page-not-found.png); background-position: 0 17px; width:312px; }



/* Frank Usher page - Spring Summer 10 collection*/
.frank div#thumbs.ss11 ul {margin-top:60px; width:750px;}
.frank div#thumbs.ss11 li {margin-top:20px; float:left; display:inline-block; margin-right:10px; list-style-type:none;}

/* dusk page - Spring Summer 11 collection*/
.dusk div#thumbs.ss11 ul {margin-top:60px; width:750px;}
.dusk div#thumbs.ss11 li {margin-top:20px; float:left; display:inline-block; margin-right:10px; list-style-type:none;}

	
/* coterie - aw09 */
.coterie div#thumbs.aw09 li.thumb1 {top:119px; left:24px;}
.coterie div#thumbs.aw09 li.thumb2 {top:119px; left:127px;}
.coterie div#thumbs.aw09 li.thumb3 {top:119px; left:230px;}
.coterie div#thumbs.aw09 li.thumb4 {top:119px; left:333px;}
.coterie div#thumbs.aw09 li.thumb5 {top:269px; left:127px;}
.coterie div#thumbs.aw09 li.thumb6 {top:269px; left:230px;}
.coterie div#thumbs.aw09 li.thumb7 {top:269px; left:333px;}
.coterie div#thumbs.aw09 li.thumb8 {top:269px; left:436px;}
/* coterie - ss10 */
.coterie div#thumbs.ss10 li.thumb1 {top:119px; left:24px;}
.coterie div#thumbs.ss10 li.thumb2 {top:119px; left:127px;}
.coterie div#thumbs.ss10 li.thumb3 {top:119px; left:230px;}
.coterie div#thumbs.ss10 li.thumb4 {top:119px; left:333px;}
.coterie div#thumbs.ss10 li.thumb5 {top:269px; left:127px;}
.coterie div#thumbs.ss10 li.thumb6 {top:269px; left:230px;}
.coterie div#thumbs.ss10 li.thumb7 {top:269px; left:333px;}
.coterie div#thumbs.ss10 li.thumb8 {top:269px; left:436px;}

/* coterie page - Spring Summer 11 collection*/
.coterie div#thumbs.ss11 li.thumb1 {top:75px; left:24px;}
.coterie div#thumbs.ss11 li.thumb2 {top:75px; left:127px;}
.coterie div#thumbs.ss11 li.thumb3 {top:225px; left:127px;}
.coterie div#thumbs.ss11 li.thumb4 {top:225px; left:230px;}
.coterie div#thumbs.ss11 li.thumb5 {top:225px; left:333px;}
.coterie div#thumbs.ss11 li.thumb6 {top:375px; left:333px;}
.coterie div#thumbs.ss11 li.thumb7 {top:375px; left:436px;}

/* quintesse page */
.quintesse div#thumbs li.thumb1 {top:75px; left:82px;}
.quintesse div#thumbs li.thumb2 {top:75px; left:185px;}
.quintesse div#thumbs li.thumb3 {top:75px; left:288px;}
.quintesse div#thumbs li.thumb4 {top:225px; left:185px;}
.quintesse div#thumbs li.thumb5 {top:225px; left:288px;}
.quintesse div#thumbs li.thumb6 {top:375px; left:288px;}
.quintesse div#thumbs li.thumb7 {top:375px; left:391px;}

/* Frank Usher page - Spring Summer 10 collection*/
.bridal div#thumbs.ss11 li.thumb1 {top:75px; left:24px;}
.bridal div#thumbs.ss11 li.thumb2 {top:75px; left:127px;}
.bridal div#thumbs.ss11 li.thumb3 {top:225px; left:127px;}
.bridal div#thumbs.ss11 li.thumb4 {top:225px; left:230px;}

div#bridal-image1 {position:absolute; left:249px; top:75px;}
div#bridal-image2 {position:absolute; left:556px; top:75px;}
div#bridal-image1 p, div#bridal-image2 p {position:absolute; top:4px; left:6px; font-size:.92em; line-height:1.2;}

div#mainimage {
	position:absolute;
	left:739px;
	top:81px;
	width:129px;
	height:435px;
}
div#mainimage a img {margin:1px;}
div#mainimage a:hover img {margin:0; border:1px solid #000;}
div#mainimage p {position:absolute; top:4px; left:6px; font-size:.92em; line-height:1.2;}
div#mainimage a span {position:absolute; bottom:2px; right:6px; font-size:.92em; text-decoration:none;}
div#mainimage a:hover span {text-decoration:underline;}

div#collectiontitle {
	width:178px;
	height:80px;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:539px;
	left:1px;
	text-indent:-9999em;
}

.frank div#collectiontitle.ss09 {background-image:url(http://www.frankusher.co.uk/assets/collection/fu-collection-ss09.png);}
.frank div#collectiontitle.aw09 {background-image:url(http://www.frankusher.co.uk/assets/collection/fu-collection-aw09.png);}
.frank div#collectiontitle.ss10 {background-image:url(http://www.frankusher.co.uk/assets/collection/fu-ss11.png);}

.dusk div#collectiontitle.ss09 {background-image:url(http://www.frankusher.co.uk/assets/collection/dusk-collection-ss09.png); background-position:0 16px;}
.dusk div#collectiontitle.aw09 {background-image:url(http://www.frankusher.co.uk/assets/collection/dusk-collection-aw09.png); background-position:0 16px;}
.dusk div#collectiontitle.ss10 {background-image:url(http://www.frankusher.co.uk/assets/collection/dusk-ss11.png); background-position:0 16px;}

.coterie div#collectiontitle.aw09 {background-image:url(http://www.frankusher.co.uk/assets/collection/coterie-aw09.png); background-position:0 16px;}
.coterie div#collectiontitle.ss09 {background-image:url(http://www.frankusher.co.uk/assets/collection/coterie-ss09.png); background-position:0 16px;}
.coterie div#collectiontitle.ss10 {background-image:url(http://www.frankusher.co.uk/assets/collection/coterie-ss11.png); background-position:0 16px;}

.quintesse div#collectiontitle {background-image:url(http://www.frankusher.co.uk/assets/collection/quintesse-collection.png);}
.bridal div#collectiontitle {background-image:url(http://www.frankusher.co.uk/assets/collection/bridal-ss11.png); background-position:0 16px;}

/* color variations for the brands */
.frank div#mainimage a:hover img,
.frank div#thumbs li a:hover img,
.frank div#thumbs li.active img {border-color:#AC9B89;}
.coterie div#mainimage a:hover img,
.coterie div#thumbs li a:hover img,
.coterie div#thumbs li.active img {border-color:#99A69B;}
.dusk div#mainimage a:hover img,
.dusk div#thumbs li a:hover img,
.dusk div#thumbs li.active img {border-color:#BC6D7B;}
.quintesse div#mainimage a:hover img,
.quintesse div#thumbs li a:hover img,
.quintesse div#thumbs li.active img {border-color:#E8C572;}
/* end brand pages */

/* secondary navigation */
div#subnav {width:574px; position:absolute; left:298px; top:44px;}
div#subnav ul {float:right; list-style-type:none;}
div#subnav ul li {float:left; white-space:nowrap; text-align:center;}
div#subnav ul li a {padding:0; text-decoration:none; display:block; color:#fff;}
div#subnav ul li a:hover {text-decoration:none; font-weight:bold;}

div#subnav ul li#navcollection {width:100px; }
div#subnav ul li#navstockists {width:120px;}
div#subnav ul li#navinternational {width:180px;}
div#subnav ul li#navaccessories {width:90px; text-align:right;}

.dusk div#subnav ul li#navinternational,
.quintesse div#subnav ul li#navinternational {width:160px; text-align:right;}
.coterie div#subnav ul li#navstockists,
.bridal div#subnav ul li#navstockists {width:90px; text-align:right;}

.frank div#subnav.collection ul li#navcollection a,
.frank div#subnav.stockists ul li#navstockists a,
.frank div#subnav.international ul li#navinternational a,
.frank div#subnav.accessories ul li#navaccessories a {font-weight:bold; color:#AC9B89;}
.coterie div#subnav.collection ul li#navcollection a,
.coterie div#subnav.stockists ul li#navstockists a,
.coterie div#subnav.international ul li#navinternational a,
.coterie div#subnav.accessories ul li#navaccessories a {font-weight:bold; color:#99A69B;}
.dusk div#subnav.collection ul li#navcollection a,
.dusk div#subnav.stockists ul li#navstockists a,
.dusk div#subnav.international ul li#navinternational a,
.dusk div#subnav.accessories ul li#navaccessories a {font-weight:bold; color:#BC6D7B;}
.quintesse div#subnav.collection ul li#navcollection a,
.quintesse div#subnav.stockists ul li#navstockists a,
.quintesse div#subnav.international ul li#navinternational a,
.quintesse div#subnav.accessories ul li#navaccessories a {font-weight:bold; color:#F1D7B1;}
.bridal div#subnav.collection ul li#navcollection a,
.bridal div#subnav.stockists ul li#navstockists a {font-weight:bold; color:#F1D7B1;}
/* end secondary navigation */

/* stockists page */
div#stockists {position:absolute; top:68px; background-repeat:no-repeat; background-position: 20px 18px; overflow:auto; padding:0 0 0 370px; width:872px; w\idth:502px; height:459px;}
.frank div#stockists {background-image:url(../images/frank-usher/fu-stockists.jpg);}
.frank div#stockists.international {background-image:url(../images/frank-usher/fu-international-stockists.jpg);}
.dusk div#stockists {background-image:url(../images/dusk/dusk-stockists.jpg);}
.dusk div#stockists.international {background-image:url(../images/dusk/dusk-international-stockists.jpg);}
.coterie div#stockists {background-image:url(../images/coterie/coterie-stockists.jpg);}
.bridal div#stockists {background-image:url(../images/frank-usher-bridal/bridal-stockists.jpg);}
.quintesse div#stockists {background-image:url(../images/quintesse/quintesse-stockists.jpg);}
.quintesse div#stockists.international {background-image:url(../images/quintesse/quintesse-international-stockists.jpg);}
/* end stockists page */

/* tables */
table {margin: 2px 0 40px 0; padding:0;}
table, th, tr, td {font-size:.92em; line-height:1;}
tr.region td {font-size:1.3em;}
tr.sub-region td {color:#AC9B89; font-size:1em;}
tr.region td {padding:14px 0 1px 0;}
td {padding: 2px 6px 2px 0;}
td.col3 {white-space:nowrap; padding-right:20px;}
.frank tr.region td, .frank tr.sub-region td {color:#8c7c6c;}
.dusk tr.region td, .dusk tr.sub-region td {color:#9d4a59;}
.coterie tr.region td, .coterie tr.sub-region td {color:#7d9180;}
.quintesse tr.region td, .quintesse tr.sub-region td {color:#d1b285;}

td a, td a:visited {color:#6DBDCA; font-weight:bold;}
/* end tables */

/* accessories page */
div.accessoriesleft {position:absolute; top:68px; overflow:auto; padding:40px 10px 0 40px; width:432px; w\idth:382px; height:459px; he\ight:419px;}
div.accessoriesright {position:absolute; top:68px; left:430px; overflow:auto; padding:30px 10px 0 0px;}
div.accessoriesright img {float:left; margin:0 5px 10px 5px;}
div.accessoriesleft h3, div.accessoriesright h3 {font-size:1em; text-transform:uppercase; color:#AC9B89;}
/* end stockists page */

/* accessories page - old version - keep in case we revert
div.accessoriesleft {position:absolute; top:68px; overflow:auto; padding:40px 10px 0 40px; width:432px; w\idth:382px; height:459px; he\ight:419px; border-right:8px solid #000;}
div.accessoriesright {position:absolute; top:68px; left:440px; overflow:auto; padding:40px 10px 0 40px; width:432px; w\idth:382px; height:459px; he\ight:419px;}
div.accessoriesleft h3, div.accessoriesright h3 {font-size:1em; text-transform:uppercase; color:#AC9B89;}
 end stockists page */

/* fashion shows page */
div#shows {position:absolute; top:68px; overflow:auto; padding:20px 20px 0 0; width:872px; w\idth:852px; height:459px; he\ight:439px;}
div.show {padding:20px 20px 10px 40px; width:832px; w\idth:762px; font-family:Georgia, "Times New Roman", Times, serif;}
div.show h3 {color:#8A8A8A; margin:0 0 6px 0; font-size:1.2em;}
div.show h4 {font-size:2.4em; font-weight:normal;}
div.show p {font-size:1.1em;}

div#showimages {position:absolute; top:80px; left:20px; overflow:auto; width:372px; height:439px;}
div#showimages img {float:left; margin:0 6px 5px 0;}
div#showlist {position:absolute; top:218px; left: 480px; width:372px; height:309px;}

/* image captions */
.captionleft {float:left; margin:4px 20px 4px 0; width:152px;}
div.show .captionleft p, div.show .captionright p {margin:0; padding: 6px 0; font-size:.76em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.captionright {float:right; clear:right; margin:4px 0 4px 20px; width:152px;}
/* end image captions */

/* end fashion shows page */

/* general typography */
h2, h3, h4, h5, h6 {}
h1, h2 {font-size:1.4em; margin:0 0 6px 0;}
h3 {font-size:.92em; margin:12px 0 6px 0;}
h4 {font-size:.92em; margin:6px 0 0 0;}
h5 {font-size:.92em; margin:10px 0 0 0; font-style:italic;}
h6 {font-size:1em; margin:0;}
p {font-size:.92em; margin:0 0 1em 0;}
div.address {margin:0 0 10px 0;}
div.address p {margin:0 0 -2px 0;}
acronym {border-bottom: 1px dashed #000; cursor: help;}
hr {height:1px; color:#000; border: 0; background-color: #000; margin: 10px 0;}
div.line {border-bottom:2px dotted #717171; margin:10px 0; height:1px; clear:left;}
div.line hr {display:none;}
/* end general typography */


div#job {
    font-size: 0.92em;
    position: absolute;
    top: 375px;
    width: 520px;
}
.contact div#middlecol {
    top: 170px;
}
.contact div#leftcol {
    top: 44px;
}