@charset "utf-8";
* { margin: 0; padding: 0; }
body { font: 100% Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 76%; background: #fff; margin: 0 auto; color: #5a5a5a; }
img { border: 0; }
a {	color: #5a5aaa; text-decoration: none; }
ul, ol { padding: 0.2em 0.6em 0.2em 2em; }
blockquote { margin: 2em 0.5em 2em 0.5em; padding: 1em; border: 1px solid #777; }
h1 { font-size: 1.2em; font-weight: normal; }
h2 { font-size: 1.1em; font-weight: normal; }
h3 { font-size: 1.1em; font-weight: normal; }
.red { color: #F00; }
.smaller { font-size: smaller; }
.larger { font-size: larger; font-weight: bold; }
.editable { }
#main-container { width: 1100px; margin: 0 auto; }

/* ---- Header ---- */
#header { padding: 27px 0 0 0; }
img.logo { float: left; width: 280px; margin: 0 0 20px 50px; }
img.collection-logo { float: left; width: 280px; margin: 0 0 5px 50px; }
#page-title { clear: both; width: 280px; margin: 7px 0 10px 50px; text-align: center }
#page-title h1 { font-size: 1.3em; margin: 0; padding: 0; }

/* Drop down menu list features (updated by Parlour Design), curtosy of Patrick Griffiths, www.htmldog.com */
#nav { padding: 0; margin: 8px 50px 30px 0; font-size: 14px; float: right; width: 700px; text-align: center; }
#nav ul { margin: 0; list-style: none; line-height: 1; text-align: left; font-size: 14px; }
#nav a { display: block; color: #5a5a5a; }
#nav a:hover { text-decoration: underline; }
#nav li { list-style-type: none; padding: 0.3em 0 0.3em 0; height: 20px; }
#nav .collections, #nav .about, #nav .couture, #nav .press, #nav .news, #nav .stockists, #nav .contact, #nav .bridal, #nav .twitter, #nav .facebook { float: left; height: 20px;}
#nav .about {width: 65px; padding-left: 4px; } 
#nav .collections { width: 108px; }
#nav .press {width: 66px;} 
#nav .couture {width: 71px;} 
#nav .news {width: 68px;} 
#nav .stockists {width: 86px;}
#nav .contact {width: 78px;}
#nav .bridal { width: 72px;}
#nav .twitter { width: 35px; text-align: right; }
#nav .facebook { width: 35px; text-align: right; }
#nav li ul { position: absolute; width: 110px; left: -999em; margin: 0 0 0 -28px; font-size: 13px; }
#nav li ul li { padding: 0.2em 0.3em 0.2em 1.5em;  }
#nav li ul ul { margin: 0 0 0 67px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }


/* ---- Homepage ---- */
#flash-container { width: 768px; margin: 0 auto; }
#flash-container a { color:#000; background-color:#FFF; }
#homepage { width: 1100px; margin: 0 auto; }
#homepage-image { }
#homepage-text { padding: 15px 50px 20px 50px; margin: 0; text-align: center; }
#homepage-text p { padding: 0.6em 0 0.6em 0; }
#homepage-text h2 { padding-bottom: 0.5em; border-bottom: 1px solid #5a5a5a; width: 85px; margin-bottom: 0.6em; font-size: 1.2em; }
#homepage-base { margin: 0 0 15em 0; }


/* ---- About ---- */
#about { font-size: 1.1em; padding: 26px 50px 26px 50px; }
#about-text { width: 450px; }
#about p { padding: 0.6em 0 0.6em 0; }

/* ---- Colleciton-Home ---- */
#collections-home { background: url(/css/graphics/semi-transparent-square.png) repeat top left; }
#collections-home p { padding: 0.6em 35px 0.6em 35px; }
#collections-home img { padding: 0; margin:0;}

/* ---- Collecitons ---- */
#collections { }
#collections h1 { padding: 0 0.3em 0.3em 1em; margin: 0; }
#collections ul { margin: 0 0 0 1.5em; padding: 16px 0 30px 0; text-align: left; clear: both; }
#collections ul li { display: inline; list-style-type: none; }
#collections ul li img { padding: 0; }
#collections a:hover { text-decoration: none; }
.caption { padding: 0.5em 0.5em 0.5em 35px; font-size: 1.1em; clear: both; text-align: center; font-weight: bold; }
.caption form { padding: 0.3em 0.3em 0.3em 4em; }
.next-collection { float:right; text-align: right; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 0.3em 0.6em 0 0.6em; height: 20px; font-weight: bold; }
.next-collection a { color: #fff; }
#main-image { }
/*#main-image img { width: 1004px; height: 550px; } */

#collections .this-page, .bottom a { padding: 0 0.6em 0 0; padding: 0.5em 0.5em 0.5em 1em; font-size: 1.1em; clear: both; text-align: center; }

#controls .ss-controls { display: none; }
#controls .prev { position: absolute; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 2px 22px 6px 22px; margin: 150px 0 0 0; height: 24px; width: 18px; font-size: 20px; z-index : 100; color: #fff; }
#controls .next { position: absolute; text-align: right; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 2px 22px 6px 22px; margin: 150px 0 0 1038px; height: 24px; width: 18px; font-size: 20px; z-index: 100; color: #fff; }
#controls .prev:hover { text-decoration: underline; }
#controls .next:hover { text-decoration: underline; }

.caption a:hover { text-decoration: underline; }

.caption img { position : relative; bottom: -4px; margin : 0 5px 0 0; }

/* ---- Main Text, Downloads, and Terms ---- */
#main { font-size: 1.1em; padding: 26px 35px 26px 50px; }
#main p { padding: 0.6em 0 0.6em 0; }
#main h1, #main h2, #main h3, #main h4 { padding: 0.6em 0 0.6em 0; }
#main ul, #main ol { }
#main ul li, #main ol li { padding: 0.6em 0 0.6em 0; }
#main dt { font-size: 1.1em; font-weight: bold; padding: 1em 0 0 0; }
#main dl dl { padding: 0 0 0 1em; }
#main dl dl dt { font-style:italic; }
#main a:hover { text-decoration: underline; }


.terms-sitemap { float:left; text-align: left; height: 20px; margin: 50px 0 0 50px; }
.terms-sitemap a { color: #5a5a5a; }
.terms-sitemap a:hover { font-weight: bold; }


/* ---------- Contact Form ---------- */
form table { border: none; }
form table caption { font-weight: bold; }
form table th { background: url(/css/graphics/semi-transparent-square.png) repeat top left; color: #FFF; text-align: right; vertical-align: top; width: 150px; padding: 0.4em; }
form table td { text-align: left; padding: 0.4em; }


/* ---- Clear Float ---- */
.clearfloat { clear:both; height:0; line-height: 1px; }