/*
Theme Name: Sea Shanty
Theme URI: http://826valencia.org/store/
Author: Squonk Studios and Volume, Inc.
Description: Custom e-commerce theme built for the Pirate Store
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, 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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {

	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* Clear fix for floated elements */


.clearfix:after,  div.subpages ul.menu:after, div#secondary ul.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.clearfix, div.subpages ul.menu, div#secondary ul.menu {display: inline-block;}


/* Hides from IE-mac \*/


* html .clearfix {height: 1%;}


.clearfix, div.subpages ul.menu, div#secondary ul.menu {display: block;}


/* End hide from IE-mac */


.clear, div.subpages ul.menu {
	clear:both
}


/* @license
 * MyFonts Webfont Build ID 1202881, 2011-09-14T19:19:58-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gothic Tuscan Condensed Medium by Wooden Type Fonts
 * URL: http://www.myfonts.com/fonts/woodentypefonts/gothic-tuscan-cond/medium/
 * Copyright: Copyright (c) Jordan Davies, 2007. All rights reserved.
 * 
 * Webfont: Graphique by profonts
 * URL: http://www.myfonts.com/fonts/profonts/graphique-pro/regular/
 * Copyright: Copyright 2008 ProFonts P. Rosenfeld & J. Willrodt 
 * 
 * Webfont: Fette Fraktur D by URW++
 * URL: http://www.myfonts.com/fonts/urw/fette-fraktur/d/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * Webfont: Salty Dog Solid by Pelavin Fonts
 * URL: http://www.myfonts.com/fonts/pelavin/salty-dog/solid/
 * Copyright: Copyright (c) 2011 by Daniel Pelavin. All rights reserved.
 * 
 * Webfont: Salty Dog Outline by Pelavin Fonts
 * URL: http://www.myfonts.com/fonts/pelavin/salty-dog/outline/
 * Copyright: Copyright (c) 2011 by Daniel Pelavin. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1202881
 * Licensed pageviews: 10,000
 * 
 * © 2011 Bitstream Inc
*/


 @font-face {font-family: 'GothicTuscan-CondensedMedium';src: url('fonts/125AC1_0.eot');src: url('fonts/125AC1_0.eot?#iefix') format('embedded-opentype'),url('fonts/125AC1_0.woff') format('woff'),url('fonts/125AC1_0.ttf') format('truetype'),url('fonts/125AC1_0.svg#wf') format('svg');}
 @font-face {font-family: 'GraphiquePro';src: url('fonts/125AC1_1.eot');src: url('fonts/125AC1_1.eot?#iefix') format('embedded-opentype'),url('fonts/125AC1_1.woff') format('woff'),url('fonts/125AC1_1.ttf') format('truetype'),url('fonts/125AC1_1.svg#wf') format('svg');}
 @font-face {font-family: 'FetteFraD';src: url('fonts/125AC1_2.eot');src: url('fonts/125AC1_2.eot?#iefix') format('embedded-opentype'),url('fonts/125AC1_2.woff') format('woff'),url('fonts/125AC1_2.ttf') format('truetype'),url('fonts/125AC1_2.svg#wf') format('svg');}
 @font-face {font-family: 'SaltyDog-Solid';src: url('fonts/125AC1_3.eot');src: url('fonts/125AC1_3.eot?#iefix') format('embedded-opentype'),url('fonts/125AC1_3.woff') format('woff'),url('fonts/125AC1_3.ttf') format('truetype'),url('fonts/125AC1_3.svg#wf') format('svg');}
