/*Page Reset *****************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

ul {list-style: none;}

.clear {clear:both;}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: 400;
}

body 
{
	
	background-color: #0c0c0c;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

input,select, textarea {
	color: #666;
	font-size: 1em;
}

input:focus,select:focus, textarea:focus {
	color: #000;
}

a{color:#666;}

/* for IE6 and below */
* html body {height:100%;}

#wrapper
{
	margin: 0 auto 0 auto; 
	text-align:left;
	width: 100%;
}

#home #wrapper
{
	background:url(../images/joanne-stoker-aw2011-home-bg.jpg) repeat 0 90px;
}

#biography #wrapper
{
	background:url(../images/joanne-stoker-aw2011-prism-bg.jpg) repeat 0 50px;
}

#collection #wrapper
{
	background:url(../images/inspiration-board.jpg) repeat-x 0 50px;
}

#collection-aw2011 #wrapper
{
	background:url(../images/joanne-stoker-art-deco-bg.jpg) repeat-x 0 0;
}

#campaign #wrapper
{
	background: url(../images/joanne-stoker-ss-2011-campaign.jpg) repeat-x 0 50px;
}

#campaign-aw2011 #wrapper
{
	background: url(../images/joanne-stoker-aw2011-campaign-bg.jpg) repeat-x 0 -30px;
}

#press #wrapper
{
	background: url(../images/joanne-stoker-aw2011-clasp-bg.jpg) repeat-x 0 0;
}

#stockists #wrapper
{
	background: url(../images/joanne-stoker-aw2011-marble-tile-bg.jpg) repeat-x 0 70px;
}

#contacts #wrapper
{
	background: url(../images/joanne-stoker-aw2011-tempest-stone-bg.jpg) repeat-x 0 30px;
}

#header
{
	background:#fff;
	width: 100%;
	height:115px;
	position: relative;
	overflow: visible;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#main
{
	width: 964px;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0 auto; 
	min-height:600px;
	
}

#main #content {
	width: 916px;
	margin: 10px 0 0 0;
	padding: 20px 20px 30px 20px;
	color:#ccc;
	border:2px #fff solid;
	min-height: 180px;
	background-color:#000;
}

#footer
{
	width: 100%;
	margin: 30px 0 0;
	color: #999;
	background-color: #222;
	font-size: 0.7em;
	padding: 1px 0 15px 0;
	position:relative;
}

/*.logo {
	display: block;
	position:absolute;
	top: 20px;
	left: 20px;
	float:left;
	width: 180px;
	height: 64px;
	background: url(../images/template/joanne-stoker-logo.png) no-repeat;
	overflow: hidden;
	text-indent: -999em;
}*/

.logo {
	display: block;
	position:absolute;
	top: 20px;
	left: 20px;
	float:left;
	width: 474px;
	height: 100px;
	background: url(../images/template/joanne-stoker-2011-logo.png) no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

#footer .copyright {
	display:inline;
	float:right;
	margin: 10px 20px 0 0;
}

#footer .fmenu {
	margin: 10px 0 0 20px;
}

#footer .fmenu li {
	display:inline;
	margin: 0 5px 0;
}

/* Top Navigation */

ul.nav {
	position: absolute;
	bottom: 45px;
	right: 30px;
}

.wf-active ul.nav {
	bottom: 40px;
}

ul.nav li {
	display:inline;
	position:relative;
}

ul.nav li a {
	font-size:0.83em;
	overflow: hidden;
	padding: 0 5px;
	text-decoration: none;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}

ul.nav li .dropdown {
	position:absolute;
	left:-9999px;
	padding:10px;
	border: 1px solid #999;
	border-top:none;
	background-color:white;
	z-index: 1601;
}

ul.nav li:hover .dropdown {
	left:0;
}

ul.nav li .dropdown a {
	line-height:1.4em;
}

.wf-active ul.nav li a {
	font-family:tandelle, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:normal;
}

#header #nav-hover-bar
{
	background: #000;
	position:absolute;
	bottom:3px;
	right: 2px;
	width: 49px;
	height: 3px;
	font-size: 0;
	line-height: 0;
}



