@charset "UTF-8";
* {margin:0; padding:0; text-align: left; vertical-align: baseline;}
body {background: #fff; color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; height: 100%;}
h1,h2,h3,h4,h5 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 800;}
h1 {font-size: 1.375em; line-height: 120%;}
p {color: #444; font-size: 0.813em; line-height: 160%; margin-bottom: 1em;}
a {text-decoration: none;}
a img {border: 0;}
ul, ol {font-size: 0.813em;}
ul {list-style-type: none;}
li {line-height: 120%;}
hr {background: #cecece;}
em {background: none; font-style: normal;}
img.right {float: right;}
img.left {float: left;}
textarea, input {font-size: 0.813em;}
fieldset {border: none;}
button {cursor: pointer;}
strong {font-weight: bold;}
i,q {font-style: italic;}

html {
	background: url(images/core/dash_left.png) repeat-y 0 0;
}

/*
-----------------------------------------------
Holly Fulton CSS
-----------------------------------------------
/*

1. GLOBAL STYLES
-------------------------------------------------------------------
1.0 Master Setup
1.1 Headings
1.2 Links + lists
1.3 Forms
1.4 Columns + Rows
1.5 Puffs + Boxes
1.6 Buttons


2. MAIN PAGE ELEMENTS
-------------------------------------------------------------------
2.0 Top Level elements
2.1 Wrapper
2.2 Header
2.3 Navigation
2.4 Main content
2.5 Footer


3. SPECIFIC PAGES
-------------------------------------------------------------------
3.0 Home
3.1 Collections



/*
1. GLOBAL STYLES
------------------------------------------------------------------- */

/* 1.0 Master Setup
----------------------------------------------- */
blockquote {
	color: #7b7b7b;
  font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
  margin: 0;	
	overflow: hidden;
  padding: 0;
  position: relative;
	width: 99%; /* Added to combat added width added to italicised text in IE6 */
}
blockquote h4 {
  color: #333;
  font-size: 1.5em;
  font-style: normal;
  line-height: 1.2em;
  margin: 0 0 15px 0;
}
blockquote ul, blockquote ol {
  color: #333;
  line-height: 1.4em;
}
blockquote ol li {
  font-weight: bold;
  list-style-position: outside;
  margin-left: 20px;
  padding-bottom: 15px;
  padding-left: 0;
}
cite {
  color: #525252;
  display: block;
  font-size: 1.1em;
}



/* 1.1 Headings
----------------------------------------------- */
h1,
h2 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
}
h1.primary_title {
	color: #fff;
	display: inline;
	float: left;
	margin-left: 170px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-bottom: 0.2em;
}


/* 1.2 Links + Lists
----------------------------------------------- */
a { color: #00A0C6; text-decoration: none; }
a:link { color: #00A0C6; text-decoration: none;}
a:visited { color: #7FA5B2; }
a:hover { color: #00A0C6; text-decoration: underline;}
a:active { color: #00A0C6; text-decoration: none;}

ol li {
  list-style-type: decimal;
  list-style-position: inside;
  display: list-item; /* Fixes IE rendering problem */
}


/* 1.3 Forms
----------------------------------------------- */
form .row.submit {
	margin: 1em 0 0 200px;
}
form .textbox input, form .textarea textarea {
	width: 200px;
}
form .row.multi fieldset label {
	width: auto;
}
form input {
	color: #444;
	font-size: 1.1em;
}
form input.text, form .text input  {
	font-size: 1em;
	padding: 4px;
}
form label {
	color: #444;
	font-weight: bold;
}
form input.button, button, .button {
	background: #999;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: bold;
	overflow: visible;
	padding: 3px 5px;
	width: auto;
}
form input:hover.button, button:hover {
	background: #666;
}


/* 1.4 Columns + Rows
----------------------------------------------- */
.column {
	display: inline;
  float: left;
  margin: 0 20px 20px 0;
	position: relative;
	width: 205px;
}
.column.last {
  border-right: 0;
  margin-right: 0;
}
.row .column {
	margin-bottom: 0;
}
.column.half {
  width: 470px;
}
.column.quarter {
  width: 225px;
}
.column.last {
  margin-right: 0;
}
.row {
  display: block;
  float: left;
  margin: 0 0 20px 0;
}
.row.last {
  border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


/* 1.5 Puffs + Boxes
----------------------------------------------- */


/* 1.6 Buttons
----------------------------------------------- */
a.button,
button,
.submit input {
	background: #65c6e6;
	border: 0;
	color: #000;
	cursor: pointer;
	font: normal 0.688em Baskerville, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.3em;
	margin: 0;
	overflow: visible;
	padding: 6px 10px;
	text-transform: uppercase;
	width: auto;
}
a:hover.button,
button:hover,
.submit input:focus {
	background: #5bb3cf;
	color: #000;
	text-decoration: none;
}
a:visited.button {
	color: #000;
}
a.button span,
button span {
	font-size: 1.8em;
	line-height: 100%;
	vertical-align: -10%;
}
a#primary_action {
	float: right;
	margin-top: -65px;
	padding: 10px;
	position: relative;
	text-align: right;
	z-index: 940;
}


/* 2.0 Top Level elements
----------------------------------------------- */


/* 2.1 Wrapper - Required to get #left_decoration_line trick to work
----------------------------------------------- */
#global_wrapper {
	float: left;
	height: 100%;
	position: relative;
	width: 100%;
}
#page_home #global_wrapper {
	position: static;
}


/* 2.2 Header
----------------------------------------------- */
#header {
  background: #000;
	float: left;
  padding: 20px 0 0 0;
	position: relative;
  width: 100%;
	z-index: 920;
}
#logo_nav_wrapper {
	display: block;
	float: left;
	width: 100%;
}
h1#logo a {
	display: block;
	outline: 0;
	text-indent: -9999em;
}
h1#logo, h1#logo a {
	background: url(images/core/hf-logo.png) no-repeat 0 0;
	float: left;
	height: 48px;
	width: 160px;
}
#access {
	position: absolute;
	top: -1000em;
}


