@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
body {
	background: #faf6f4;
	color: #1f1f1f;
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	font-size: 100%;
	z-index: 10;
	-webkit-touch-callout: none;/*for mobile*/
    -webkit-user-select: none;/*for chrome*/
    -khtml-user-select: none;/*for safari*/
    -moz-user-select: none;/*for Mozilla*/
    -ms-user-select: none;/*for mircosoft*/
    -o-user-select: none;/*for opera*/
    user-select: none;/*base css but doesn't work in all browsers*/
}
@font-face {font-family:"OpenSans";src:url("OpenSans-Regular.eot?") format("eot"); src:url("OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("OpenSans-Regular.woff") format("woff"),url("OpenSans-Regular.ttf") format("truetype"),url("OpenSans-Regular.svg#OpenSans") format("svg");font-weight:normal;font-style:normal;font-variant:normal;}
@font-face {font-family:"OstrichRounded";src:url("ostrich-rounded.eot?") format("eot"); src:url("ostrich-rounded.eot?#iefix") format("embedded-opentype"), url("ostrich-rounded.woff") format("woff"),url("ostrich-rounded.ttf") format("truetype"),url("ostrich-rounded.svg#ostrich-rounded") format("svg");font-weight:normal;font-style:normal;font-variant:normal;}
.ie6 img, .ie7 img, .ie8 img { 
     behavior: url(fixnaturalwh.htc);
}
/*
.ie6 #bggraphic img, .ie6 #social img, .ie6 #paypal img {
	behavior: url(iepngfix.htc);
}
*/
#logout-link {
	position: absolute;
}
input, textarea, select {
    background: #faf6f4;
	border: 2px solid #d2d2d2;
	outline-color: #458093;
    border-radius: 0;
	font-family: "OpenSans", Arial, Geneva, sans-serif;
}
input, textarea {
	padding-left: 4px;
	padding-right: 4px;
}
.ie6 input.submit, .ie6 input#loginbutton, .ie6 #contact-submit {
  overflow: visible !important; /* remove padding from left/right */
  width: 0 !important;  /*remove the remaining space in IE6*/
  outline: none !important;
}
.ie7 input.submit, .ie7 input#loginbutton, .ie7 #contact-submit {
  overflow: visible !important; /* remove padding from left/right */
  width: auto !important;
  outline: none !important;
}
h1, h2, h3 {
	font-weight: normal;
}
#container {
	overflow: hidden;
	width: 700px;
	margin: 150px auto;
	padding: 15px;
}
#footer {
	position: absolute;
	bottom: 1px;
	right: 5px;
	height: 19px;
	z-index: 999999999999;
	text-align: right;
	line-height: 19px;
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#main {
	width: 450px;
	float: left;
}
#navbar-wrap {
	position: relative;
	left: 0;
	height: 25px;
	width: 100%;
	top: 0;
	z-index: 99999;
	background: #faf6f4;
}
#navbar {
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	height: 25px;
	padding: 0 10px 0 10px;
	position: relative;
	width: 980px;
	top: 0;
	left: 0;
	z-index: 999999;
}
a {
	color: #1f1f1f;
}
a:focus, a:hover, a:active {
	color: #458093;
	text-decoration: none;
}
:focus {
	outline-color: #458093;
}
.ie6 :focus, .ie7 :focus, .ie8 :focus {
	outline: none;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer
{
	overflow: hidden;
	position: relative;
	left: 0;
}
.jspPane
{
	position: absolute;
}
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: #f0f0f0;
}
.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #f0f0f0;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}
.jspCap
{
	display: none;
}
.jspHorizontalBar .jspCap
{
	float: left;
}
.jspTrack
{
	background: #f0f0f0;
	position: relative;
}
.jspDrag
{
	background: #b3c7cc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 10px;
}
.jspArrow
{
	background: #777;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled
{
	cursor: default;
	background: #666;
}
.jspVerticalBar .jspArrow
{
	height: 10px;
}
.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 10px;
}
.jspVerticalBar .jspArrow:focus
{
	outline: none;
}
.jspCorner
{
	background: #eee;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
.ie6 .jspCorner
{
	margin: 0 -3px 0 0;
}
div.caption-container {
	color: #eee;
	width: 780px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div.image-title {
	font-weight: bold;
	font-size: 1em;
}
div.download {
	margin-top: 8px;
}
div.navigation {
}
div.navigation a.prev {
	left: 0;
}
div.navigation a.next {
	right: 0;
}
ul.thumbs li.selected a.thumb {
	color: #458093;
	border-bottom: 3px solid #666;
}
.st_facebook_custom, .st_twitter_custom, .st_email_custom, .st_sharethis_custom, .st_googleplus_custom {
	cursor: pointer;
	height: 22px;
	width: 22px;
	display: block;
	float: left;
	margin: 0 8px 0 0;
}
#JS-Error {
	color: #458093;
	font-size: 52px;
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#chrome img {
	opacity: 0.2;
    filter: alpha(opacity=20); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; /* IE8 only */
	-khtml-opacity:.20;
	-moz-opacity:.20;
}
#chrome img:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE8 only */
	-khtml-opacity:.100;
	-moz-opacity:.100;
}
#close-img, .ie6 #chrome-link, .ie7 #chrome-link, .ie8 #chrome-link, .ie6 #searchsubmit, .ie7 #searchsubmit, .ie8 #searchsubmit, .ie6 #scroll-to-top a, .ie7 #scroll-to-top a, .ie8 #scroll-to-top a, .ie6 .st_facebook_custom, .ie7 .st_facebook_custom, .ie8 .st_facebook_custom, .ie6 .st_twitter_custom, .ie7 .st_twitter_custom, .ie8 .st_twitter_custom, .ie6 .st_email_custom, .ie7 .st_email_custom, .ie8 .st_email_custom, .ie6 .st_sharethis_custom, .ie7 .st_sharethis_custom, .ie8 .st_sharethis_custom, .ie6 .st_googleplus_custom, .ie7 .st_googleplus_custom, .ie8 .st_googleplus_custom {
	background: url(../graphics/icons/fallback-sprite.png) no-repeat;
}
#close-img {
	display: block;
	width: 22px;
	height: 22px;
	background-position: -44px 0;
	margin-left: 10px;
}
#close-img:hover {
	background-position: -44px -22px;
}
.ie6 #chrome-link, .ie7 #chrome-link, .ie8 #chrome-link {
	background-position: -330px 2px;
}
.ie6 #chrome-link:hover, .ie7 #chrome-link:hover, .ie8 #chrome-link:hover {
	background-position: -330px -22px;
}
.ie6 #scroll-to-top a, .ie7 #scroll-to-top a, .ie8 #scroll-to-top a {
	background-position: -308px 0;
}
.ie6 #scroll-to-top a:hover, .ie7 #scroll-to-top a:hover, .ie8 #scroll-to-top a:hover {
	background-position: -308px -22px;
	margin-top: -2px;
}
.ie6 .st_facebook_custom, .ie7 .st_facebook_custom, .ie8 .st_facebook_custom, .ie6 .st_twitter_custom, .ie7 .st_twitter_custom, .ie8 .st_twitter_custom, .ie6 .st_email_custom, .ie7 .st_email_custom, .ie8 .st_email_custom, .ie6 .st_sharethis_custom, .ie7 .st_sharethis_custom, .ie8 .st_sharethis_custom, .ie6 .st_googleplus_custom, .ie7 .st_googleplus_custom, .ie8 .st_googleplus_custom {
    margin-right: 10px;
}
.ie6 #searchsubmit, .ie7 #searchsubmit, .ie8 #searchsubmit {
	padding: 0 1px 0 1px;
	background-position: -284px 0;
}
.ie6 #searchsubmit:hover, .ie7 #searchsubmit:hover, .ie8 #searchsubmit:hover {
	background-position: -284px -22px;
}
.ie6 .st_facebook_custom, .ie7 .st_facebook_custom, .ie8 .st_facebook_custom {
	background-position: -92px 0;
	margin: 0 12px 0 0;
	width: 16px;
}
.ie6 .st_facebook_custom:hover, .ie7 .st_facebook_custom:hover, .ie8 .st_facebook_custom:hover {
	background-position: -92px -22px;
}
.ie6 .st_twitter_custom, .ie7 .st_twitter_custom, .ie8 .st_twitter_custom {
	background-position: -111px 0;
}
.ie6 .st_twitter_custom:hover, .ie7 .st_twitter_custom:hover, .ie8 .st_twitter_custom:hover {
	background-position: -111px -22px;
}
.ie6 .st_email_custom, .ie7 .st_email_custom, .ie8 .st_email_custom {
	background-position: -159px 0;
	margin-right: 8px;
}
.ie6 .st_email_custom:hover, .ie7 .st_email_custom:hover, .ie8 .st_email_custom:hover {
	background-position: -159px -22px;
}
.ie6 .st_sharethis_custom, .ie7 .st_sharethis_custom, .ie8 .st_sharethis_custom {
	background-position: -182px 0;
	margin-right: 0;
}
.ie6 .st_sharethis_custom:hover, .ie7 .st_sharethis_custom:hover, .ie8 .st_sharethis_custom:hover {
	background-position: -182px -22px;
}
.ie6 .st_googleplus_custom, .ie7 .st_googleplus_custom, .ie8 .st_googleplus_custom {
	background-position: -135px 0;
}
.ie6 .st_googleplus_custom:hover, .ie7 .st_googleplus_custom:hover, .ie8 .st_googleplus_custom:hover {
	background-position: -135px -22px;
}
.graphics, #part1 a, #part2 a {
	opacity: 0.8;
	-moz-opacity:.80;
}
.graphics:hover, #close-button img:hover, #searchsubmit:hover, #part1 a:hover, #part2 a:hover, .nav-controls a:hover, .ss-controls:hover {
    margin-top: -2px;
	opacity: 1.0;
	-moz-opacity:.1.0;
}
#checkout-overlay {
	position: absolute;
	z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #ccc url(../graphics/newbgbw.gif) repeat;
	opacity: 0.9;
    filter: alpha(opacity=90); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE8 only */
	-khtml-opacity:.90;
	-moz-opacity:.90;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}