@font-face {font-family: 'SaltyDog-Outline';src: url('fonts/125AC1_4.eot');src: url('fonts/125AC1_4.eot?#iefix') format('embedded-opentype'),url('fonts/125AC1_4.woff') format('woff'),url('fonts/125AC1_4.ttf') format('truetype'),url('fonts/125AC1_4.svg#wf') format('svg');}
@font-face {
    font-family: 'OstrichSansBold';
    src: url('fonts/ostrich-bold-webfont.eot');
    src: url('fonts/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-bold-webfont.woff') format('woff'),
         url('fonts/ostrich-bold-webfont.ttf') format('truetype'),
         url('fonts/ostrich-bold-webfont.svg#OstrichSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.tuscan { font-family: 'GothicTuscan-CondensedMedium'; }
.graphique { font-family: 'GraphiquePro'; }
.fette { font-family: 'FetteFraD'; }
.saltydog { font-family: 'SaltyDog-Outline'; }
.ostrich { font-family: 'OstrichSansBold'; }


/* Let's hide our special fonts while they're loading, and then resize accordingly if they don't load! */



html.wf-loading h1.product-title,
html.wf-loading h1.entry-title,
html.wf-loading input#mc-embedded-subscribe,

html.wf-loading div.product-content div.product-price,
html.wf-loading span.cat-links a,
html.wf-loading a.more-link,
html.wf-loading #archive-lists ul li a,
html.wf-loading #viewCartTable th,
html.wf-loading .Cart66ButtonPrimary, html.wf-loading .Cart66ButtonSecondary, html.wf-loading #content .Cart66ButtonPrimary, html.wf-loading #content .Cart66ButtonSecondary, html.wf-loading .Cart66CartButton .purAddToCart,
html.wf-loading .phorm2 h2
{
	display:none;	
}
html.wf-loading h4.log-title  /*want this to size the cycle container properly in FF */
{
	display:none;
}



html.wf-inactive h1.product-title,
html.wf-inactive h1.entry-title,
html.wf-inactive input#mc-embedded-subscribe,
html.wf-inactive h4.log-title,
html.wf-inactive div.product-content div.product-price,
html.wf-inactive span.cat-links a,
html.wf-inactive a.more-link,
html.wf-inactive #archive-lists ul li a,
html.wf-inactive #viewCartTable th,
html.wf-inactive .Cart66ButtonPrimary, html.wf-loading .Cart66ButtonSecondary, html.wf-loading #content .Cart66ButtonPrimary, html.wf-loading #content .Cart66ButtonSecondary, html.wf-loading .Cart66CartButton .purAddToCart, 
html.wf-inactive .phorm2 h2
{

}

html.wf-inactive ul#top-nav li.current-menu-item a,
html.wf-inactive div#cartnsearch #mini-cart span.item-count
{
	
}

html.wf-loading ul#top-nav li.current-menu-item a,
html.wf-loading div#cartnsearch #mini-cart span.item-count
{
	display:none;
}

html.wf-inactive ul#top-nav li a,
html.wf-inactive div#cartnsearch #mini-cart a
{
	
}

html.wf-loading ul#top-nav li a,
html.wf-loading div#cartnsearch #mini-cart a
{
	display:none;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #cfcfcf;
	background: #000000;

}

body {
	background:#000000 url(images/bg_main.jpg) no-repeat top left;
	font-family:Georgia, serif;
	font-size: 12px;
	line-height:21px;
}
a:link, a:visited {
	color:#9b7730;
	text-decoration:none;
}
a:hover {
	color:#cfbd77;
}

#page {
	width:975px;
	margin:0 auto 6px auto;
	padding:0 3px 0 2px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
h1 {
	font-size:31px;
	line-height:35px;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	text-transform:uppercase;
}
h1.product-title {
	font-size:26px;
	line-height:27px;
	letter-spacing:1px;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	color:#ffffff;
	margin-bottom:10px;
	text-transform:uppercase;
}
h1.entry-title {
	font-size:31px;
	line-height:34px;
	letter-spacing:1px;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	color:#ffffff;
	margin:13px 0 9px 0;
	text-transform:uppercase;
}
h1.entry-title a {
	color:#ffffff;
}
h1.entry-title a:hover {
	color:#bebebe;
}
h1.entry-title.tuscan { 
	font-family: 'GothicTuscan-CondensedMedium'; 
	font-size:32px;
	line-height:39px;
	color:#fffff;
	}
h1.entry-title.graphique { font-family: 'GraphiquePro'; }
h1.entry-title.fette { 
	font-family: 'FetteFraD'; 
	font-size:53px;
	line-height:58px;
	color:#cfbd77;
	text-transform:none;
	}
h1.entry-title.saltydog { font-family: 'SaltyDog-Outline'; }
h1.entry-title.ostrich { font-family: 'OstrichSansBold'; }

h4 {
	font-family:Georgia, Garamond, Times New Roman, serif;
	font-size:14px;
	line-height:19px;
	font-weight:bold;
	font-style: italic;
	
}

#product-grid td h4.product-title {
	margin-top:3px;
	min-height:65px;
	padding-bottom:13px;
}
h4.product-title a {
	color:#ffffff;
}
h4.product-title {
	margin-top:2px;
}
h4.product-title a:hover {
	color:#999999;
}
li.slide-pane h4.product-title {
	margin-top:0;
}
h4.product-title span.decimal {
	text-decoration:underline;
	font-size:10px;
	position:relative;
	top:-2px;
	left:1px;

}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 6px;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

.assistive-text {
	text-indent:-9999px;
	position:absolute;
	display:block;
}

/*Form Styles*/
 input, textarea {
 	border:1px dotted #ffffff;
 	font-family:Georgia, Times New Roman, serif;
 	font-size:10px;
 	font-style:italic;
 	padding:3px;
 	width:90%;
 	margin:0 0 10px 0;
 }
 /* standard checkboxes replaced with JS */
.ui-radio-state-disabled,
			.ui-radio-state-checked-disabled,
			.ui-radio-state-disabled-hover,
			.ui-radio-state-checked-disabled-hover {
				color: #999;
			}
			
			span.ui-checkbox,
			span.ui-radio {
				display: block;
				float: left;
				width: 22px;
				height: 19px;
				background: url(images/sprite_master.png) -54px -160px no-repeat;
			}
			
			span.ui-helper-hidden {
				display: none;
			}
			
			label {
				padding: 2px;
				
			}
			span.ui-radio-state-hover,
			span.ui-checkbox-state-hover {
				background-position: -83px -160px;
			}
			
			span.ui-checkbox-state-checked {
				background-position: -115px -160px;
			}
			
			span.ui-checkbox-state-checked-hover {
				background-position: -115px -160px;
			}
			span.ui-radio-state-checked-disabled-hover,
			span.ui-radio-state-checked-disabled,
			span.ui-radio-state-checked {
				background-position: -115px -160px;
			}
			
			span.ui-radio-state-checked-hover {
				background-position: 0 -200px;
			}
			.ui-radio-disabled,
			.ui-checkbox-disabled {
				opacity: 0.7;
			}
			.ui-helper-hidden-accessible {
    			left: -999em;
    			position: absolute;
			}
			
/*select dropdowns*/
select option {
	font-size:12px;
	font-style:italic;
}
/* Dropdown control */
.selectBox-dropdown {
	width: 150px; /* width = (desired width) - padding-right */
	padding-right: 40px;
	position: relative;
	border: solid 1px #606060;
	text-decoration: none;
	vertical-align: middle;
	background: #000000;
	display: inline-block;
	cursor: default;
	height:22px;
	font-size:11px;
	line-height:18px;
	font-style:italic;
	color:#ffffff;
}
.page-header .selectBox-dropdown, .page-header .navigation {
	margin-bottom:25px;
	}
.Cart66CartButton .selectBox-dropdown {
	width: 90px;
	margin-right:8px;
	margin-bottom:5px;
}
.Cart66CartButton .selectBox-dropdown {

}
	
.selectBox-dropdown:hover {
	color:#ffffff;
}
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: .2em .3em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(images/down.gif) 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #606060; /* should be the same border width as .selectBox-dropdown */
	background: #000000;
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	width: 250px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
}
ul.selectBox-dropdown-menu {
	width:auto!important;
}
.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
	color:#000;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #333333;
	color:#fff;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}