/* 2.3 Navigation
----------------------------------------------- */
#nav {
	float: left;
  font-family: "Gotham";
	font-weight: 500;
	margin-bottom: 0;
  padding: 17px 0 76px 0;
	width: 490px;
}
#nav li {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline;
	text-indent: -9999px;
}
#nav li a {
  color: #808080;
  display: block;
  float: left;
	height: 16px;
  margin: 0 10px;
	outline: 0;
}
#nav li a:hover,
#nav li.on a {
	background-position: 0 -16px;
}
#nav li#nav_home a {
	background-image: url(images/nav/nav_home.png);
	width: 46px;
}
#nav li#nav_collections a {
	background-image: url(images/nav/nav_collections.png);
	width: 88px;
}
#nav li#nav_press a {
	background-image: url(images/nav/nav_press.png);
	width: 42px;
}
#nav li#nav_about a {
	background-image: url(images/nav/nav_about.png);
	width: 50px;
}
#nav li#nav_contact a {
	background-image: url(images/nav/nav_contact.png);
	width: 63px;
}
#nav li#nav_stockists a {
	background-image: url(images/nav/nav_stockists.png);
	width: 72px;
}
#subnav {
	background: #65c6e6;
	font: italic 0.9em Baskerville, "Times New Roman", Times, serif;
	left: 0;
	letter-spacing: 0.03em;
	line-height: 100%;
	padding: 4px 10px;
	position: absolute;
	top: 158px;
	width: 140px;
	z-index: 890;
}
#subnav li {
	border-bottom: 1px solid #94d7ee;
	text-align: right;
}
#subnav li:first-child a {
	padding-top: 10px;
}
#subnav li:last-child,
#subnav li.last {
	border-bottom: 0;
}
#subnav li a {
	color: #fff;
	display: block;
	outline: 0;
	padding: 8px 0;
	position: relative;
	text-align: right;
	z-index: 910;
}
#subnav li a:hover,
#subnav li.on a {
	color: #000;
	text-decoration: none;
}


/* 2.4 Main content
----------------------------------------------- */
#main {
	display: inline;
	float: left;
	margin: 1.4em 0 1em 170px;
	padding-top: 0.6em;
	width: 790px;
}
#primary_column {
	float: left;
	padding-right: 20px;
	width: 460px;
}
#sidebar {
	float: left;
	width: 310px;
}
#open_content {
	border-bottom: 1px dashed #B2B2B2;
	display: block;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#open_content a {
	display: inline;
	float: none;
	line-height: 160%;
	margin-bottom: 0.5em;
}
/*
#sidebar p {
  font: italic 0.94em Baskerville, "Times New Roman", Times, serif;
  letter-spacing: 0.01em;
  line-height: 150%;
}
*/
#subtitle_toolbar {
	background: transparent;
	border-top: 1px dashed #000;
	float: left;
	margin: 5px 0;
	position: relative;
	width: 100%;
	z-index: 900;
}
#subtitle {
	left: 170px;
	position: absolute;
	top: 0;
}
#subtitle p {
	color: #777;
	display: block;
	font: italic 0.9em Baskerville, "Times New Roman", Times, serif;
	letter-spacing: 0.03em;
	margin: 0;
	padding: 5px 10px 5px 0;
}
#left_decoration_line {
	background: transparent;
	border-right: 1px dashed #000;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
	z-index: 940;
}


/* 2.5 Footer
----------------------------------------------- */
#footer {
	border-top: 1px dashed #b2b2b2;
	display: block;
	float: left;
	padding: 0.2em 0 1em 0;
	width: 100%;
}
#footer span {
	color: #999;
	font: italic 0.8em Baskerville, "Times New Roman", Times, serif;
	padding-left: 10px;
}
#footer a {
	color: #999;
}


/*
3. SPECIFIC PAGES
------------------------------------------------------------------- */