#checkout-load {
	display: none;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #1f1f1f;
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top: -15px;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
div.content {
	display: none;
	clear: both;
	text-align: center;
}
div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: none;
}
div.controls {
	position: relative;
	top: 0;
	width: 251px;
	height: 30px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
}
.ie8 div.controls {
	margin: 0 auto;
}
.ie6 div.controls, .ie7 div.controls {
	margin: 5px auto !important;
}
div.controls a {
}
div.ss-controls {
	z-index: 9999;	
	position: absolute;
	top: 5px;
	left: 107px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	font-size: 16px;
}
div.nav-controls {
	position: relative;
	z-index: 9999;
	font-size: 42px;
	margin-top: -3px;
	width: 251px;
	top: 0;	
}
.ie7 div.nav-controls {
	margin-top: 0;
	top: 4px;
}
div.nav-controls a.prev {
	float: left;
	height: 40px;
	width: 40px;
}
div.nav-controls a.next {
	float: right;
	height: 40px;
	width: 40px;
}
div.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -34px;
	margin-top: 50px;
	z-index: 100;
	height: 10px;
	width: 67px;
	background: url(../graphics/loader.gif) no-repeat center;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 100%;
	text-align: center;
}
div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}
div.slideshow-container {
}
div.slideshow {
	text-align: center;
}
div.slideshow div.image-wrapper {
	z-index: 1000;
	background: #000000;
	position: absolute;
	top: 35px;
}
div.slideshow img {
	position: absolute;
	top: 0;
	left: 0;
}
div.caption {
	width: 200px;
	height: 40px;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
#menu-button {
	position: absolute;
	bottom: 55px;
	right: 0;
	height: 40px;
	width: 12%;
	z-index: 9999;
	text-align: center;
	line-height: 20px;
	border-top: 4px solid #b3c7cc;
	cursor: pointer;
	padding: 5px 0 0 0;
}
.ie6 #menu-button, .ie7 #menu-button, .ie8 #menu-button, .ie6 #part1, .ie6 #part2, .ie7 #part1, .ie7 #part2, .ie8 #part1, .ie8 #part2 {
	height: 45px;
	bottom: 50px;
}
#part1, #part2 {
	position: absolute;
	bottom: 55px;
	width: 6%;
	height: 40px;
	z-index: 9999;
	text-align: center;
	line-height: 40px;
	border-top: 4px solid #d2d2d2;
	cursor: pointer;
	padding: 5px 0 0 0;
	background: #f0f0f0;
	text-transform: uppercase;
}
#part1 {
	left: 0;
}
#part2 {
	right: 12%;
	display: none;
}
#part1 a, #part2 a {
	display: block;
	width: 100%;
	height: 40px;
}
#navigation-container {
	position: absolute;
	z-index: 999;
	left: 6%;
	bottom: 55px;
	height: 45px;
	width: 76%;
	background: #dfdfde url(../graphics/bg-texture.jpg) repeat;
	border-top: 4px solid #d2d2d2;
	overflow: auto;
}
.ie6 #navigation-container, .ie7 #navigation-container, .ie8 #navigation-container {
	height: 50px;
	bottom: 50px;
}
#thumbs {
	position: relative;
	z-index: 9999;
	top: 0;
	height: 30px;
	left: 0;
}
div.navigation a.pageLink {
	position: absolute;
	top: 0;
	width: 40px;
}
div.navigation a.pageLink:focus {
	outline: none;
}
#thumb-tray {
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
	height: 30px;
	line-height: 30px;
	list-style: none;
	white-space: nowrap;
}
li#loading1, li#loading2 {
	color: #458093;
	display: inline;
}
li#loading1 img, li#loading2 img {
	display: inline;
	margin: 0 5px 0 8px;
}
#thumb-tray li {
	padding: 0 10px 2px 10px;
	list-style: none;
	margin: 0;
	display: inline;
}
#forward-nav {
	display: none;
}
#thumb-prev, #thumb-next { width: 16px; height: 16px; position: absolute; z-index: 9999999999999; bottom: 50%; margin-bottom: -8px; }
#thumb-prev { left: 0;}
#thumb-next { right: 0;}
a.thumb {
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	text-align: center;
}
a.thumb:focus {
	outline: none;
}
#thumb-tray img {
	border: none;
	display: block;
}
#control-bar {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 30px;
	z-index: 99999;
	font-size: 0.8em;
	display: none;
}
/*
.photo-index {
	position: absolute;
	right: 0;
	width: 200px;
	bottom: 100px;
	height: 30px;
	font-size: 11px;
	z-index: 99999999999;
	color: #1f1f1f;
	display: block;
	line-height: 30px;
}
*/
#top-controls {
	height: 30px;
	top: 10px;
	position: relative;
	z-index: 999999;
}
#bottom-nav {
	height: 26px;
	text-align: center;
	position: relative;
	width: 720px;
	margin: 0 auto;
}
#preload {
	display: none;
}
#bggraphic {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 82px;
	margin-top: -41px;
	margin-left: -125px;
}
.ie6 #bggraphic, .ie7 #bggraphic, .ie8 #bggraphic {
	background: url(../../../../graphics/Foxley-Photography-logo.png) no-repeat;
}
#social {
	position: absolute;
	left: 2px;
	top: 8px;
	width: 200px;
	height: 40px;
}
#social p {
	font-size: 12px;
	text-align: left;
	display: block;
	margin: 0 0 0 25px;
	line-height: 10px;
}
.ie6 #social p, .ie7 #social p, .ie8 #social p {
	margin: 0 0 0 23px;
	line-height: 15px;
}
#nav, #nav ul {
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:absolute;
     line-height:28px;
	 width: 90px;
}
#nav {
	left: 380px;
	top: 0px;
	z-index: 999999999999999999999999999999;
	font-size: 0.7em;
}
#nav a:link, #nav a:active, #nav a:visited {
    display:block;
    padding:0px 5px;
    border:1px solid #333;
    color:#ccc;
    text-decoration:none;
    background: url(../graphics/gallerytabbg.gif) repeat-x;
	height: 24px;
	line-height: 24px;
	z-index: 999999999999999999999999999999;
 }