/*mailchimp signup form styles*/
div#mc_embed_signup {
	font-family:Georgia, Times New Roman, serif;
 	font-size:10px;
 	font-style:italic;
 	margin:0 auto 25px auto;
 	width:135px;
} 
#foot-newsletter div#mc_embed_signup { 
	 margin:9px 0px 0px 0px;
	font-family:Georgia, Times New Roman, serif;
 	font-size:10px;
 	color:#fff;
 	width:150px;
 	font-weight:normal;
}

div#mc_embed_signup .input-group, div#mc_embed_signup_home .input-group{
	line-height:25px;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	color:#ffffff;
}

div#mc_embed_signup #mce-EMAIL {
	background: no-repeat url(images/sprite_master.png) -169px -224px;
	border: #999999 1px dotted;
	color: #999999;
}
div#mc_embed_signup #mce-EMAIL.active {
	background:none;
	border: #ffffff 1px dotted;
}
div#mc_embed_signup input#mce-EMAIL, div#mc_embed_signup input#mce-FNAME, div#mc_embed_signup input#mce-LNAME  {
	width:127px;
	
}
input#mc-embedded-subscribe {
	background:#9B7730;
	border:none;
	color:#000;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	font-size:15px;
	height:23px;
	font-style:normal;
	padding: 3px 5px;
	width:auto;
	text-transform:uppercase;
	margin:10px 0 0 0;
	cursor:pointer;
	letter-spacing:.5px;
}
#mce-error-response {
	color:#DD0000;
}
#mce-success-response {
	color:#9B7730;
}