/* 3.0 Home
----------------------------------------------- */
#page_home #global_wrapper,
#page_contact #global_wrapper {
	position: static;
}
/*
#page_home #footer,
#page_contact #footer {
	bottom: 0;
	left: 0;
	position: absolute;
}
*/
h1#home_title {
	background: url(images/titles/home_title.png) no-repeat 0 0;
	color: #fff;
	display: inline;
	float: left;
	font-size: 1.625em;
	height: 60px;
	margin: 0 0 0 170px;
	padding-bottom: 3.8em;
	text-indent: -9999em;
	width: 480px;
}
#page_home #header {
	border-bottom: 5px solid #ebebeb;
}
#page_home #subtitle_toolbar {
	background: #ebebeb;
	margin-top: 0;
	position: static;
}
#page_home #subtitle {
	display: inline;
	float: left;
	margin-left: 0;
	position: static;
	width: 700px;
}
#page_home #subtitle p {
	text-align: right;
}
#home_crossfade {
	background: url(images/png/home_crossfade_bg.png) repeat 0 0;
	height: 377px;
	left: 700px;
	overflow: hidden;
	padding: 8px;
	position: absolute;
	top: 10px;
	width: 250px;
	z-index: 930;
}
#home_crossfade_inner,
#home_crossfade_inner a {
	height: 377px;
	overflow: hidden;
	position: relative;
	width: 250px;
}
a#home_view_collections {
	left: 170px;
	position: absolute;
	top: 267px;
}

/* 3.1 Collections
----------------------------------------------- */
#primary_column.collection {
	padding: 0;
	width: 480px;
}
#primary_column.collection ul li {
	background: url(images/core/collection_thumb_bg.png) no-repeat 0 0;
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
	padding: 7px 9px 10px 7px;
	width: 124px;
}
#primary_column.collection ul li a,
.collection_video a {
	display: block;
	height: 186px;
}
.collection_video {
	background: url(images/core/collection_video_bg.png) no-repeat 0 0;
	height: 186px;
	margin-bottom: 20px;
	padding: 7px 12px 10px 7px;
	width: 291px;
}
#primary_column.collection ul.aw2010 li {
	background: url(images/core/collection_thumb_bg_aw2010.png) no-repeat 0 0;	
}
#primary_column.collection ul.aw2010 li a {
	height: 246px;
}

/* 3.2 Contact
----------------------------------------------- */
#page_contact #primary_column {
	padding: 0;
	width: 100%;
}
#page_contact #contact_form {
	width: 50%;
}
.vcard {
	display: inline;
	float: left;
	margin-bottom: 2em;
}
.vcard ul,
.vcard ul li {
	display: block;
  width: 100%;
}
.vcard ul li,
.vcard ul li div,
.vcard ul li span {
  padding-bottom: 0.3em;
}
.vcard ul li pre {
	display: inline;
  float: left;
  font: normal 0.93em Baskerville, "Times New Roman", Times, serif;
  letter-spacing: 0.3em;
	margin-right: 0.4em;
  text-align: right;
  text-transform: uppercase;
  width: 80px;
}
a.map {
	background: url(images/icons/marker_blue.png) no-repeat 0 0;
	display: block;
	font-size: 0.875em;
	margin-top: 0.3em;
	padding-left: 18px;
}
.wufoo {
	clear: both;
}
.wufoo label.desc,
.wufoo form li div label,
.wufoo form li span label {
	font-weight: normal;
}
.wufoo .info {
  display: none;
}
.wufoo input.large, .wufoo select.large, .wufoo textarea.textarea {
  width: 80%;
}
.vcard_wrapper {
	float: left;
	width: 220px;
}
.vcard-download {
	background: url(images/core/vcard.gif) no-repeat 0 50%;
	font-size: 0.813em;
	line-height: 150%;
	padding: 5px 0 4px 32px;
}
#swarovski_vcard {
  margin-top: 2.15em;
}

/* 3.3 Stockists
----------------------------------------------- */
#page_stockists #main {
	margin-top: 0.6em;
}
#page_stockists .vcard {
	margin: 1em 2% 0 0;
	height: 210px;
	width: 180px;
}
#page_stockists .vcard .fn {
	font-size: 1.15em;
}
#page_stockists .vcard ul li,
#page_stockists .vcard ul li div,
#page_stockists .vcard ul li span {
	display: block;
}
#page_stockists .vcard ul li .tel,
#page_stockists .vcard ul li .email {
	padding-bottom: 0;
}
#page_stockists .vcard .note {
	color: #999;
	font-size: 0.875em;
	font-style: italic;
}
#page_stockists .vcard .adr {
	padding-bottom: 0;
}
.stockist_locations {
	display: inline;
	float: left;
	margin-right: 19px;
	width: 385px;
}
#europe.stockist_locations {
	border-right: 1px dashed #ddd;
}
#asia.stockist_locations {
	margin-right: 0;
}