#nav a:hover {
    background: url(../graphics/gallerytabbgrollover.gif) repeat-x;
    color:#000;
}
#nav li {
    float:left;
    position:relative;
	height: 24px;
	z-index: 999999999999999999999999999999;
}
#nav ul {
    position:absolute;
    display:none;
	width: 90px;
	z-index: 999999999999999999999999999999;
}
#nav li ul a {
    width:90px;
    float:left;
	z-index: 999999999999999999999999999999;
}
#nav ul ul {
	top: auto;
	z-index: 999999999999999999999999999999;
	}

#nav li ul ul {
    left:102px;
	z-index: 999999999999999999999999999999;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
    display:block;
    }
	/*
jCart v1.3
http://conceptlogic.com/jcart/
*/
#wrapper { position: relative; margin: 0 auto; width: 450px; text-align: center; padding-bottom: 25px; overflow: auto; z-index: 99999; font-size: 0.9em;}
#wrapper h2, #wrapper h3 {
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 52px;
}
#wrapper h2 {
	margin: 20px 0 30px 0;
}
#wrapper h3 {
	text-align: left;
}
#sidebar { width: 440px; padding: 0 0 25px 10px; margin:30px 0 0 0; float: left;}
#content { width:310px; margin:0 auto; font-size: 0.7em; padding-left: 10px; }
.clear { clear:both; }
#descr {
	float: left;
	text-align: center;
	margin-top: 30px;
}
#descr h2 {
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
	height: 30px;
	float: left;
	padding-left: 10px;
	font-size: 52px;
}
.ie6 #descr h2 , .ie7 #descr h2 , .ie8 #descr h2 {
	height: 60px;
}
#extra p {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	clear: both;
	text-align: left;
	line-height: 24px;
	display: block;
}
#print-info {
	font-size: 14px; line-height: 24px; text-align: left; padding: 10px 0 0 15px;
}
/* Item forms */
.jcart { margin:0 20px 20px 0; padding-top:20px; width: 230px; float:left; text-align:left; }