.hr-loops {
	height:4px;
	width:975px;
	background: no-repeat url(images/hr_loops.png);	
}
.hr-rope-full {
	height:5px;
	width:975px;
	background: no-repeat url(images/hr_rope_full.png);	
}
.hr-rope-645 {
	height:5px;
	width:645px;
	background: no-repeat url(images/hr_rope_645.png);	
	display:block;
}
header#branding {

}
header#branding #top-logo {
	padding:24px 0 22px 0;
}
header#branding #top-logo a{
	display:block;
	height:109px;
	width:970px;
	background: no-repeat url(images/logo_main.png);
	text-align:left;
	text-indent:-9999px;
}
header#branding nav#access {
	height:84px;
	padding:11px 0 0 0;
	background: repeat-x url(images/bg_top_nav.png);
	position:relative;
}
ul#top-nav {
	list-style:none;
	margin:0;
	padding:0;
}
ul#top-nav li {
	float:left;
	margin-right:1px;	
	text-align:center;
}

/* try to keep nav from moving */
ul#top-nav li#menu-item-14 {
	width:117px;
	padding-left:4px;
}
ul#top-nav li#menu-item-18 {
	width:68px;
}
ul#top-nav li#menu-item-16 {
	width:122px;
}

ul#top-nav li#menu-item-19 {
	width:86px;
}
ul#top-nav li#menu-item-17 {
	width:134px;
}
ul#top-nav li#menu-item-15 {
	width:78px;
}
ul#top-nav li#menu-item-24 {
	width:57px;
}
ul#top-nav li#menu-item-25 {
	width:78px;
}
ul#top-nav li a {
	text-transform:uppercase;
	color:#cdcdcd;
	font-family:magion-web, Verdana, Trebuchet, sans-serif;
	font-size:16px;

	height:21px;
	letter-spacing:1px;

}
ul#top-nav li#menu-item-14  {
	text-align:left; /*sigh*/
	}
ul#top-nav li a:hover {
	color:#737373;
}
ul#top-nav li.current-menu-item a {
	text-transform:none;
	color:#9b7730;
	font-family: mahalia, Verdana, Trebuchet, sans-serif;
	font-style:normal;
	font-size:17px;
	letter-spacing:1px;
	line-height:23px;

}
div#cartnsearch {
	position:absolute;
	right:2px;
	width:209px;
}
div#cartnsearch #mini-cart {
	position:absolute;
	left:0;
}

div#cartnsearch #mini-cart a {
	font-family:magion-web, Trebuchet, Verdana, sans-serif;
	font-size:16px;
	color:#cdcdcd;
	letter-spacing:1px;
}
div#cartnsearch #mini-cart a:hover {
	color:#737373;
}
div#cartnsearch #mini-cart span.item-count {
	font-family: mahalia, Verdana, Trebuchet, sans-serif;
	font-size:10px;
	color:#9B7730;
}
form#searchform input#s {
	display:block;
	height:27px;
	width:99px;
	background: no-repeat url(images/sprite_master.png) -393px -121px;
	border:0;
	font-size:10px;
	font-family:Georgia, serif;
	font-style:italic;
	color:#bebebe;
	padding:0px 22px 0px 8px;
	position:absolute;
	right:2px;
	top:-2px
}
form#searchform input#searchsubmit {
	display:block;
	height:19px;
	width:16px;
	background: no-repeat url(images/sprite_master.png) -393px -150px;
	border:0;
	position:absolute;
	right:9px;
	top:2px;
	text-align:left;
	text-indent:-9999px;
	cursor:pointer;
}