#main #three-imagery
{
	list-style: none;
	width: 100%;
	height: 320px;
	margin: 100px 0 0 20px;
}

#main #three-imagery li
{
	display:inline;
	overflow:hidden;
	padding:0;
	margin:0;
}

#main #three-imagery li img
{
	width: 321px;
	height: 320px;
}

#main #one-imagery
{
	list-style: none;
	width: 100%;
	height: 320px;
	margin: 100px 0 0 20px;
	overflow:hidden;
	position:relative;
}

#main #one-imagery li
{
	display:inline;
	overflow:hidden;
	position:absolute;
	left:0;
}

#main .home-intro {
	width:440px;
	background-color: #000; /*#66cbca;*/
	margin: 100px 0 0 20px;
	border:1px solid #ccc;
}

#main .home-intro h1 {

	font-size:2.8em;
	padding: 50px 10px 30px 10px;
	color:#efc726;
	text-transform:uppercase;
	letter-spacing:-0.06em;
	line-height:0.9em;
}

#main .home-intro h1 a {
	display:block;
	padding: 10px 0 0;
	font-size:0.7em;
	color:#fff;
	line-height:0.9em;
}

#main .home-interest {
	width:440px;
	background-color: #ffe10f; /*#66cbca;*/
	margin: 20px 0 0 20px;
	border:1px solid #000;
}

#main .home-interest h1 {

	font-size:2.8em;
	padding: 50px 10px 30px 10px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-0.06em;
	line-height:0.9em;
}

#main .home-interest h1 a {
	display:block;
	padding: 10px 0 0;
	font-size:0.7em;
	color:#000;
	text-transform: none;
	line-height:0.9em;
}

#main #left p {
	font-size: 0.73em; 
	color: #666;
	line-height:1.3em;
	padding: 7px 0 3px 0;
}

.m-blue-fragment p {
	padding: 7px 12px 3px 12px;
} 

.s-grey-fragment {
	background: url(../images/template/s-fragment-bottom-grey-bg.gif) no-repeat bottom #f0f0f0;
	width: 134px;
	padding: 0 0 12px 0;
	margin: 9px 0 0 0;
}

.s-grey-fragment h2 {
	background:#888 url(../images/template/s-fragment-head-grey-bg.gif) no-repeat;
	color:#FFFFFF;
	font-weight:700;
	font-size:0.95em;
	padding: 10px 12px;
}

.grey-shadow {
	background: url(../images/template/fragment-shadow-grey-bg.gif) repeat-x;
	height: 8px;
	display:block;
} 

#main #right p, #main #large-right p {
	font-size: 0.69em; 
	color: #666;
	line-height:1.3em;
	padding: 7px 0 3px 0;
}

#main #right img, #main #large-right img {
	margin: 9px 0 0 0;
}

#main #right .s-grey-fragment p, #main #large-right .l-grey-fragment p {
	padding: 7px 12px 3px 14px;
} 

#main #right .phone {
	font-size: 1.3em;
	font-weight:700;
	color:#444;
} 

ul.submenu li
{
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 24px;
	font-size: 0.8em;
}

ul.submenu li a {
	display:block;
	width:100%;
	background:url(../images/template/s-arrow-lightgrey.gif) no-repeat left 10px ;
	padding: 0 0 0 18px;
}

ul.submenu li a:hover {
	background:url(../images/template/s-arrow-blue.gif) no-repeat left 10px;
}

ul.submenu li.selected a {
	background:url(../images/template/s-arrow-blue.gif) no-repeat left 10px;
	font-weight:700;
	color:#444444;
	display:block;
}



#main #left ul.submenu li.l2 
{
	margin: 0 0 0 34px;
}

ul.article-menu li
{
	clear:both;
	margin: 0 0 0 15px;
	padding: 0 18px 0 0;
	line-height: 24px;
	font-size: 0.8em;
}

ul.article-menu li a {
	display:block;
	width:100%;
	background:url(../images/template/s-arrow-lightgrey.gif) no-repeat right 10px ;
}