.jcart ul { margin:0; list-style:none; text-align:left; border:0;}
.jcart fieldset {  border:0; }
.jcart strong { color:#333; }
#jcart * { margin:0; padding:0; font-family: "OpenSans", Arial, Helvetica, sans-serif; }
#jcart, #jcart-tooltip { }
#jcart fieldset { border:0;}
#jcart-error { text-align:center; padding:5px; }
.jcart-error { text-align: center; margin: 10px 0 10px 0; color: red; }
#jcart table { width:100%; }
#jcart thead { border: 0; }
#jcart-title { font-size: 12px; position: absolute; height: 30px; top: 30px; }
#jcart tbody {  }
#jcart tfoot {  }
#jcart tr { }
#jcart th { }
#jcart th, #jcart td { padding:5px; border:0; outline: none; vertical-align:middle; text-align:left; font-weight:lighter; }
#jcart #jcart-empty { text-align:center; }
.jcart-remove { font-weight:normal; color: #458093; }
.jcart-remove:hover {
	text-decoration: underline;
}
#shop { margin: 30px 0 0 10px; }
#jcart-subtotal { display:block; font-weight: bold;}
#jcart-subtotal strong {  }

#jcart-tooltip { display:none; position:absolute; padding:3px 7px 3px 25px; background:url(../graphics/checkmark.gif) 3px center no-repeat; z-index:9999999999999999999999999999999; color: #000;}
#load-share, #load-cart {
	position: relative;
	top: 0;
	left: 0;
	z-index: 9999999;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 10px 0 10px;
	-moz-box-shadow: inset 0 0 0 #ccc, inset -10px 0 20px #ccc;
    -webkit-box-shadow: inset 0 0 0 #ccc, inset -10px 0 20px #ccc;
	box-shadow: inset 0 0 0 #ccc, inset -10px 0 20px #ccc;
}
#load-cart {
	width: 460px;
	padding-right: 30px;
}
#load-share {
	width: 480px;
}
#label a {
	position: absolute;
	top: 0;
	left: 5px;
	padding: 0 5px 0 5px;
	z-index: 99999999999999999999999999999999999999999;
	background-color: #eee;
	height: 24px;
	line-height: 24px;
	display: block;
	text-align: center;
	font-size: 0.7em;
	border-left: thin solid #ccc;
	border-right: thin solid #ccc;
	border-bottom: thin solid #ccc;
}
#label a img {
	display: block;
	float: left;
	margin-right: 5px;
}
#menu-container, #cart-container {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 99999;
}
#menu-bg, #cart-bg {
	position: absolute;
	top: 0;
	right: 0;
	background: #d8d7d6 url(../graphics/bg-texture.jpg) repeat;
    opacity: 0.9;
    filter: alpha(opacity=90); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE8 only */
	-khtml-opacity:.90;
	-moz-opacity:.90;
	z-index: 9999;
	width: 500px;
	height: 100%;
}
#top-grad, #bottom-grad {
	width: 331px;
	position: absolute;
	z-index: 999999999999999999999999999999999999999999999999999;
	right: 19px;
	height: 15px;
}
#top-grad {
	background: url(../graphics/top-grad.png) repeat-x;
	top: 30px;
}
#bottom-grad {
	background: url(../graphics/bottom-grad.png) repeat-x;
	bottom: 0;
}
/*
#like-manager {
	display: none;
	width: 230px;
	float: right;
}
#like-manager a {
	margin-top: 3px;
	height: 24px;
	line-height: 24px;
	display: block;
	float: left;
	text-align: center;
	font-size: 0.65em;
	color: #1f1f1f;
	z-index: 999999999999999999999999999999999;
}
#like-manager a:hover, #cart-trigger a:hover {
	color: #666;
}
*/
#inner-comment-container {
	display: none;
}
#loader-comments {
	position: absolute;
	top: 50px;
	height: 60px;
	line-height: 30px;
	text-align: center;
	left: 0;
	width: 490px;
	margin: 0 5px 0 5px;
	z-index: 99999999;
	font-size: 11px;
	background: #ccc url(../graphics/newbgbw.gif) repeat;
	display: none;
}
#spinner {
	position: absolute;
	left: 490px;
	top: 0px;
	padding-top: 6px;
	height: 24px;
	line-height: 24px;
	display: block;
	width: 130px;
	text-align: center;
	z-index: 9999999;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	position: relative;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	padding-left: 10px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu a {
	text-decoration:none;
	color: #1f1f1f;
}
.sf-menu a:hover { /* visited pseudo selector so IE6 applies text colour*/
    color: #458093;
    text-shadow: 0px 0px 1px #d2d2d2;
}
.sf-menu li a {
	font-size: 12px;
	display: block;
	float: left;
	height: 25px;
	padding: 0 10px 0 10px;
	line-height: 25px;
}
.sf-menu li ul {
	border-top: 1px solid #e6e6e6;
	-moz-box-shadow: 0px 6px 8px -6px #999999;
    -webkit-box-shadow: 0px 6px 8px -6px #999999;
    box-shadow: 0px 6px 8px -6px #999999;
}
.sf-menu li li, .sf-menu li li li {
	background: #dfdfde url(../../../../graphics/bg-texture.jpg) repeat;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}
.clear {
    clear: both;
	height: 10px;
}
a:active, a:selected, a:visited { 
    border: none;
    outline: none;
}
#content label {
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
}
input#qty {
	float: right;
	margin-right: 10px;
	display: block;
	width: 108px;
	margin-bottom: 20px;
	height: 20px;
	padding-left: 4px;
}
.ie6 input#qty {
	margin-right: 5px;
}
select {
	float: right;
	margin-right: 10px;
	width: 120px;
	padding: 1px 0 1px 0;
	margin-bottom: 20px;
}
.ie select {
	color: #000;
}
fieldset input, select {
	background: #f8f3ef;
	border: 2px solid #d2d2d2;
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.jcart-item-qty { width: 60px; }
#jcart .jcart-item-name { font-weight:normal; float: left; clear: both;}
#jcart .jcart-item-price { width:150px; font-weight:normal; text-align:right; }
.jcart-item-price span { display:block; font-weight:normal; }
tr.items {
	line-height: 20px;
	border: none;
	outline: none;
	border-bottom: 3px solid #f0f0f0;
	background: #d8d7d6 url(../graphics/wrapper-bg.gif) repeat;
}
tr.fill {
	height: 20px;
}
#jcart-subtotal {
	width: 150px;
	padding: 10px;
	border-bottom: 3px solid #f0f0f0;
}
#jcart-checkout { 
    float: right;
    padding: 8px 10px 8px 10px;
	margin: 15px 0 20px 20px;
	display: block;
	clear: both;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 13px;
	color: #458093;
}
#add-to-cart {
	position: relative;
	top: 20px;
	left: 20px;
	margin-bottom: 30px;
}
#jcart-paypal-checkout { display:block; width:650px; padding:10px; margin:20px auto; }
#content ul, #content li {
	display: block;
}
input.button {
	padding: 8px 10px 8px 10px;
	margin: 5px 20px 20px 20px;
	display: block;
	clear: both;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 13px;
	color: #458093;
	outline: none;
}
.pluginConnectButton span, .pluginButton span {
	display: block;
	float: left;
}
#cart-form label {
	font-size: 14px;
	display: inline;
	margin-right: 10px;
}
#content li {
	clear: both;
}
#content ul {
	position: relative;
	top: 10px;
}
#comment a {
	color: #458093;
	font-size: 0.8em;
	height: 26px;
	line-height: 26px;
	z-index: 99999999999999999999999;
}
#comment a:hover {
	color: #666;
}
#paypal {
	position: absolute;
	width: 100px;
	right: 30px;
	top: 213px;
	height: 110px;
	background: url(../graphics/secure-paypal.png) no-repeat;
}
.ie7 #paypal {
	top: 223px;
}
.ie8 #paypal {
	top: 240px;
}
#image-menu {
	position: relative;
	float: right;
	width: 122px;
	height: 30px;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	padding: 0 0 3px 0;
	list-style: none;
}
#image-menu div {
	height: 24px;
	line-height: 24px;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 25px;
	display: block;
	text-align: center;
	width: 112px;
	font-size: 0.7em;
	color: #1f1f1f;
	background: #eee;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	border-left: thin solid #ccc;
	border-right: thin solid #ccc;
	border-bottom: thin solid #ccc;
}
#social-wrap {
	display: none;
	position: relative;
	margin-top: 40px;
	height: 21px;
	width: 480px;
	line-height: 21px;
}
#fblikeblock, #gplusblock, #tweetblock, #pinblock {
	display: inline!important;
	zoom: 1;
}
#fblikeblock, #pinblock {
    padding-right: 25px!important;
}
#gplusblock {
	padding-left: 20px!important;
	padding-right: 5px!important;
}
#fbactivityblock {
	height: 400px;
	width: 460px;
	position: absolute;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999;
	top: 300px;
	left: 20px;
}
#tweetblock {
	padding-right: 20px;
}
#pinblock {
	padding: 0;
}
#fbLike {
	vertical-align: top;
	padding-left: 5px;
	width: 150px;
}
#like-info {
	padding: 20px;
	width: 440px;
	text-align: center;
	margin-top: 30px;
	left: 0;
}
#comment-info {
	text-align: center;
	padding: 20px;
	margin-top: 10px;
}
#like-info p {
	font-size: 14px;
	line-height: 20px;
}
#like-info h2, #comment-info h2 {
	font-size: 52px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
}
#fblikeblock h2 {
	font-size: 52px;
	line-height: 30px;
	padding-left: 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
}
#fbcommentsblock {
	color: #1f1f1f;
	font-family: "OpenSans", Arial, Helvetica, sans-serif !important;
	position: relative;
}
#fbComments, #fbLike {
	vertical-align: top !important;
	visibility: hidden;
}
#IE-notification {
	display: none;
	position: relative;
	z-index: 999999999999999999999999999999;
	left: 0;
	top: 50px;
	padding: 20px;
	text-align: justify;
}
#IE-notification p {
	line-height: 20px;
}
#IE-notification a {
	color: #458093;
}
#IE-notification a:hover {
	color: #333;
}
#IE-notification h2 {
	font-size: 52px;
	text-transform: uppercase;
	text-align: center;	
	font-weight: normal;
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	line-height: 20px;
}
#noscript-notification {
	text-align: center;
	margin-top: 100px;
	display: none;
}
#noscript-notification p {
	font-size: 0.9em;
}
h2#restricted {
	font-size: 52px;
	text-transform: uppercase;
	font-family: "OstrichRounded", Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 100px;
}
p#share-footer {
	margin-top: 20px;
	font-size: 0.8em;
}
.menu-loader {
	display: none;
	height: 10px;
	margin-left: 50px;
}
#menu-nav-bg, #menu-nav  {
	display: none;
	position: absolute;
	right: 0;
	width: 500px;
	height: 45px;
	z-index: 999999;
}
#menu-nav-bg {
	bottom: 104px;
}
#menu-nav {
	bottom: 108px;
}
#menu-nav-bg {
	background: #f0f0f0;
	opacity: 0.9;
    filter: alpha(opacity=90); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE8 only */
	-khtml-opacity:.90;
	-moz-opacity:.90;
}
.image-sub-menu {
	position: relative;
	height: 45px;
	width: 249px;
	display: block;
	float: left;
	z-index: 999999999999999999;
	text-align: center;
	line-height: 45px;
	border-top: 4px solid #d2d2d2;
	cursor: pointer;
}
#share-trigger {
	border-right: 1px solid #d2d2d2;
}
#cart-trigger {
	border-left: 1px solid #d2d2d2;
}
.preloader {
	background: url(../graphics/loader.gif) no-repeat center center;
}
#contact-overlay, #contact-underlay {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	z-index: 999999;
	height: 100%;
	bottom: 0;
	width: 100%;
}
#contact-overlay {
	overflow: auto;
	text-align: center;
	background: url(../graphics/loader.gif) no-repeat center 120px;
}
#contact-inner {
	margin: 0 auto;
	position: relative;
}
#contact-info {
	position: absolute;
	top: 250px;
	left: 30px;
	width: 300px;
	height: 250px;
	font-size: 0.9em;
	z-index: 999999;
	text-align: left;
}
.ie6 #contact-overlay {
	height: 720px;
}
#contact-info a {
	font-weight: bold;
	color: #333333;
	display: block;
	margin: 10px 0 0 0;
}
#contact-info p {
	line-height: 20px;
}
#contact-info a:hover {
	color: #458093;
}
#contact-underlay {
	background: #d0dfe4;
	opacity: 0.85;
    filter: alpha(opacity=85); /* IE6+ */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE6+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)"; /* IE8 only */
	-khtml-opacity:.85;
	-moz-opacity:.85;
}
#contact-trigger3 {
	color: #458093;
}
#contact-trigger2 {
	position: absolute;
	top: 160px;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 99999;
	cursor: pointer;
}
#contact-trigger2 img {
	width: 60px;
	height: 60px;
}
#close-button {
	display: none;
	position: absolute;
	top: 40px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	margin: 0;
	font-size: 14px;
	font-family: "OpenSans", Arial, Helvetica, sans-serif;
	z-index: 9999999;
	text-transform: uppercase;
	cursor: pointer;
	text-align: right;
	padding: 0 0 20px 5px;
	right: 40px;
}
#close-button img {
	display: inline;
	margin: 0 0 0 10px;
	vertical-align: middle;
}
#contact-notify {
	display: none;
	position: absolute;
	margin: 0 3px 0 30px;
	top: 100px;
	max-width: 440px;
	text-align: left;
	line-height: 20px;
	padding: 20px;
	background: #dfdfde url(../graphics/bg-texture.jpg) repeat;
	font-size: 12px;
	color: #458093;
	text-transform: uppercase;
}
#form-container {
	visibility: hidden;
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	text-align: right;
	z-index: 99999;
}
.large-input {
	height: 25px;
	line-height: 25px;
}
#contact-submit {
	display: block;
	text-transform: uppercase;
	color: #458093;
	background: #faf6f4;
	cursor: pointer;
	font-size: 0.9em;
	float: right;
	padding: 7px 15px 7px 15px;
	margin: 5px 0 30px 0;
}
#contactform {
	padding: 50px 60px 20px 17px;
	float: right;
}
#contactform textarea {
	min-width: 500px;
	max-width: 910px;
	max-height: 350px;
	min-height: 180px;
}
.ie6 #contactform textarea {
	width: 500px;
}
#confirmation-field { display: none; }
#contactform label {
	font-size: 14px;
	font-family: "OpenSans", Arial, Geneva, sans-serif;
	padding-left: 4px;
}
#prices-tab, #prices-tab-noscript {
	width: 9em;
}
@media screen and (min-width: 2048px) {
	#paypal {
		top: 285px;
	}
	#descr h2 {
		height: 100px;
	}
	#wrapper h2, #wrapper h3, #JS-Error {
	font-size: 58px;
	}
	form.commentform {
		width: 1220px;
	}
	#navbar-wrap {
		height: 35px;
	}
	#navbar {
		padding: 5px 0 0 0;
	}
	div.slideshow div.image-wrapper {
		top: 45px;
	}
	#close-button {
		top: 50px;
	}
	#menu-button span {
		font-size: 20px;
	}
	.sf-menu li a {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		padding: 0 16px 0 16px;
	}
	.sf-menu ul {
	width: 12em; /* left offset of submenus need to match (see below) */
}
	#prices-tab, #prices-tab-noscript, #albums-tab, #albums-tab-noscript {
	width: 12em;
}
.sf-menu li ul {
	margin-top: 5px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
}
#form-container {
		max-width: 1180px;
	}
}
@media only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
div.loader {	
    background: url(../graphics/loader@2x.gif) no-repeat center;
	-webkit-background-size: 67px 10px;
    -moz-background-size: 67px 10px;
    -o-background-size: 67px 10px;
	background-size: 67px 10px;
}
#contact-overlay {
	background: url(../graphics/loader@2x.gif) no-repeat center 120px;
	-webkit-background-size: 67px 10px;
    -moz-background-size: 67px 10px;
    -o-background-size: 67px 10px;
	background-size: 67px 10px;
}
.preloader {
	background: #faf6f4 url(../graphics/loader@2x.gif) no-repeat center center;
	-webkit-background-size: 67px 10px;
    -moz-background-size: 67px 10px;
    -o-background-size: 67px 10px;
	background-size: 67px 10px;
}
.sf-menu li li, .sf-menu li li li, #contact-notify {
	background: #dfdfde url(../graphics/bg-texture-x2.jpg) repeat;
	-webkit-background-size: 75px 75px;
    -moz-background-size: 75px 75px;
    -o-background-size: 75px 75px;
	background-size: 75px 75px;
}
}