div#main {
	margin-top:-23px;
	margin-bottom:80px;
}
div#content {
	position:relative;
}
.left {
	float:left;
}
.right {
	float:right;
}
.thin-col {
	width:150px;
}
.center {
	text-align:center;
	margin:0 auto;
}
/*footer styles*/
#colophon {
	font-size:11px;
	line-height:19px;
	color:#999999;
	font-style:italic;
	margin-top:4px;
	font-weight:normal;
}
#colophon h3 {
	text-transform:uppercase;
	font-style:normal;
	font-size:11px;

	font-weight:bold;
	margin-bottom:2px;
	color:#ffffff;
}
#colophon .vr-dot {
	display:block;
	width:1px;
	height:150px;
	background: repeat-y url(images/vr_dotted.png);
}
#colophon #foot-logo {
	padding-top:14px;
	width:90px;
}
#colophon ul {
	list-style:none;
	margin:0;
	padding:0;
}
#colophon ul li a {
	color:#999999;
}
#colophon ul li a:hover {
	color:#666666;
}
a.small-826 {
	display:block;
	background: no-repeat url(images/sprite_master.png) 0 -123px;
	width:54px;
	height:56px;
	text-indent:-9999px;
}
#colophon #foot-logo a.small-826 {
	margin:0 auto;
}
#foot-visit {
	width:190px;
	padding:12px 16px 0 16px;
}
#foot-menu-shop {
	width:130px;
		padding:12px 15px 0 16px;
}
#foot-menu-about {
	width:130px;
	padding:12px 16px 0 16px;
}
#foot-social {
	width:130px;
	padding:12px 16px 0 16px;
}
#foot-social #social-links {
	margin-top:8px;
}
#foot-social #social-links a {
	background-image:url(images/sprite_master.png);
	background-repeat:no-repeat;
	display:block;
	margin-right:8px;
	height:15px;
	text-indent:-9999px;
}
#colophon p.credits {
	margin-top:25px;
}
#colophon p.credits a:link, #colophon p.credits a:visited {
	color:#999999;
	text-decoration:underline;
}
#colophon p.credits a:hover {
	color:#999999;
	text-decoration:none;
}
a.fb-small {
	width:17px;
	background-position:-53px -124px;
}
a.twit-small {
	width:17px;
	background-position:-71px -124px;
		margin-right:7px!important;
}
a.goog-small {

	width:24px;
	background-position:-88px -124px;
}
#foot-newsletter {
	width:152px;
	padding:12px 0 0 16px;
}

/*home page*/
#home-top {
	height:550px;
	margin-bottom:23px;
	position:relative;
}
div#slider-contain {
	position:relative;
	width:755px;
	left:1px;
}
div#slider-arrows {
	z-index:1000;

}
div#slider-arrows a {
	display:block;
	width:48px;
	height:48px;
	background:no-repeat url(images/sprite_master.png);
	position:absolute;
	top:225px;
	z-index:1000;
	text-indent:-9999px;
	display:none;
}
div#slider-arrows a#prev-slide {
	left:7px;
	background-position:-297px -126px;
}
div#slider-arrows a#next-slide {
	right:7px;
	background-position:-345px -126px;
}
ul#front-slider {
	list-style:none;
	margin:0;
	padding:0;
}
ul#front-slider li {
	margin:0;
	padding:0;
	width:755px;
	text-align:center;
	display:none;
}
ul#front-slider li:first-child {
	display:block;
}
ul#front-slider li p.bigtext {
	display:block;
	margin:0;
	width: 629px;
	height:487px;
	background-repeat:no-repeat;
	text-align:left;
	padding:63px 63px 0 63px;
	overflow:hidden;
}
ul#front-slider li p.bigtext a.bigtext-link {
	color:inherit;
	display:block;
}
ul#front-slider li p.tuscan {
	font-size:43px;
	line-height:64px;
	color:#ffffff;
	text-transform:uppercase;
}
ul#front-slider li p.ostrich {
	font-size:57px;
	line-height:66px;
	color:#ffffff;
	text-transform:uppercase;
}
ul#front-slider li p.fette {
	font-size:62px;
	line-height:65px;
	color:#c7bd77;
}
ul#front-slider li p.graphique {
	font-size:76px;
	line-height:80px;
	color:#ffffff;
}
img.slide-hero {
	margin-bottom:10px;
}
#home-top #small-featured {
	width:205px;
	position:absolute;
	right:0;
	top:0;
}
#home-top #small-featured div.side-item {
	text-align:center;
	width:205px;
	margin-bottom:30px;	
}
div.vidframe-flowers {
	display:block;
	background:no-repeat url(images/sprite_master.png) 0 -181px;
    padding: 21px 20px;
    width: 109px;
    height:84px;
    
    margin:12px auto 37px auto;
}
div.vidframe-ribbons {
	display:block;
	background:no-repeat url(images/sprite_master.png) 0 -453px;
    padding: 34px 2px;
    width: 109px;
    margin:0 auto 25px auto;
        height:82px;
}
div.vidframe-burst {
	display:block;
	background:no-repeat url(images/sprite_master.png) 0 -307px;
    padding: 31px 19px 33px;
    width: 109px;
    margin:2px auto 27px auto;
    height:82px;
}
ul.sign, ul.sign li {
	list-style:none;
	margin:0;
	padding:0;
}
div#front-bottom div#col-one {
	float:left;
	width:150px;
	display:block;
	margin-right:15px;
	text-align:center;
}