ul.article-menu li a:hover {
	background:url(../images/template/s-arrow-blue.gif) no-repeat right 10px;
}

ul.product-menu li
{
	margin: 0 15px 2px 15px;
	padding: 1px 0 9px 0;
	font-size: 0.9em;
	border-bottom: 1px #CCCCCC solid;
	min-height: 112px;
	position:relative;
	float:left;
	display:inline;
	
}

ul.product-menu li a
{
	background: url(../images/template/s-arrow-lightgrey.gif) no-repeat right center;
	display:block;
	text-decoration:none;
	height: 112px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-indent:-999px;
}

ul.product-menu li a:hover
{
	background: url(../images/template/s-arrow-blue.gif) no-repeat right center;
}

ul.product-menu li img {
	float:left;
	width: 170px;
}

ul.product-menu li h3 {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.1em;
	margin: 0 0 0 170px;
	padding: 6px 0 0 9px;
	color:#022c5a;
}

#content ul.article-category li
{
	margin: 0 0 18px 0;
	padding: 1px 0 0 0;
	font-size: 0.9em;
	min-height: 100px;
	width:547px;
	position:relative;
	float:left;
}

#content ul.article-category li a
{
	background: url(../images/template/s-arrow-lightgrey.gif) no-repeat 535px 60px;
	font-weight:normal;
	text-decoration:none;
	height: 100px !important;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	text-indent:-999px;
}

#content ul.article-category li a:hover
{
	background: url(../images/template/s-arrow-blue.gif) no-repeat 525px 60px;
}

#content ul.article-category li img {
	float:left;
	width: 170px;
	margin-bottom:0;
	padding-bottom:0;
}

#content ul.article-category li p {
	margin: 0 0 0 170px;
	width: 325px;
}

#content ul.article-category li h2 {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 0 0 0 170px;
	padding: 0 0 6px 0;
	width: 325px;
	cursor:pointer;
	color:#022c5a;
}

#content ul.article-category li .date-box {
	background:url(../images/template/date-bg.gif) no-repeat;
	float:right;
	width: 22px;
	height: 30px; 
	margin:0;
	padding:1px 0 0 5px;
	overflow:hidden;
	color:#FFFFFF;
	font-size: 10px;
	font-weight:700;
}

#content ul.article-category li .date-box span {
	
	color:#666;
	font-size: 14px;
	font-weight:700;
	display:block;
}

#large-right ul.home-news
{
	clear:both;
	padding-top: 12px;
}

#large-right ul.home-news  li
{
	margin: 0 15px 18px 0;
	padding: 1px 0 0 0;
	font-size: 0.9em;
	position:relative;
}

#large-right ul.home-news li a
{
	background: url(../images/template/s-arrow-lightgrey.gif) no-repeat right bottom;
	font-weight:normal;
	display:block;
	text-decoration:none;
}


#content .useful-links
{
	background: #f0f0f0 url(../images/template/useful-links-bottom-bg.gif) bottom no-repeat;
	margin-top: 18px;
	padding:12px 9px;
	overflow: hidden;
	width: 97%;

}

#content .useful-links ul li
{
	float:left;
	margin-right: 10px;
}

#content .useful-links ul li a
{
	background: url(../images/template/s-arrow-lightgrey.gif) no-repeat right center;
	display:block;
	text-decoration:none;
	width: 255px;
	font-size:0.75em;
	font-weight:normal;
	line-height:2em;
}

#content .useful-links ul li a:hover
{
	background: url(../images/template/s-arrow-blue.gif) no-repeat right center;
}

#content .useful-links h2 {
	font-size: 0.8em;
	font-weight: 600;
	line-height: 1.1em;
	padding: 0 0 9px 0;
	color:#444;
}

#main #large-right ul.product-menu li p {
	margin: 0 0 0 170px;
	padding: 7px 12px 3px 9px;
}



.border-l
{
	border-left: 1px #233b61 solid;
}

#footer p, #footer a, #footer h1, #footer h2, #footer h3, #footer h4
{
	color: #999;
	line-height: 1.35em;
	text-decoration:none;
}

