@charset "UTF-8";
/* CSS Document */

/*-----------------------------
RESET
-----------------------------*/
html, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

body {
	font-family:'Lucida Grande',Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:22px;
	margin:0;
	background-color:#efefef;
	color:#626262; 
	
	}
	

/*------------------------------------------------------------
LAYOUT
==============================================================*/

.container {background-color:rgba(255,255,255, 0.95);border: 1px solid #E5E5E5;}

.outer { background-color:#efefef;  height: 1000px;position: absolute;width: 100%; z-index:9; top:861px;}
#product_detail {background-color:#efefef; border-top:1px solid #dee0e0; height: auto; width: 100%; margin:851px 0 40px 0; text-align:center; padding:45px 0 0 0;}
#product_detail_generic {background-color:#efefef; border-top:1px solid #dee0e0; height: auto; width: 100%; margin:460px 0 40px 0; text-align:center; padding:45px 0 10px 0;}

.grad {border-top:0 none; background:#fff url(../img/gradient_div.jpg) 0 0 repeat-x; z-index:10; position:relative; text-align:left;}
	#about {background: url("../img/background-about.jpg") no-repeat fixed center -30px #EFEFEF; height:auto; overflow:auto; }
	#bespoke {background: url("../img/background-bespoke.jpg") no-repeat fixed center -30px #EFEFEF; height:auto; overflow:auto; }
	#press {background: url("../img/background-press.jpg") no-repeat fixed center -30px #EFEFEF; height:auto; overflow:auto; }
	#stockist {background: url("../img/background-stockist.jpg") no-repeat fixed center -30px #EFEFEF; height:auto; overflow:auto; }
	#products {background: url("../img/background-products.jpg") no-repeat fixed center -30px #EFEFEF; height:auto; overflow:auto; }
	
	
	.general {margin-top:410px; z-index:10; position:relative}
	.about {margin-top:650px; z-index:10; position:relative}
	.products {z-index:10; position:relative;}
	.filter {background-color:rgba(0, 0, 0, 0.5); border:0 none; padding:20px 45px; font-family: 'Open Sans', sans-serif; color:#fff;z-index:10; margin-top:280px; z-index:10; position:relative;}
		.filter span {display:inline-block; float:left; font-size:40px;font-weight:700; }
		.filter ul {float:right;}
			.filter li {float:left; font-size:24px;}
			.filter a {color:#fff; font-weight:600;}
			.filterme2 {
				margin: 0 0 10px;
			}
			.filterby {margin:0 10px 0 0; font-weight:600;}
		
		
	#mapcontainer { z-index:5; position:fixed; top:50px; left:505; width:100%;}
	#map {width:100%; height:560px;  margin:0 auto; position: absolute;}
/*------------------------------------------------------------
NAV BAR
==============================================================*/
.navbar {background: url(../img/header_bg.png) 0 -30px repeat-x; height: 194px; margin-bottom: 20px; overflow: visible; position: fixed; width: 100%; z-index: 100; top:0;}
	.navbar-inner {border:0 none; border-radius:0; min-height:63px; box-shadow:none; padding:0; background:0 none; margin:0 0 60px;  } 
	.navbar .container {border:0 none; padding-top:0; padding-bottom:0;width:100%; max-width:1090px;}
		.navbar .nav {float:right; margin-right:0; clear:right;}
		.navbar .nav > li > a {color:#000; text-shadow:none; font-size:13px; height:23px; padding:20px 15px;  font-family: 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase;  -moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;}
		.navbar .nav > .active > a, .navbar .nav > .active > a:hover  {border-bottom:5px solid #d542a6; color:#d542a6; background-color:transparent; box-shadow:none; -moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear; }
		
	.navbar .nav > li > a:hover {color:#d542a6; padding-top:10px; border-bottom:5px solid #d542a6;  -moz-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;}

.navbar .btn-navbar {
    background-color: #d542a6;
    background-image: none;
	margin:15px 20px 0 0;
	clear:right;
}

.socials {float:right; margin-right:10px;}
.socials li {float:left; margin:40px 10px 0 0;}

.navbar .btn-navbar:hover {background-color:#f460c5;}
.nav-collapse, .nav-collapse.collapse {background-color: #fff;}


a.brand {width:auto; max-width:348px; margin:20px 0 0 0;}
a.brand img {width:100%;}
/*------------------------------------------------------------
HOME
==============================================================*/
#bg { position:fixed; top: 0; left: 0; }
		.bgwidth { width: 100%; }
		.bgheight { height: 100%; }
#homey {position:relative;overflow:auto; padding:0 0 100px 0; }
#largelogo {width:100%; max-width:1000px; position:relative; margin:250px auto 0;}
#page-wrap { position:relative; width: 100%; color:#fff; background-color: rgba(0, 0, 0, 0.5); border-top:1px solid rgba(255, 255, 255, 0.3);border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:40px 0; text-align:center;}
	#page-wrap h2 {margin:0 auto; width:70%; font-size:32px; line-height:1.5; font-weight:400;}

/*------------------------------------------------------------
INSIDE
==============================================================*/
.centerimg {text-align:center; margin:0 0 20px 0;}

.quote {color:#686868; font-size:36px;font-family: 'Open Sans', sans-serif; line-height:1.3; text-align:center; font-style:italic; width:80%; margin:0 auto;}
	.quote span {font-size:40px; font-weight:700; padding:0 10px;}

ul.productlist {width:100%;}
	.productlist li {float:left; width:33%; height:341px; border:1px solid #e6e6e6; position:relative; background-color:#fff;}
	.productlist li .image {width:100%; text-align:center;}
	.productlist li h3 {margin:0 0 0 30px; color:#000; font-weight:600;}
	.productlist li .description {
    float: left;
    margin: 0 0 0 30px;
    width: 170px;
}
	.productlist li .price {
    float: right;
    font-weight: bold;
    margin: 0 30px 0 0;
    text-align: right;
    width: 90px;
}
	.productlist li:hover {z-index:99;}
		.productlist li:hover .static {z-index:999;position:relative; background:#fff;}
		.productlist li .info {position: absolute;left: -5px; top: -5px; padding:0;width: 104%; height:104%; display: none; background:#fff; font-size: 1.2em;}
		.productlist li:hover .info {display: block; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}


.andnow { color: #D9D8D8; font-size: 100px;  font-weight: 700; height: auto; overflow:hidden; letter-spacing: -3px; line-height:1; margin: 0 0 45px 0; padding: 0; text-shadow: 0 -1px 0 #A8A8A8, 0 1px 0px #fff;}

.buyme {width:100%; text-align:right; margin:0 0 40px 0; padding:10px 0 0 0;}
.price_detail {font-weight:bold; font-size:30px; margin:0 0 20px 0;font-family: 'Open Sans', sans-serif; color:#000}
.muted {color:#999; font-weight:400; font-size:20px;}

.stock {width:100%; min-height:180px; overflow:hidden; margin:0 0 20px 0;}
	.stock img {float:left}
	.stock div {float:right; width:280px; overflow:auto;}

ul.span_half {width:100%;height:auto; overflow:auto; margin:0; padding:0;}
	.span_half li {float:left; width:47%; margin:0 40px 0 0; text-align:left;}
	.span_half li h1 {text-align:left; font-size:60px; font-weight:700; line-height:1;}
	.span_half li h2 {text-align:left; font-size:40px; line-height:1;}

ul.icons {width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e4e4e4; margin:20px 0 20px 0; padding:20px 0 20px 0;}
	.icons li {float:left; width:50% ; margin:0; text-align:center; font-size:18px;}
	.icons li img {margin:0 0 10px 0;}

.dimensions {width:100%; height:auto; overflow:auto; }
	.dimensions img {float:left; margin:0 20px 20px 80px;}

#trade {width:99%; max-width:1000px; margin:40px auto;background-color: #FFFFFF;border: 1px solid #E5E5E5;}
	#trade ul {width:100%; height:auto; overflow:auto;background-color:#f7f7f7;}
	#trade li {float:left; padding:40px 0 ; }
	#trade li.left{width:34%; padding-left: 4%; padding-right:4%; display:table-cell; vertical-align:middle;}
	#trade li.right{width:57.8%; background-color:#fff;border-left: 1px solid #E5E5E5;}
	#trade .form-horizontal .control-group {
		margin-bottom: 5px;
	}
	#trade .form-horizontal .controls {
    margin-left: 8px;
}

ul.share {width:50%; margin:0 auto;}
	.share li {float:left;}
	.share li.sendfriend {float:right;}

ul.presslist {width:100%;}
	.presslist li {float:left; width:33%; height:auto; padding:0 0 10px 0; border:1px solid #e6e6e6; position:relative; background-color:#fff;}
	.presslist li .image {width:100%; text-align:center; margin:10px 0;}
	.presslist li .dl-btns {margin:0 0 0 20px;}

.about-max {text-align:center; margin:30px 0 0 0;}
.about-max img {vertical-align:bottom}

address {line-height: 22px;}


.wordwrap
{
     word-wrap: break-word; 
}

.nobotpad {padding-bottom:0;}
.featurette-divider { margin: 40px 0;  clear:both;}

ul.pinterest {}
	.pinterest li {float:left; width:191px; height:191px; margin:0 8px 10px 0; overflow:hidden;}
	.pinterest li img {}

ul.tweets {
	width:100%;
	overflow:auto;	
}
.tweets li{
	float:left;
	width:23%;
	padding:0 1%;
}
.tweets li i,
.tweets li span{
	color:#c52f97;
	font-weight:bold;	
}

#pinterest-feed-1{
	margin: 0 auto 20px auto;
}

ul.stream li {
	display: none;
	width: 195px;
	margin: 0 6px 12px 6px;
	background: #fff;
	font: normal 13px/18px Arial, sans-serif;
	color: #333;
	position: relative;
	padding: 10px 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
ul.stream li img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ececec;
	margin: 3px 0 5px 0;
}
ul.stream li .date {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	line-height: 12px;
	color: #666;
	font-size: 11px;
	font-style: italic;
}
ul.stream li .section-share {
	bottom: 8px;
    right: 15px;
    position: absolute;
	z-index: 2;
}
ul.stream li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(images/share.png) no-repeat 0 0;
}
ul.stream li .section-share a.share-twitter {
	background-position: 0 -16px;
}
ul.stream li .section-share a.share-facebook:hover {
	background-position: -16px 0;
}
ul.stream li .section-share a.share-twitter:hover {
	background-position: -16px -16px;
}

/*------------------------------------------------------------
FORMS
==============================================================*/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #e3e8ea;
    box-shadow: 0;
    transition: 0 none;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;    
    padding: 6px 6px;
}
.input-xxlarge {width: 455px;}
#pressfrm {width:70%; margin:20px auto;}
textarea {resize:none; width:97%; height:50px;}

/*------------------------------------------------------------
MISC
==============================================================*/
.omega {margin-right:0 !important;}
/*------------------------------------------------------------
FOOTER
==============================================================*/
/*footer#home {position:fixed !important; bottom:0 !important; width:100%;}*/
footer {color:#000;	width:100%; height:auto;  margin:40px 0 0 0; background-color:#fff; border-top:1px solid #e4e4e4; z-index:40; position:relative;}
	footer .container {border:0 none; padding-left:0; padding-right:0;}
footer ul.mainnav {float:left; width:70%;}
footer .mainnav li {float:left; margin:0 20px 0 0;}
footer p { float:right; text-align:right; margin:0;  padding:0;font-size:10px;}
footer a {color:#000;}

ul.smallnav {font-size:10px; float:right; clear:right}
	.smallnav li {margin:0 0 0 10px; float:left;}
	.smallnav a {color:#666;}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

body#contact {
	height: auto;
}
/*------------------------------------------------------------
TEXT
==============================================================*/
h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif; }
h1 {font-weight:600; font-size:40px; line-height:40px; margin:0 0 30px 0; color:#000;}
h2 {font-weight:300; font-size:24px; margin:0 0 40px 0; line-height:1.2; text-align:center;}
h3 {font-weight:400; font-size:16px; line-height:20px; margin:0 0 10px 0; color:#3397ac;}
h4 {font-weight:300; font-size:40px; line-height:20px; color:#d541a6;}
h5 {font-weight:400; font-size:11px; line-height:1; text-transform:uppercase;}

a {color:#d542a6;}
a:hover {color:#e859ba;}

.success {background-color:#dff1d8; border:2px solid #d5eac5; padding:10px; text-align:center; border-radius:6px; color:#428945; font-size:12px; margin:20px 0;}

/*------------------------------------------------------------
BUTTONS
==============================================================*/
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c52f97;
  background-image: -moz-linear-gradient(top, #e510a2, #c52f97);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e510a2), to(#c52f97));
  background-image: -webkit-linear-gradient(top, #e510a2, #c52f97);
  background-image: -o-linear-gradient(top, #e510a2, #c52f97);
  background-image: linear-gradient(to bottom, #e510a2, #c52f97);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe510a2', endColorstr='#ffc52f97', GradientType=0);
  border-color: #0044cc #e510a2 #c52f97;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #fcbd21;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #c52f97;
  *background-color: #c52f97;
}
.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-secondary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3397ac;
  background-image: -moz-linear-gradient(top, #3eabc2, #3397ac);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3eabc2), to(#3397ac));
  background-image: -webkit-linear-gradient(top, #3eabc2, #3397ac);
  background-image: -o-linear-gradient(top, #3eabc2, #3397ac);
  background-image: linear-gradient(to bottom, #3eabc2, #3397ac);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3eabc2', endColorstr='#ff3397ac', GradientType=0);
  border-color: #0044cc #3eabc2 #3397ac;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #3397ac;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.disabled,
.btn-secondary[disabled] {
  color: #ffffff;
  background-color: #3397ac;
  *background-color: #3397ac;
}

/*------------------------------------------------------------
MEDAI QUERIES
==============================================================*/
@media (max-width: 1060px)
{
	.navbar .container {border:0 none; padding-top:0; padding-bottom:0;width:100%; max-width:980px;}
	
}
@media (max-width: 980px)
{

	
	.navbar .nav {float: none;margin: 17px 10px;}
	.nav-collapse.collapse li a, .nav-collapse.collapse li.active a, .nav-collapse.collapse li.active a:hover, .nav-collapse.collapse li a:hover {padding:10px 0; background:0 none; border:0 none; border-bottom:1px solid #494c58;}
	.span_half {width:45%; padding: 0 2.5%; float:left; margin:40px 0;}
	
	#trade {width:88%;}
	#trade ul {width:100%; height:auto; overflow:hidden;background-color:#f7f7f7;}
	#trade li {float:none; width:100% !important; text-align:center;}
	#trade li.left {display:block; padding-left:0; padding-right:0;}
	
	.instagram-photo { width: 160px !important;}
	
	.stock {text-align: center;width: 100%;}
	.stock img {float:none;}
	.stock div {float:none; width:100%;}
}

@media (max-width: 780px)
{	
	.form {float:none;}
	.span_half li {width:100%; float:none; }
	a.brand {width:50%; margin-top:10px !important;}
	.icons li {float:left; width:50% !important ; margin:0; text-align:center; font-size:18px;}
	
	.filter ul {float:left; clear:left; margin:20px 0 0 0;}
	.productlist li {float:left; width:49.5%; height:auto; min-height:300px;}
	.presslist li {float:left; width:49.5%;}
	
	.andnow {font-size: 60px;}
	.buyme {text-align:center; margin-top:40px;}
	.price_detail {width:100%; text-align:center;}
	#page-wrap h2 { font-size:22px; }
	
	.dimensions { margin:20px 0 0 0; padding:20px 0 0 0;}
	
	ul.share {width:100%; margin:0 auto;}
	
	
	.footer {margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;}
	footer .logo {width:100%; text-align:center; float:none;}
	footer p {width:100%; text-align:center;}
	footer ul.mainnav { list-style: none outside none; margin:0; padding: 0; text-align: center; width:100%; }
	footer .mainnav li { display: inline; margin: 0 10px; float:none;}
	footer ul.smallnav { list-style: none outside none; margin:0; padding: 0; text-align: center; width:100%; }
	footer .smallnav li { display: inline; margin: 0 10px; float:none;}
}

@media (max-width: 640px)
{
	
	.stock{text-align:center; border-bottom:1px solid #e4e4e4; margin-bottom:20px; padding-bottom:20px;}
	.stock img {float:none;}
	.stock div {float:none; width:100%;}
	
	.contact {text-align:center; border-bottom:1px solid #e4e4e4; margin-bottom:20px; padding-bottom:20px;}
	
	.productlist li {float:none; width:100%; height:auto; min-height:350px;}
	.presslist li {float:none; width:100%; }
	
	.quote {font-size:20px;}
	.quote span {font-size:20px; }
	#page-wrap h2 { font-size:18px; }
	
	h1 {font-size:22px; line-height:1.2;}
	
}

@media (max-width: 540px)
{
	.container {padding:0; overflow:hidden;}
	h1 {margin-top:10px;}
	h1, h2 {text-align:center !important;} 
	h2 {margin-left:30px; margin-right:30px; font-size:18px;}
	.span_half {float:none; margin:0 auto !important; width:90% !important;}
	
	#pressfrm {width:90%;}
	input[type="text"] {width:90%;}
	.form-horizontal .control-label {display:none;}
	.form-horizontal .controls {margin-left: 0;}
	.input-xxlarge {width: 100%;}
	
	/*home bg */
	#bg { top: 100px;  }
	#largelogo {margin:150px auto 0;}
	#page-wrap {padding:20px 0; }
	
	.navbar {background: url(../img/header_bg.png) 0 -80px repeat-x; height: 144px; margin-bottom: 20px; overflow: visible; position: fixed; width: 100%; z-index: 100; top:0;}
	footer#home {position:relative !important; bottom:0 !important; width:100%;}
	
	.socials li {margin: 20px 10px 0 0;}
	a.brand {margin-top:10px !important;}
	
	#about, #bespoke, #stockist {background-position:-100px -300px;}
	.about {margin-top:350px;}
	.general {margin-top:300px;}
	#press {background-position:-100px -300px; }
	#products {background-position:-100px -300px;}
	
	.andnow {font-size: 40px;}
	
	ul.share {width:100%; text-align:center; margin:20px 0 0 0;}
	.share li {float:none; width:100%;  margin:0 0 20px 0;}
	
	.filter {margin-top:180px; }
	.filter span {font-size:20px;font-weight:700; }
	.filter li {float:left; font-size:18px;}
	
	.nav-tabs > li, .nav-pills > li {
		float: none;
		width: 100%;
		border-bottom:1px solid #E6E6E6;
	}
	.summary {font-size:16px; line-height:1;}
	.productlist li {min-height:auto;}
}