div#front-bottom div#col-one #front-social {
	display:block;
	background:no-repeat url(images/sprite_master.png) -151px -123px;
    padding: 33px 0;
    width: 145px;
    height:21px;
    margin:0 auto 25px auto;
}
div#front-bottom div#col-two {
	float:left;
	width:315px;
	display:block;
	margin-right:15px;
}
div#front-bottom div#col-three {
	float:left;
	width:150px;
	display:block;
	margin-right:15px;
}
div#front-bottom div#col-four {
	float:left;
	width:315px;
	display:block;
	margin-right:0px;
	position:relative;
}
article.shanty_product .social-stuff {
	margin:30px 0 15px 0;
}
.entry-meta .social-stuff {
	margin:30px 0 0px 0;
}
a#newsletter-btn {
	background:no-repeat url(images/sprite_master.png) -576px 0;
	display:block;
	width:124px;
	height:135px;
	margin: 8px auto 32px auto;
	text-indent:-9999px;
}
a#newsletter-btn:hover {
	background:no-repeat url(images/sprite_master.png) -576px -135px;
}
a#newsletter-btn.obliged {
	background:no-repeat url(images/sprite_master.png) -576px -270px;
	display:block;
	width:124px;
	height:135px;
	margin:0 auto 25px auto;
	text-indent:-9999px;
	cursor:default;
}
.hr-double-thick {
	background:repeat-x url(images/hr_double_thick.png);
	display:block;
	height:8px;
}
.hr-wavy {
	background:repeat-x url(images/hr_wavy.png);
	display:block;
	height:3px;
}
ul#log-feed {

}
a.next-log {
	position:absolute;
	top:17px;
	right:0;
	font-size:29px;
	display:block;
	z-index:1000;
}
ul#log-feed {
	height:139px!important;
	overflow:hidden;
}
ul#log-feed, ul#log-feed li {
	height:139px!important;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
ul#log-feed li {
	padding:5px 0;
	width:315px;
}
ul#log-feed li span.post-date {
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}
h4.log-title {
	font-size:27px;
	line-height:30px;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-style:normal;
	margin-top:4px;
	letter-spacing:1px;
}
h4.log-title a {
	color:#ffffff;
}
h4.log-title a:hover {
	color:#bebebe;
}
div.bottom-featured {
	margin-top:25px;
	text-align:center;
}
#col-two div.bottom-featured {
	margin-top:0px;
	margin-bottom:25px;

}
/*department pages*/
.page-header .navigation {
	float:right;
}
.page-header {
	margin:0px;
}
table#product-grid {
	width:975px;
}
table#product-grid tr td {

} 
table#product-grid td {
	width:315px;
	text-align:center;
	vertical-align:middle;
}

table#product-grid td.shanty_product img {
	width:288px;
}

table#product-grid tr td span.short-desc {
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	display:block;
	padding-bottom:3px;
}

/*product page*/
div.product-content {
	color:#ffffff;
	font-size:12px;
	line-height:21px;
}
div.product-content div.product-price {
	margin:19px 0 20px 0;
	font-size:24px;
	line-height:24px;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	}
div.product-content div.product-price span.currency {
	font-size:16px;
	position:relative;
	top:-2px;
}
#product-gallery {
	width:496px;
	float:left;
}
article.type-shanty_product {
	width:285px;
	float:right;
	margin-right:165px;
}
#primary-log article.type-shanty_product {
	width:auto;
	display:block;
	float:none;
	margin:0;
}
div#hero-wrap {
	position:relative;
	display:block;
	width:494px;
	height:353px;
	border:1px solid #606060;
	background:url(images/bg_repeat_lattice.png);
}
div.main-photo {
	display:block;
	position:absolute;
	width:494px;
	z-index:100;
}
div#video-pane {
	z-index:90;
}
div#main-photo a.zoom-me {

}
div#main-photo img {
	display:block;
}
ul#gallery-nav {
	list-style:none;
	padding:0;
	margin:12px 0 0 0;
}
ul#gallery-nav li {
	float:left;
	margin-right:12px;
}
ul#gallery-nav li.fourth {
	margin-right:0px;
}
ul#gallery-nav li a.gallery-thumb {
	background-repeat:no-repeat;
	display:block;
	background-position:center center;
	width:113px;
	height:80px;
	border:1px solid #606060;
}
aside#related-prods {
	position:absolute;
	top:0;
	right:0;
	width:100px;
}
ul#related-list {
	list-style:none;
	margin:0;
	padding:0;
}
ul#related-list li {
	text-align:left;
	margin: 0 0 24px 0;
	font-size:11px;
	line-height:15px;
}
ul#related-list li a.related-link {
	color:#ffffff;	
}
ul#related-list li a.related-thumb {
	background-repeat:no-repeat;
	display:block;
	background-position:center center;
	width:98px;
	height:80px;
	border:1px solid #606060;
	margin:0 0 5px 0;
}