#footer h2
{
	font-size: 1.3em;
	font-weight:600;
}





#home ul.tabset li {
	display:inline;
}

#home ul.tabset li span  {
	width: auto;
	padding: 10px 0 0 0 ;
	float: left;
	display:block;
}

#home ul.tabset li span a  {
padding: 0 10px 0 10px ;
float:left;
width: auto;
}

#home ul.tabset li.active {
	background: url(../images/template/tabset-active-tab-bg.gif) no-repeat 0 0 ;
}

#home ul.tabset li.active span {
	display: block;
	padding:0;
	height: 45px;
	/*width: auto;*/
}

#home ul.tabset li.active span a {
	background: url(../images/template/mask_plane_grey_white_tr.gif) no-repeat right -1px ;
	display: block;
	padding: 12px 12px 0 12px;
	height: 45px;
}

/* Content For Each Tab */

.tab-box {
	background-color: #f0f0f0;
	padding: 14px 14px;
	overflow: hidden;
	height: 1%;
	border: 1px solid #bababa;
	border-top:0px none;
	border-bottom: none;
	margin: 0;
}

#home .tab-box {
	position:relative;
	padding:0;
	border:0;
}

#home .tab-box .tab {
	padding: 12px 12px;
}

#home #content ul.home-tabs li
{
	float:left;
	width:260px;
	padding:0 30px 0 0px;
	margin-bottom:12px;
	background:none;
}

#home #content  ul.home-tabs li h3
{	
font-size: 1em;
font-weight: normal;
}

#home #content  ul.home-tabs li h3 a 
{
	float:left;
	width:180px;
	font-weight: normal;
}

.tab-box-bottom {
	background: #fff url(../images/template/tab-box-bottom-bg.gif) no-repeat;
	overflow: hidden;
	height: 5px;
}

#content .tab-box h1 {
	margin: 0 0 12px;
	padding-top: 20px;
}

/*
#bProduct #content .tab-box h2.tabTitle {
	font-size: 1em;
	margin: 30px 0 10px;
}
*/
#content .tab-box big {
	color: #444;
	font-weight: 700;
	font-size: 0.94em;
}
	
#content .tab-box h2, #content .tab-box h3 {
	color:#444;
	margin:0 0 5px;
}
	
#content .tab-box p.more {margin: 14px 0 0;}
#content .tab-box ul {margin: 4px 0 13px 0;}

#content .tab-box ul li {
	padding: 0 0 9px 40px;
	background: url(../images/template/content-bullet.gif) no-repeat 12px 2px;
	font-size: 0.83em;
	line-height: 1.3em;
}

#content .tab-box a {font-weight: 700;}

.tab-box .enquiry {
	float: right;
	margin: 0 5px 0 0;
	display: inline;
}

/* main body of text */

#content h1 {
	font-size: 2em;
	font-weight:normal;
	letter-spacing:-0.06em;
	text-transform:uppercase;
	margin: 8px 0 12px;
	padding-bottom: 3px;
	color: #fff;
}

.wf-active #content h1 {
	font-size: 3em;
	letter-spacing: normal;
	font-family:tandelle, Arial, Helvetica, sans-serif;
}

/* Padding added to all the headings */
#content h2 {
	clear:both;
	font-size:0.84em;
	font-weight:700;
}

#press #content h2 {
	clear:both;
	font-size:0.84em;
	font-weight:700;
	margin: 0 0 15px 140px;
	padding: 3px;
	border-bottom: 1px #999 solid;
	text-transform:uppercase;
} 

#content h2.call {
	float: right;
	font-size:0.94em;
	font-weight:700;
	margin-top: 8px;
}

#content h3 {
	font-size:0.71em;
	font-weight:700;
    margin:0 0 5px; 
}

#content h4 {
	font-size:0.70em;
	font-weight:700;
}


#content p {
	font-size: 0.7em;
	line-height: 1.8em;
	margin: 0 0 15px;
}

#content table {
	margin: 18px 0 0 0;
	border: 1px #dedede solid;
	border-collapse:collapse;
	width: 100%;
}

