/* STYLES FOR STEPHEN WEBSTER SITE */
/* resets */
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a{outline:none}
a img{border:none}
dl, dt, dd {list-style:none;}

html, body {padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size: 10px; color:#fff/*#feffbd*/; background: #000000; text-align:center;} 

#container {position:relative; width:893px; min-width:893px; min-height:680px; margin-left:auto; margin-right:auto; margin-top:0px; text-align:left; font-size:/*0.6875em;*/11px; line-height:1.75em;}

p {padding:0; margin:0 0 1.5em 0;}

a, a:link {color:#ffd; text-decoration:none;}
a:hover {color:#ffd; text-decoration:underline;}
a:focus {outline:none;}
button:focus {outline:none;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; color:#fff; line-height:1.25em;}
h1 {font-size:1.272em;/*14px*/ text-transform:uppercase; margin-bottom:15px;}
h2 {font-size:1.09em;/*12px*/ text-transform:uppercase; margin-bottom:10px;}
h3 {font-size:1.0em;/*11px*/line-height:inherit;}

h1 a {color:#fff; text-decoration:none;}
h1 a:hover {color:#999; text-decoration:none;}

.error {color:#CF3333;}
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}
.preLoad {display:none; height:0; line-height:0;}

/* HEADERS ************************** */
/*h1#logo {height:31px; padding:28px 0 0 0; margin:0; text-align:center;} 
h1#logo a {height:31px; width:408px; margin:0 auto; display:block; overflow:hidden; text-indent:-5000px; background:url(/graphics/global/nav_logo.png) no-repeat center;} 
h1#logo a:hover {background:url(/graphics/global/nav_logo_o.png) no-repeat center;} */
#logo {width:100%; height:40px; padding-top:28px; text-align:center; background:#000000;}
#nav {height:40px; width:inherit; text-align:center; letter-spacing:1px; padding-left:36px; overflow:visible; text-transform:uppercase; position:relative; top:-5px;}
* html #nav {margin-left:25px;}
#nav a {color:#999; margin-left:2px; margin-right:2px; padding-right:3px; padding-left:3px; padding-bottom:1px; top:-6px; position:inherit; font-weight:bold; }
#nav a:hover {color:#ffffff !important; text-decoration:none;}
#nav a.linkActive {color:#333333;}
#nav a.navCenter {width:55px; height:48px; margin:0; padding:0; overflow:hidden; background:url(/graphics/global/nav_triangle.png) no-repeat center;}
#nav a.navCenter span {display:none;}
#nav a.navCenter:hover {background:url(/graphics/global/nav_triangle_o.png) no-repeat center;} 
#nav a.navJbox {width:148px; height:33px; overflow:hidden; left:4px; top:-7px; background:url(/graphics/global/nav_jbox.gif) no-repeat left center;}
#nav a.navJbox span {display:none;}
#nav a.navJbox:hover {background:url(/graphics/global/nav_jbox_o.gif) no-repeat left center;} 
#navjbox {position:relative; top:-1px; left:12px;}

#navHolder { margin:auto; padding:auto; width:893px; height:120px; z-index:10; position:relative; display:block; font-size:10px;}

.sub-nav {font-size:0.9em;/*10px*/ list-style:none; margin:0 auto; padding:0; text-align:center; height:18px;}
.sub-nav li {display:inline; padding:0 10px; border-right:solid 1px #999; margin:0; text-transform:uppercase;}
.sub-nav li.last {border:none;}

.searchBox {float:right; width:180px; margin-right:75px;}
.searchText {float:left; width:115px; background:#000; color:#fff; font-size:12px; margin:0; vertical-align:middle; border:1px solid #666;}
.searchInput {float:left; width:35px; height:19px; vertical-align:middle;}

/* BACKGROUNDS ************************** */
#pagebkgd {width:893px; height:604px; text-align:left;}
.collections {background:#000 url(/graphics/sw_page_bkgd_collections.jpg) no-repeat top center;}

/* HOME PAGE ************************** */
.home {background:#000 url(/graphics/home-BG.jpg) no-repeat center 30px; width:893px; height:684px; margin:0 auto;}
.home-content {width:893px; height:600px; position:relative;}
.home-img {position:absolute;}
	.home-sww {left:18px; top:60px; width:191px; height:222px;}
	.home-collections {left:225px; top:0px; width:456px; height:312px;}
	.home-stockists {left:66px; top:296px; width:193px; height:282px;}
	.home-advert {left:685px; top:67px; width:208px; height:256px;}
	.home-press {left:332px; top:337px; width:258px; height:220px;}
	.home-contact {left:622px; top:380px; width:189px; height:116px;}

/* PHOTO GALLERY - used on several pages ************************** */
.photo-gallery {padding-top:80px;}
.gallery {}
.gallery-nav {float:left; width:65px; margin-left:105px; text-align:center;}
.gallery-up {}
.gallery-dwn {}
.gallery-nav-frame {width:65px; height:325px; overflow:hidden; margin:12px 0;}
.gallery-nav ul {list-style:none; width:65px; margin:0; padding:0;}
.gallery-nav ul li {margin:0; padding:0; width:65px; height:63px; margin-bottom:2px;}
.gallery-item {float:left; margin:4px 0 0 32px; width:600px; text-align:center;}
.gallery-item img {margin:0 4px 6px; vertical-align:middle;}
.gallery-info {font-size:0.9em; color:#999; font-style:italic; text-align:center; padding-bottom:2px;line-height:1.2em;}
.gallery-popup {position:absolute; display:none; border:solid 1px #AAA; z-index:1000; background-color:#000; padding:10px; font-size:1.2em; }
.gallery-popup-bg {position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:#000; z-index:999; display:none; }

/* PRESS _ GENERAL ************************** */
.press .snav-coverage {color:#8c8c7f;}
.news .snav-news {color:#8c8c7f;}
.press, .news {background:#000 url(/graphics/photo-gallery/bg-gallery.jpg) no-repeat top center;}
/* PRESS - COVERAGE ************************** */
/* mostly styled by the photo-gallery styles */
.press .gallery-switch a {margin-right:12px; line-height:1.0em; text-transform:uppercase; display:none;}
.press .gallery-info {text-align:left;}
/* PRESS - NEWS ************************** */
#pagebkgd.news {padding-top:70px; height:534px;}
.news-content {width:705px; height:421px; margin:13px 0 0 100px;}
.news-content .v-scroll {width:705px; height:421px; overflow:auto;}
.news-content .article {margin-bottom:30px; clear:both;}
.news-content dt {margin:0 0 10px 0; padding:0 150px 0 43px; min-height:25px; background-image:url(/graphics/photo-gallery/arrow-right.png/*/graphics/triangle-right.gif*/); background-position:left center; background-repeat:no-repeat; font-weight:normal; color:#fff; line-height:1.25em; font-size:1.272em;/*14px*/ text-transform:uppercase; cursor:pointer;}
	* html .news-content dt {background-image:url(/graphics/photo-gallery/arrow-right.gif);}
.news-content dt.activeDt {background-image:url(/graphics/photo-gallery/btn-gallery-dwn.gif/*/graphics/triangle-down.gif*/);}
.news-content dd {margin:10px 0 0 43px; padding-right:30px;}
.news-content-image {float:left; margin:5px 15px 5px 5px;}
.h-line {border-bottom:1px solid #808080; height:20px; clear:both;}

/* ADVERTISING - GENERAL ************************** */
.advertising .snav-adv {color:#8c8c7f;}
.behind-scenes .snav-bts {color:#8c8c7f;}
/* ADVERTISING ************************** */
.advertising {background:#000 url(/graphics/sw_page_bkgd_advertising.jpg) no-repeat top center; padding-top:70px;}
.advertising .gallery-nav {margin-left:125px;}
.advertising .gallery-item {padding-top:5px; width:450px;}
/* ALL ITEMS ARE HIDDEN BELOW */
.advertising .titlecontainer {width:343px; height:123px; margin:0; padding:0; display:none;}
.advertising .title1 {/*font-size:46px;*/ display:none;}
.advertising .title2 {/*width:343px; text-align:right; margin-top: 15px; font-size:100px;*/ display:none;}
.btn-behind-scenes {display:block; width:215px; height:20px; background:url(/graphics/photo-gallery/view-footage-btn.png) no-repeat center; overflow:hidden; text-indent:-5000px; display:none;}
/* BEHIND THE SCENES ************************** */
.behind-scenes {background:#000 url(/graphics/sw_page_bkgd_advertising.jpg) no-repeat top center; padding-top:70px;}
.behind-scenes .content {height:420px; text-align:center;}
.video-box {margin:0 auto; padding-top:50px;}

/* STOCKISTS ************************** */
.flagship .snav-flag {color:#8c8c7f;}
.stockists .snav-locator {color:#8c8c7f;}
.flagship, .stockists  {padding-top:70px; height:534px; background:#000 url(/graphics/sw_page_bkgd_stockists.jpg) no-repeat top center;}
/* STOCKISTS - FLAGSHIP ************************** */
.flagship .sub-nav {margin-left:0px;}
.flagship .left {width:441px; float:left; padding:28px 0 0 96px; text-align:center; font-size:0.9em;}
.flagship .pics {width:441px; height:350px; overflow:hidden; text-align:center;}
.flagship .pic {width:441px; height:350px; text-align:center; vertical-align:middle;}
.flagship .flag-img {vertical-align:middle; margin:0 auto;}
.flagship .pic-nav {display:none; padding-top:10px;}
	.flagship a.prevImg {margin:0 40px;}
	.flagship a.nextImg {margin:0 40px;}
.flagship .right {width:230px; float:left; padding:153px 0 0 60px;}
.flagship h2 {font-weight:bold;}
/* STOCKISTS - US UK WORLDWIDE ************************** */
.stockists .sub-nav {/*padding:37px 0 0 0; height:63px;*/ margin:0 0 0 0;}
/*.stockists .searchBox {padding-top:37px;}*/
.stockists-content {width:720px; /*height:420px;*/}
	.locator-search {margin:0 auto 20px; padding-top:35px; width:450px; color:#bfb3cf; text-align:center;}
		.input-locator {width:220px; border:1px solid #666; margin:10px auto 30px; display:block; color:#fff; background:#000;}
		.submit-locator {border:1px solid #666; color:#fff; background:#000; font:bold 12px/1em Verdana,Arial,Helvetica,san-serif; display:block; width:128px; margin:0 auto 30px; padding:4px 0;}
		.submit-locator:hover {color:#ffc; background:#222;}
#ctl00_ContentPlaceHolder1_divResultsTop {height:19px; overflow:hidden;}
.results-top {border-bottom:1px solid #666; height:19px; margin:0 50px 0 20px;}
	.results-top a {display:block; float:left; padding:2px 6px 2px 15px; border:1px solid #999;
color:#fff; background:#000 url(/graphics/global/bg-back-arrow.gif) no-repeat 2px center; text-transform:uppercase; font-size:10px; line-height:10px;}
	.results-top a:hover {background-color:#222; text-decoration:none;}
.stockists-content .v-scroll {width:720px; height:414px; _height:395px; .height:395px; overflow:auto;}
	.stockists-content h1 {font-weight:bold; clear:both; margin:0 20px;}
	.stockists-content h2 {font-weight:bold; clear:both; margin:16px 20px; font-size:1.27em;}
	.stockists-content h3 {font-weight:bold;}
	.div-location {margin:0 20px; width:194px; height:13.5em; line-height:1.5em; float:left; overflow:hidden; color:#bfb3cf;}
	.div-online-location {margin:0 20px; width:194px; height:8.em; line-height:1.5em; float:left; overflow:hidden; color:#bfb3cf;}
	.hr-location {clear:both; border-collapse:collapse; border:none; border-bottom:1px #808080 solid; height:0; margin:20px 35px;}
	.stockists .divEmpty {margin-top:10%; text-align:center;}

	
/* photo rotator common */
ul.pics {margin:0; padding:0; list-style:none;}
li.pic {margin:0; padding:0; list-style:none;}

/* STEPHENS WORLD - GENERAL ************************** */
.world-sub, .tumblr {background:#000 url(/graphics/sw_page_bkgd_world.jpg) no-repeat top center; padding-top:70px; height:534px;}
.tumblr .snav-tumblr,
.sketches .snav-sketches,
.bio .snav-bio,
.ppl .snav-ppl,
.celebs .snav-celebs {color:#8c8c7f;}
/* STEPHENS WORLD - TUMBLR ************************** */
.tumblr .vScroll {margin:13px 0 0 100px; width:705px; height:423px; overflow:hidden;}
.tumblr .v-scroll {width:705px; height:423px; overflow:auto;}
.tumblr-entries {margin:1em 30px 0 0; padding-bottom:2em;}
.tumblr-entries .date {text-align:right; font-size:0.9em; text-transform:uppercase;}
	.tumblr-entries .date .year {}
	.tumblr-entries .date .day {}
	.tumblr-entries .date .month {}
.tumblr-entry {border-bottom:1px solid #808080; padding-bottom:28px; margin-bottom:20px;}
	.tumblr-entry .meta {}
.tumblr-entries .regular {}
	.tumblr-entry h1 {}
	.tumblr-entry h1 a {color:#fff;}
	.tumblr-entry .regular-body {}
.tumblr-entries .link {}
	.tumblr-entry h3 {}
	.tumblr-entry h3 a {}
.tumblr-entries .photo {}
	.tumblr-entry .photo-url {text-align:center; padding:1em 0;}
	.tumblr-entry .photo-caption {}
	.tumblr-entry .photo-caption p {text-indent:0;}
.tumblr-entries .video {}
	.tumblr-entry .video-embed {text-align:center;}
	.tumblr .serviceUnavailable {text-align:center; margin:0 auto 0 auto; width:100%; }
/* STEPHENS WORLD - SKETCHES ************************** */
.sketches .sub-nav {margin-bottom:15px;}
.sketches .pic-nav {position:absolute; width:780px; z-index:10; display:none;}
	.sketches a.prevImg {margin:170px 0 0 120px; float:left;}
	a.prevImg img {width:22px; height:28px;}
	.sketches a.nextImg {margin-top:170px; float:right;}
	a.nextImg img {width:22px; height:28px;}
.sketches ul.pics {height:435px; overflow:hidden; padding:13px 2px 0 0;}
.sketches .pic {height:435px; text-align:center; margin-bottom:50px; clear:both;}
	img.sketch-img {margin:0 auto 5px;}
/*	
	.sketch-ttl {float:left; width:443px; display:none;}
		h1.sketch-name {text-align:left; font-size:34px; line-height:14px; padding:20px 0 0 220px; margin:0 0 7px 0; text-transform:uppercase;}
		h1.sketch-type {text-align:right; font-size:34px; line-height:24px; padding:0 26px 0 0; margin:0; display:none;}
	.sketch-info {float:left; text-align:left; width:365px; display:none;}
*/
/* STEPHENS WORLD - BIO ************************** */
.bio .left {width:310px; float:left; padding:20px 0 0 95px;}
.bio .right {width:420px; float:left; padding-top:15px; line-height:1.5em; color:#ccc;}
.bio .right h1.h1-bio {width:343px; height:77px; background:url(/graphics/world/h1-Stephen-Webster.png) no-repeat; margin:0 0 12px 0; text-indent:-5000px; overflow:hidden;}
/* STEPHENS WORLD - PEOPLE & CELEBS PAGES ************************** */
.world-sub .gallery-item {padding-top:6px;}


/* MY JEWELLERY BOX ************************** */
.jbox {background:#000 url(/graphics/sw_page_bkgd_jewellery_2.jpg) no-repeat top center; padding-top:35px; height:564px;}
.login {height:38px; padding-left:80px;}
	.login-input {width:120px; background:#000; color:#fff; font-size:11px; margin:0 10px 0 0; vertical-align:middle; border:1px solid #666;}
	.login-btn {border:none; background:none; font-weight:bold; color:#ffd; font-size:11px; margin-right:10px; width:60px; cursor:pointer; font-family:Georgia, Times, "Times New Roman", serif; vertical-align:middle;}
	 .login a {vertical-align:middle;}
	.register-btn {border:none; background:none; font-weight:bold; color:#ffd; font-size:11px; margin-right:10px; width:50px; cursor:pointer; font-family:Georgia, Times, "Times New Roman", serif; vertical-align:middle;}
.jbox .left {width:450px; float:left; padding:0 0 0 60px;}
.box-content {width:434px; height:422px; overflow:auto;}
	dl.items {width:434px; margin:0; padding:12px 0;}
	dl.items dt {float:left; clear:both; width:65px; height:63px; background:url(/graphics/jewellery/jewellery-thmb-bg.png) no-repeat; padding:12px 13px; margin:13px 40px 13px 22px;}
	dl.items dd {float:left; width:240px; padding:33px 0 13px 0;}
	dl.items dd h2.h2-curls {text-transform:uppercase;}
	.jbox-contact {padding-left:20px; display:block; margin-top:12px;}
.jbox .right {width:307px; float:right; padding:62px 57px 0 0;}
	h1.h1-jbox {width:307px; height:89px; background:url(/graphics/jewellery/h1-my-jewellery-box.png) no-repeat; text-indent:-5000px; overflow:hidden; margin:0; padding:0;}
/* REGISTER ************************** */
.jbox .register {}
.jbox .register .left {padding:20px 0 0 80px; width:400px;}
.jbox .left h1 {margin:0 0 12px 0;}
.register-input {width:150px; background:#000; color:#fff; font-size:11px; vertical-align:middle; border:1px solid #666;}
.jbox .register .left table {border:none; border-collapse:collapse; width:390px;}
.jbox .register .left table th {color:#fff; font-size:11px; font-weight:normal; text-align:left; vertical-align:top; padding:2px 5px; width:49%;}
.jbox .register .left table td {text-align:left; vertical-align:top; width:49%;}


/* **************************************** */

.content {clear:both; margin:0 auto;}

.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignright {float:right;}
.alignleft {float:left;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 .clearfix {display: inline-block;}

img.photo-frame {margin-top:-407px; clear:both;}


.show {display:block;}
.hide {display:none;}	

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */ 

/* CONTACT POP-UP ************************** */
.black_overlay {
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:black;
	z-index:1001;
	-moz-opacity:0.8;
	opacity:.80;
	filter:alpha(opacity=80);
}
.white_content {
	display:none;
	position:absolute;
	top:113px;
	left:50%;
	width:575px;
	height:375px;
	margin-left:-287px;
	background:transparent url(/graphics/sw_page_bkgd_contact_3.png) no-repeat top center;
	z-index:1002;
	overflow:auto;
	padding-top:60px;
	line-height:20px;
	font-size:11px;
	color:#fff;
	text-align:center;
	font-size:1.2em;
	text-transform:uppercase;
}
* html .white_content {background-image:url(/graphics/sw_page_bkgd_contact_3.gif);} /* for our dear friend IE6 */
h1.contact-h1 {text-align:center; font-style:normal;  font-size:13px; font-weight:bold; margin-bottom:2em;}
h1.contact-h1 span {padding:0 18px 0 0; background:transparent url(/graphics/global/carrot-right.gif) no-repeat center right;}
h1.contact-h1 span span {padding:0 0 0 18px; background:transparent url(/graphics/global/carrot-left.gif) no-repeat center left;}
.closeContact {margin:2em auto 0; text-align:center;}

.hidden { display:none;}