form.Cart66CartButton select {
	margin-right:10px;
	width:125px;
	background:transparent;
	-webkit-appearance: none;
	border: 1px solid #838384;
	color:#ffffff;
	font-family:Georgia, Garamond, Times New Roman, serif;
	font-style:italic;
	font-size:11px;
	line-height:11px;
	padding:4px;
}

/* log styles */
#primary-log {
	width:645px;
}
.entry-meta {
	position:relative;
}
span.cat-links {
	float:left;
	margin-right:10px;
}
span.cat-links a {
	font-size:14px;
	line-height:14px;
	color:#000000;
	background:#b58a47;
	padding:3px 4px 1px 4px;
	text-transform:uppercase;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	display:block;
	float:left;
	margin-right:3px;
}
.entry-date {
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	position:relative;
	top:-1px;
}
a.more-link {
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	text-decoration:underline;
	padding-right:40px;
	background:url(images/more_arrow.png) right 5px no-repeat;
	line-height:16px;
}
a.more-link:hover {
	background:url(images/more_arrow.png) right -22px no-repeat;
}
#col-four a.more-link {
	background:url(images/more_arrow.png) right top no-repeat;
	display:block;
	height:9px;
	width:31px;
	}
#col-four a.more-link:hover {
	background:url(images/more_arrow.png) right -27px no-repeat;
	display:block;
	height:9px;
	width:31px;
	}
.entry-content {
	font-size:13px;
	line-height:25px;
	color:#bebebe;
}
.entry-foot {
	margin-bottom:20px;
	margin-top:18px;
}
.entry-foot .hr-rope-645 {
	margin-top:30px;
}
div#secondary {
	width: 315px;
}
div#secondary .menu-categories-container {
	
}
div#secondary .menu-categories-container ul#menu-categories {
	list-style:none;
	margin:0 auto 25px auto;
	padding:0;
	width:260px;
	
}
div#secondary .menu-categories-container ul#menu-categories li {
	list-style:none;
	float:left;
	width:130px;
	text-align:center;
	padding:15px 0;
	
}
div#secondary .menu-categories-container ul#menu-categories li a {
	display:block;
	height:57px;
	background-image:url(images/sprite_master.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-align:left;
	margin:0 auto;
}
ul#menu-categories li.menu-item-91 a { /*video*/
	width:92px;
	background-position:0 0;
}
ul#menu-categories li.menu-item-86 a { /*dispatch*/
	width:100px;
	background-position:-94px 0;
}
ul#menu-categories li.menu-item-90 a { /*events*/
	width:99px;
	background-position:-195px 0;
}
ul#menu-categories li.menu-item-87 a { /*musings*/
	width:91px;
	background-position:-296px 0;
}
ul#menu-categories li.menu-item-89 a { /*signs*/
	width:88px;
	background-position:-389px 0;
}
ul#menu-categories li.menu-item-88 a { /*photo*/
	width:94px;
	background-position:-481px 0;
}
ul#menu-categories li.menu-item-91 a:hover, ul#menu-categories li#menu-item-91.current-menu-item a { /*video*/
	width:92px;
	background-position:0 -58px;
}
ul#menu-categories li.menu-item-86 a:hover, ul#menu-categories li#menu-item-86.current-menu-item a { /*dispatch*/
	width:100px;
	background-position:-94px -58px;
}
ul#menu-categories li.menu-item-90 a:hover, ul#menu-categories li#menu-item-90.current-menu-item a { /*events*/
	width:99px;
	background-position:-195px -58px;
}
ul#menu-categories li.menu-item-87 a:hover, ul#menu-categories li#menu-item-87.current-menu-item a { /*musings*/
	width:91px;
	background-position:-296px -58px;
}
ul#menu-categories li.menu-item-89 a:hover, ul#menu-categories li#menu-item-89.current-menu-item a { /*signs*/
	width:88px;
	background-position:-389px -58px;
}
ul#menu-categories li.menu-item-88 a:hover, ul#menu-categories li#menu-item-88.current-menu-item a { /*photo*/
	width:94px;
	background-position:-481px -58px;
}