#content th {
	font-size:0.75em;
	font-weight:600;
	padding: 12px 18px;
	border: 1px #dfdfdf solid;
}

#content td {
	font-size:0.75em;
	padding: 9px 18px;
	border: 1px #dfdfdf solid;
}

#main #content td a {
	font-weight:normal;
}

#content tr.alternate {
	background-color: #dfdfdf;
}

#content img {
	float:left;
	width: 270px;
	margin: 0 12px 6px 0;
}

#addthis img
{
	margin-top: 12px;
	width:auto;
}

a.get-quote-button {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 96px;
	height: 30px;
	margin: 0;
	float: right;
	background: url(../images/template/get-a-quote-btn.gif) no-repeat;
}

a.quote-button {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 62px;
	height: 20px;
	margin: 0;
	float: right;
	background: url(../images/template/quote-btn.gif) no-repeat;
}

a.more-info-button {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 131px;
	height: 129px;
	margin: 0;
	float: right;
	background: url(../images/template/more-info.png) no-repeat;
}

a.rss-button
{
	display: block;
	overflow: hidden;
	text-indent: -999em;
	width: 22px;
	height: 23px;
	margin-top: 12px;
	float: right;
	background: url(../images/template/rss-btn.gif) no-repeat;
}

#content ul.product-category li
{
	float:left;
	background:url(../images/template/product-category-bg.gif) no-repeat;
	width: 246px;
	height: 129px;
	overflow:hidden;
	padding: 12px 12px 9px 12px;
	margin: 0 5px 6px 0;
}

#content ul.product-category li h2
{
	font-size: 1em;
	color: #003876;
	margin: 0 0 6px 0;
}

#content ul.product-category li p
{
	color: #444;
}

#content ul.product-category a.get-quote-button
{
	float:left;
	margin: 0 12px 0 0;
}

#content ul.product-category a.more-info-button
{
	float:left;
	margin: 0 12px 0 0;
}

.date
{
	float: right;
	width: 150px;
	font-size: 0.75em;
	font-weight:600;
	text-align:right;
}

.text-quote
{
	color: #003876;
	font-size: 1.9em;
	line-height:0.9em;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}

#contact
{
	width: 340px;
	/*background-color: #bcbcbc;*/
	padding: 20px 20px 40px 20px;
	float:left;
	clear:both;
}

#contact p
{
	margin: 10px 0 0 0;
}

#contact p label
{
	float:left;
	width: 125px;
	text-align:right;
	margin: 0 9px 0 0;
	color:#666
}

.txt, textarea
{
	width: 200px;
	border: 1px #999 solid;
	background-color:#f0f0f0;
	font-family:Arial, Helvetica, sans-serif;
}

.txt:focus, textarea:focus
{
	border: 1px #333 solid;
}

.sbt
{
	border: 1px #333 solid;
	color:#ccc;
	background-color:#333;
	padding:4px 8px;
	font-weight:bold;
	margin: 0 0 0 280px;
}

.right
{
	width: 460px;
	float:right;
	padding: 30px 20px 40px 20px;
}

#content .col {
	float:left;
	display:inline;
	margin: 0 15px 0 0;
	width: 440px;
	text-align:justify;
}

#content .col1 {
	float:left;
	display:inline;
	margin: 0 15px 0 0;
	width: 660px;
	text-align:justify;
}

#content .col2 {
	float:left;
	display:inline;
	margin: 0 15px 0 0;
	width: 220px;
	text-align:justify;
}

#content .col-thirds {
	float:left;
	display:inline;
	margin: 0 15px 0 0;
	width: 290px;
	position:relative;
}

#content .col-thirds img {
	border:6px #000 solid;
}

#content .col-thirds a.article {
	background:url(../images/template/article-bg.gif) no-repeat;
	width: 26px;
	height: 27px;
	text-indent:-999em;
	display:block;
	position:absolute;
	border:0;
	right:0;
}

.press-pics {
	float:left;
	display:inline;
	margin: 0 0 0 180px;
}

.led-thumbs {
	margin: 3px 2px;
}

#home-gallery ul li {
	float:left;
	display:inline;
}