#archive-lists {
	padding:0; 
	width:212px;
	border-right:1px dotted;
	border-left:1px dotted;
	margin:0 auto;
}
#archive-lists ul {
	float:left;
	list-style:none;
	padding:0;
	margin: 0 0 0 20px; 
	width:75px;
	line-height:16px;
}
#archive-lists ul li {
	margin-bottom:10px;
	}
#archive-lists ul li a {
	color:#cccccc;
	font-size:14px;
	font-family:alternate-gothic-no-2-d, Verdana, Trebuchet, sans-serif;
	text-transform:uppercase;
	line-height:16px;
}
#archive-lists ul li a:hover {
	color:#ffffff;
}
/* sign styles */
.sign-contain {
	display:inline-block;
	margin: 20px 0 20px 0;
}

.sign-slides {
	display:block;	
	padding:0;
	margin:0 auto;
}
.sign-slides img {
	margin:0px;
	padding:0;
	display:none;
}
.sign-slides img:first-child {
	display:block;
}
div#front-bottom div#col-one .sign-contain { 
	margin:0 auto 25px auto;
}
div#front-bottom div#col-two .sign-contain { 
	margin:7px auto 0px auto;
}
div#front-bottom div#col-two .sign-thin .sign-contain img {
	width:123px;
	height:133px;
}
div#front-bottom div#col-three .sign-contain {
	margin:0 0 25px 0;
}

/* gallery styles */
div.gallery-contain {
	width:640px;
	margin: 0 0 20px 0;
}
div.gallery-stage {
	width:640px;
	display:block;
	overflow:hidden;
	height:480px;
	margin-bottom:10px;
}
div.gallery-stage img {
	display:block;
}
div.gallery-stage img {
	margin: 0 auto;
	display:none;
}
div.gallery-stage img:first-child {
	display:block;
}

ul.gallery-nav {
	list-style:none;
	padding:0;
	width:650px;
}
ul.gallery-nav li {
	padding:0;
	width:120px;
	height:110px;
	float:left;
	margin:0 0 0 10px;
	}
ul.gallery-nav li:first-child {

}

/*about page*/
#primary-page {
	width:575px;
	font-size:17px;
	font-style:inherit;
	line-height:30px;
	font-weight:bold;
	color:#bebebe;
}
#primary-page h1 {
	font-weight:normal;
	font-style:normal;
	margin-bottom:15px;
	font-size: 74px; 
	color:#ffffff;
	text-transform: uppercase;
	line-height:56px;
}
#secondary-page {
	width:315px;
	font-size:11px;
	line-height:17px;
	font-weight:normal;
	font-style:normal;
}
#secondary-page h3 {
	font-style:normal;
	text-transform:uppercase;
	font-size:11px;
	line-height:17px;
	color:#ffffff;
	font-weight:bold;
	font-style:none;
}

#secondary-page #visit-side {
	font-size:13px;
	line-height:21px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	padding:10px 15px;
	border-right:1px dotted #ffffff;
	border-left:1px dotted #ffffff;
}
#secondary-page #visit-side h3 {
	font-style:normal;
	text-transform:uppercase;
}


.jcarousel-clip-horizontal {
	width:650px;
	overflow:hidden;
	margin:0 0 0 -10px;
}
.jcarousel-next-horizontal {
    position: absolute;
    top: 38px;
    right: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/sprite_master.png) no-repeat -339px -179px;
}

.jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/sprite_master.png) -339px -179px;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -339px -179px;
}

.jcarousel-next-horizontal:active {

}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
 	display:none!important;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 38px;
    left: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/sprite_master.png) no-repeat -301px -179px;
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: 0px;
    right: 0px;
    background-image: url(images/sprite_master.png) -301px -179px;
}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position: -301px -179px;
}

.jcarousel-prev-horizontal:active {
    background-position: -301px -179px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    display:none!important;
}



/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 975px) {


}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */


}
@media (max-width: 450px) {

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}

.zoomPad{

	z-index:99;
	cursor:crosshair;
	display:inline;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:524px!important;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: none!important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none!important; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
  
   display:none!important;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;   display:none!important;
}

div.vjs-big-play-button span {
  display: none; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none!important; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }