/*
THEME NAME: Boax Thematic Responsive
THEME URI: http://www.boax.co.uk
DESCRIPTION: Modified version of Thematic 0.9.7.7 for Boax Clothing
VERSION: 1.0
AUTHOR: Lorne Cameron
AUTHOR URI: http://www.boax.co.uk
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
*/





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

/* v1.0 | 20080212 */

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

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
.header_blogcontent{
display:none
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }







/* -------------------------------------------------------------- 
   Default plugin styles for Thematic
-------------------------------------------------------------- */  

/* =Ajax Edit Comments
-------------------------------------------------------------- */

.edit-comment {
    margin-bottom:18px;
}

/* =WordPress Stats
-------------------------------------------------------------- */

img#wpstats {   /* hide WordPress Stats smiley */
    width:0px;
    height:0px;
    overflow:hidden
}





/* -------------------------------------------------------------- 
   Set default typography based on Blueprint
   http://code.google.com/p/blueprintcss/
-------------------------------------------------------------- */   

body, input, textarea {
    color:#000;    
    font: 13px "Arial", Arial, sans-serif;
}
body {
    line-height: 128%;
}

p {
    margin-bottom: 15px;
}
h1, h2, h3, h4, h5, ul, ol {
    margin-bottom: 15px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
}

/* Text elements
-------------------------------------------------------------- */

ul {
	list-style:disc;
}
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;
}
dt {
    font-weight:bold;
}
dd {

}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}
pre {
	font:11px Monaco, monospace;
//	line-height:18px;
	margin-bottom:15px;
}
code {
	font:11px Monaco, monospace;
}
abbr, acronym {
  border-bottom:1px dotted #333;
  cursor: help;
}
ins {
	text-decoration:none;
}
sup, sub {
	height: 0;
//	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left:0;
	margin-right:20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left:20px;
	margin-right:0;
	text-align: left;
	width: 33%;
}





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

pre, code {
	font:14px Monaco, monospace;
//	line-height:22px;
}
blockquote {
    color:#666;
    font-style:italic;
}
//table {
//    border:1px solid #ccc;
//    border-width:1px 1px 0 1px;
//    font-size:13px;
//    line-height:18px;
//    margin:0 0 22px 0;
//    text-align:left;
//}
caption {
    text-align:left;
}
//tr {
//    border:1px solid #ccc;
//}
//th, td {
//    padding: .7em 1.25em;
//}
hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:1px;
    margin-bottom:15px;
}


h1 {
//    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 13px;
}

h2 {
    font-weight: bold;
}

h3 {

}

h4 {

}

a {
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #777777;
}

.non-link, .non-link:hover {
    font-weight: normal;
    cursor: pointer;
    color: #000000;
}




/************************************************************************************************************************************************************************************
   CUSTOMISE HERE
 ************************************************************************************************************************************************************************************/


/**************************************************************
   LAYOUT: (done)
 **************************************************************/

body {
    background: #ffffff url("../../images/background.jpg") 50% 0 repeat;
}

#wrapper {
    max-width: 1200px;
    margin:auto;
    background-color: #ffffff;
}



/**************************************************************
   HEADER: (done, to do/to check)
 **************************************************************/
#header {
    padding: 15px 3% 0;
    clear: both;
    position: relative;
}

.header-left {
	margin: 0 0 15px 1.5%;
    width: 22.8%;
//    width: 234px;
    float: left;
}

.logo {
	width: 107.5%;
    position: relative;
    left: -7.5%;
    margin-bottom: 14px;
}
.logo a {
	width: 100%;
}
.logo a img {
	width: 100%;
}

.contact {

}
.social {

}

.social-icon {
    width: 22px;
    display: block;
}

.header-plusone-container, .header-twitter-container, .header-facebook-container {
	float: left;
    position: relative;
    margin-right: 3px;
}

.header-plusone-container {

}
.g-plusone {

}

.header-twitter-container {

}

.header-facebook-container {
	display: block;
	margin-right: 0;
    float: left;
    position: relative;
    top: -2px;
    width: 90px;
    height: 27px;
    overflow: hidden;
}
.fb-like-box {
	display: block;
    position: absolute;
    top: -34px;
    left: -65px;
}

.email {
    position: absolute;
    bottom: -2px;
    right: 0;
    display: none;
}

.header-right {
    float: right;
    width: 72.3%;
    margin: 0 1.5% 0 0;
    position: relative;
}

.nav {
	position: relative;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
    margin-top: 14px;
}
.nav-item {
    float: left;
    text-align: center;
    padding: 5px 5.25% 4px;
}
.nav #penultimate {
	padding-right: 0;
}
.nav #last {
	float: right;
}
.nav-item h1 {
//    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.nav-item h1:hover {
//    colour: #999999
}
#first {
    margin-left: 0;
    padding-left: 0;
    text-align:left;
}
#last {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    text-align:right;
}
.clear-div {
    clear: both;
}


.mobile-nav {
	float: right;
	
	position: relative;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	width: 10.5em;
	
	display: none;
}
.mobile-nav-header {

}
.mobile-nav-header-icon {
	float: right;
	height: 28px;
}
.mobile-nav-header-text {
	width: 72px;
	height: 19px;
	float: right;
	text-align: center;
	border: solid 2px black;
	border-right: none;
//	padding: 5px 0.85em 0;
	padding-top: 5px;
}
.mobile-nav-header-outline-holder {
	position: absolute;
	top: 0;
	right: 0;
	width: 99px;
	height: 24px;
	border: solid 2px black;
	z-index: 101;
}
@media only screen and (max-width: 1000px) {
	.mobile-nav-header-text {
		width: 60px;
	}
	.mobile-nav-header-outline-holder {
		width: 87px;
	}
}
.mobile-nav-header-outline-holder:hover {
    cursor: pointer;
}
.mobile-nav-menu-container {
	width: 10.5em;
	height: 15.5em;
	position: absolute;
	top: 26px;
	overflow: hidden;
	z-index: 100;
//	display: none;
}
.mobile-nav-menu {
	clear: both;
	width: 100%;
	
	position: relative;
	top: -190px;
	
	-webkit-transition: top 0.5s;	/* For Safari 3.1 to 6.0 */
	transition: top 0.5s;
	
	z-index: 101;
//	display: none;
}
.mobile-nav-menu-item {
	width: 100%;
}
.mobile-nav-menu-item a {
	width: 100%;
}
.mobile-nav-menu-item-text {
	border: solid 2px black;
	border-bottom: none;
	background-color: #ffffff;
	padding: 0.5em 0.85em 0.5em 0;
	text-align: right;
}
.mobile-nav-menu-item:last-child .mobile-nav-menu-item-text {
	border-bottom: solid 2px black;
}
.mobile-nav-menu-item-text:hover {
	background-color: #f0f0f0;
}

.header-right-bottom {
	clear: both;
	position: relative;
}

.description-text {
    float: left;
    padding: 15px 0 15px 0;
//    margin-right: 104px;
    margin-right: 119px;
}
.description-text h1 {
    font-weight: normal;
    text-transform: none;
    margin-bottom: 0;
}

.header-right-bottom-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 104px;
}
.view-cart {
	position: relative;
	top: 25px;

	float: right;
	
    width: 104px;
	height: 25px;

    background-color: #000000;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;

    z-index: 102;
}
.view-cart h3 {
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    text-align: center;
    padding-top: 5px;
}
.view-cart h3:hover {
    color: #CCCCCC;
}

.grid-separator {		/* No longer used */
	margin-left: 15px;
    padding-bottom: 15px;
    clear: both;
}
.grid-separator-section {		/* No longer used */
    width: 215px;
    margin: 0 7.5px;
    border-bottom: solid 1px black;
    float: left;
}

.header-bottom {
	margin: 0 1.5% 15px;
	border-bottom: solid 2px black;
	clear: both;
}


/* @media only screen and (max-width: 1024px) { */
@media only screen and (max-width: 1200px) {
	.header-left {
		width: 33%;
	}
	.header-right {
		width: 62%;
		margin-top: 0.85%;
	}
	.nav {
		display: none;
	}
	.mobile-nav {
		display: inline;
	}
	
	.description-text {
		padding: 1.625% 0 15px 0;
	}
	
	.header-right-bottom-right {
		top: 8px;
	}
	.view-cart {
		top: 22px;
	}
}


@media only screen and (max-width: 800px) {
	.header-left {
		width: 60%;
	}
	.header-right, .header-right-bottom {
		position: static;
	}
	.header-right {
		float: none;
		width: 97%;
		margin: 0 0 0 1.5%;
	}
	.header-right-bottom {

	}
	.description-text {
	    float: none;
		padding: 0 0 15px 0;
		margin-right: 0;
	}
	.header-right-bottom-right {
		top: 15px;
		right: 4.5%;
		margin-top: 3.75%;
	}
	.view-cart {
		width: 86px;
		top: 26px;
	}
}

@media only screen and (max-width: 400px) {
	.header-plusone-container {
		display: none;
	}
}



/**************************************************************
   CONTENT: (done)
 **************************************************************/
#main {
//    padding: 0 30px;
    padding: 0 3%;
	clear: both;
}

#container {
//    padding: 0 15px;
    padding: 0 1.5%;
}

#content {

}
#content-index {
}

.post, .page {

}
.post-separator-1 {
    border-bottom: solid 1px black;
    margin-bottom: 15px;
    clear: both;
}
.post-separator-2 {
    border-bottom: solid 2px black;
    margin-bottom: 15px;
    clear: both;
}

.post ul {
    margin-left: 20px;
}

.post-clear {
    clear: both;
}

.post-meta {
//    width: 215px;
    width: 23.5%;
    float: left;
    overflow: visible;
}

.post-title {

}
.post-title h1 {

}

.post-subtitle {

}
.post-subtitle h2 {
    font-weight: normal;
    text-transform: uppercase;
}
.post-social-container {
    width: 100%;
//    height: 26px;
    text-align: right;
    padding: 5px 0;
    margin-bottom: 15px;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    position: relative;
}
.post-social {
    float: left;
}
.post-social .plusone-container, .post-social .twitter-like, .post-social .fb-like-container {
    float: left;
    position: relative;
	margin-right: 3px;
}
.post-social .plusone-container {

}
.post-social .twitter-like {
}
.post-social .fb-like-container {
    width: 60px;
    margin-right: 0;
}

.fb-like {

}
.fb-like-post {
}

.fb_edge_widget_with_comment iframe {
	/* OLD */
//    width:51px !important;  /* REMOVED FOR MOST RECENT FB STYLING, 26/12/2016 */
//    height: 367px !important;
	height: 21px !important;
}
.fb-like iframe, .fb-like-post iframe {
	/* NEW */
//    width:51px !important;  /* REMOVED FOR MOST RECENT FB STYLING, 26/12/2016 */
//    height: 367px !important;
	height: 21px !important;
}
.fb_edge_widget_with_comment .fb_iframe_widget_lift {
	/* OLD */
    width: 450px !important;
    height: 367px !important;
}
.fb-like .fb_iframe_widget_lift, .fb-like-post .fb_iframe_widget_lift {
	/* NEW */
    width: 450px !important;
    height: 367px !important;
}
.fb_iframe_widget span {
//	width: 51px !important;  /* REMOVED FOR MOST RECENT FB STYLING, 26/12/2016 */
}
.fb_iframe_widget ._3-8w {
	color: #ffffff !important;
	background-color: #ffff00 !important;
	display: none !important;
	visibility: hidden !important;
}

@media only screen and (max-width: 1000px) {
	.post-social-container {
		border-top: none;
		border-bottom: none;
		padding-top: 0;
	//	padding-bottom: 15px;
	}
	.post-social {
		float: left;
	}
}

.page .post-content {
    width: 100%;
    text-align: left;

	margin-bottom: 0;
}

.post .post-content {
//    width: 675px;
    width: 74.5%;
    float: right;
    text-align: left;
}

.post .post-content img {
	width: 100%;
}

@media only screen and (max-width: 1000px) {
	.post-meta {
		width: 100%;
		border-bottom: solid 1px black;
		margin-bottom: 15px;
	}
	.post .post-content {
		width: 100%;
	}
}

.video-container {
	width: 100%;

	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom: 15px;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.arrow-left, .arrow-right {
    width: 14px;
}
.arrow-left {
    margin-right: 5px;
}
.arrow-right {
    margin-left: 5px;
}




/**************************************************************
   PAGES: (done)
 **************************************************************/

.left-half {
    width: 49%;
    float: left;
    margin-bottom: 15px;
}
.right-half {
    width: 49%;
    float: right;
    margin-bottom: 15px;
}
@media only screen and (max-width: 800px) {
	.left-half, .right-half {
		width: 100%;
		float: none;
	}
}

.faq-separator {
    border-bottom: solid 1px black;
    margin-bottom: 15px;
}

.faq-list {

}
.faq-list li {
	margin: 0 0 0 30px !important;
}

	




/**************************************************************
   SHOP: (end pages done, [PHP includes done, to do/to modify?])
 **************************************************************/

.shop-index {

}
.shop-item {
	width: 49%;
	float: left;
	margin-bottom: 15px;
}
.shop-item:nth-child(2n) {
	float: right;
}
.shop-item-full-width {
	width: 100%;
}
.shop-item-title {
	border-top: solid 2px black;
	padding: 5px 0 4px;
	border-bottom: solid 1px black;
	margin-bottom: 7.5px;
}
.shop-item-title a {
	text-transform: uppercase;
}
.shop-item-title .shop-item-price {
	float: right;
}
.shop-item-image {
	width: 100%;
}
.shop-item-image img {
	width: 100%;
	display: block;
}

.clothing-index {
	margin-bottom: 15px;
}
.clothing-item {
	width: 23.5%;
    float: left;
    margin: 0 2% 2% 0;
}
.clothing-item:nth-child(4n) {
	margin-right: 0;
}
.clothing-item:last-child {
	margin-bottom: 15px;
}
.clothing-item img {
	width: 100%;
    display: block;
}

@media only screen and (max-width: 800px) {
	.shop-item {
		width: 100%;
	}
	.shop-item-title .shop-item-price {
		float: none;
	}
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
	.clothing-item {
		width: 32%;
	}
	.clothing-item:nth-child(4n) {
		margin-right: 2%;
	}
	.clothing-item:nth-child(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 600px) {
	.clothing-item {
		width: 49%;
	}
	.clothing-item:nth-child(4n) {
		margin-right: 2%;
	}
	.clothing-item:nth-child(2n) {
		margin-right: 0;
	}
}

.shop-end {
	margin-bottom: 15px;
}
.shop-end-left {
    position: relative;
    float: left;
    width: 23.5%;
}
.shop-end-right {
    float: right;
    width: 74.5%;
}
.shop-end-right img {
	width: 100%;
}

@media only screen and (max-width: 900px) {
	.shop-end {
		margin-bottom: 15px;
	}
	.shop-end-left {
		width: 34%;
	}
	.shop-end-right {
		width: 64%;
	}
}
@media only screen and (max-width: 640px) {
	.shop-end-left {
		width: 100%;
		padding-bottom: 15px;
		border-bottom: solid 1px black;
		margin-bottom: 15px;
	}
	
	#shop-end-gift-vouchers .shop-end-left {
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 0;
	}
	#shop-end-gift-vouchers .shop-end-add-to-cart {
		float: left;
		margin-left: 15px;
	}

	.shop-end-right {
		width: 100%;
	}
}

.shop-end-title {
    border-bottom: solid 1px black;
    margin-bottom: 15px;
}
.shop-end-title h1 {

}
.shop-end-description {	
    margin-bottom: 15px;
}
.shop-end-original-price {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.shop-end-original-price-price {
    float: left;
    position: relative;
    margin-right: 15px;
}
.shop-end-original-price-slash {
    position: absolute;
    top: 2px;
    left: -3px;
//    opacity: 0.5;
//    filter: alpha(opacity=50);
}
.shop-end-original-price-discount {
    float: left;
}
.shop-end-price {
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
    border-bottom: solid 1px black;
    margin-bottom: 15px
}
.shop-end-social {
    float: right;
    position: relative;
    bottom: 4px;
}
#shop-end-gift-vouchers .shop-end-social {
	float: left;
}

.shop-end-form {
	padding-bottom: 15px;
	border-bottom: solid 1px black;
	margin-bottom: 15px;
}
.shop-end-size {
    float: left;
    margin-top: 4px;
    width: 82px;
}
.shop-end-size select {
    width: 100%;
}
.shop-end-soldout {
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    margin: 1px 0 0 0;
//    width: 100px;
}
.shop-end-add-to-cart {
    float: right;
    position: relative;
    top: 1px;
}
.shop-end-add-to-cart input, .no-flash-section-item input {
    position: relative;
}
.shop-end-size-chart-link {
    margin: 2px 0 0 0;
}
.shop-end-size-chart-link a {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}

.shop-end-colour-options {
    position: relative;
}
.shop-end-colour-options-label {
    width: 100%;
    margin-bottom: 15px;
}
.shop-end-colour-options-item {
    margin: 3.5%;
    float: left;
    width: 46.5%;
}
@media only screen and (max-width: 640px) {
	.shop-end-colour-options-item {
		margin: 7.5px;
		width: 100px;
	}
}

.shop-end-colour-options-item img {
    display: block;
    width: 100%;
}

.shop-end-colour-options #top-left {
    margin-top: 0;
    margin-left: 0;
}
.shop-end-colour-options #top-right {
    margin-top: 0;
    margin-right: 0;
}
.shop-end-colour-options #left {
    margin-left: 0;
}
.shop-end-colour-options #right {
    margin-right: 0;
}
.shop-end-colour-options #bottom-left {
    margin-bottom: 0;
    margin-left: 0;
}
.shop-end-colour-options #bottom-right {
    margin-bottom: 0;
    margin-right: 0;
}
.shop-end-colour-options #single-row-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.shop-end-colour-options #single-row-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}


.shop-end-thumbnails {
     margin: 15px 0 0 0;
}
.shop-end-thumbnails-item {
    float: left;
    margin: 0 1%;
    padding: 0;
    width: 32%;
}
#shop-end-thumbnails-item-first {
	margin-left: 0;
}
#shop-end-thumbnails-item-last {
	margin-right: 0;
}
.shop-end-thumbnails-item img {
    cursor: pointer;
    width: 100%;
}


/* FLASH/HTML5 TO DO */


.flash-container {
    position: relative;
    margin-bottom: 15px;
}
.flash-container-non-flash-paragraph {
	margin-bottom: 13.5px;
}
.flash-social {
    position: absolute;
    top: 85px;
    left: 76px;
}
.flash-container #handmade-custom-beanies-social {

}
.flash-container #handmade-custom-headbands-social {

}
.flash-container #handmade-custom-neckwarmers-social {

}


/* CART TO DO */



/* HANDMADE GALLERY DONE (now named .handmade-gallery with .clothing-item children).  Old styling:

.handmade-gallery {

}
.handmade-gallery-item {
    float: left;
    margin: 0 7.5px 15px;
}
#handmade-gallery-item-left {
    margin-left: 0;
}
#handmade-gallery-item-right {
    margin-right: 0;
}
 */


/* NO FLASH SECTION TO DO */

no-flash-section {

}
.no-flash-section-item {
    float: left;
    margin: 0 7.5px 15px;
    width: 215px;
}
.no-flash-section-item label, .no-flash-section-item input {
    cursor: pointer;
}
#no-flash-section-item-left {
    margin-left: 0;
}
#no-flash-section-item-right {
   margin-right: 0;
}
.no-flash-section-item img {
    width: 215px;
}
.no-flash-colour-label {
    width: 100px;
    float: left;
}
.no-flash-colour-select {
    width: 100px;
    float: right;
}

.no-flash-colour-table {
    width: 675px;
    clear: both;
    margin-bottom: 15px;
}
.no-flash-colour-table-colour {
    float: left;
    width: 100px;
    margin: 0 7.5px 3px;
}
#no-flash-colour-table-colour-left {
    margin-left: 0;
}
#no-flash-colour-table-colour-right {
    margin-right: 0;
}
#no-flash-colour-table-colour-bottom-left {
    margin-bottom: 0;
    margin-left: 0;
}
#no-flash-colour-table-colour-bottom {
    margin-bottom: 0;
}
#no-flash-colour-table-colour-bottom-right {
    margin-bottom: 0;
    margin-right: 0;
}
.no-flash-colour-table-colour-square {
    width: 18px;
    height: 18px;
    border: solid 1px black;
    float: left;
}
.no-flash-colour-table-colour-label {
    float: left;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

#post-separator-2-below-flash {
    margin-bottom: 15px;
}


	
/**************************************************************
   TEAM: (done)
 **************************************************************/

.team-bio {
    text-transform: none;
}
.team-bio .question {
    font-weight: bold;
}
.team-bio.answer {

}

.team-index {
    border-top: solid 2px black;
}

.team-member {
    width: 49%;
    float: left;
    margin: 0 1% 15px;
    border-top: solid 1px black;
    padding-top: 13px;
}
.team-index #top-left {
    margin-left: 0;
    border-top: none;
}
.team-index #top-right {
    margin-right: 0;
    border-top: none;
}
.team-index #left {
    margin-left: 0;
}
.team-index #right {
    margin-right: 0;
}
@media only screen and (max-width: 600px) {
	.team-member {
		width: 100%;
		float: none;
		margin: 0 0 15px;
		padding-top: 13px;
	}
	.team-index #top-right {
	    border-top: solid 1px black;
	}
}

.team-member-name {
    float: left;
    margin-bottom: 3px;
	font-weight: bold;
}
.team-member-location {
    float: right;
    text-align: right;
    margin-bottom: 3px;
}
.team-member-photo {
    clear: both;
}
.team-member-photo img {
	width: 100%;
}





/**************************************************************
   CONTACT: (done)
 **************************************************************/

.contact-header {
    display: none;
    padding-bottom: 12px;
    border-bottom: solid 1px black;
}

.contact-section {
    margin-bottom: 15px;
}
.contact-section h1, .contact-section p {
    margin-bottom: 5px;
}

.contact-email-table {
}
.contact-email-table-department {
}
.contact-email-table-address {
    padding-left: 10px;
}

@media only screen and (max-width: 800px) {
	#contact-section-phone {
		padding-bottom: 15px;
		border-bottom: solid 1px black;
	}
}


#fsc-submit {
    width: 100px;
    height: 25px;
    background: url('../../images/submit-button.gif') no-repeat top left;
//    text-indent: -1000em;
    border: 0;
}





/**************************************************************
   ABOUT: (done)
 **************************************************************/

.about-container {
    position: relative;
    margin-bottom: 15px;
}

.about-left{
	width: 49%;
    float: left;
}

.about-text {
	width: 100%;
}

.about-photo-left {
    width: 49%;
    position: absolute;
    bottom: 0;
}
.about-photo-left img {
	width: 100%;
}

.about-right{
	width: 49%;
    float: right;
}

.about-photo-right {
    width: 100%;
}
.about-photo-right img {
    width: 100%;
}

@media only screen and (max-width: 1000px) {
	.about-left, .about-right {
		width: 100%;
		float: none;
	}
	.about-photo-left {
		width: 100%;
		position: relative;
		margin-bottom: 15px;
	}
}




/**************************************************************
   SIZING: (done)
 **************************************************************/

.sizing-section {
    position: relative;
    border-top: solid 1px black;
    padding-top: 15px;
    margin-bottom: 15px;
}
.sizing-section-new {
    border-top: solid 2px black;
}

.sizing-section-title {

}

.sizing-section-image {
    float: left;
    width: 48%;
    margin: 15px 0 15px 0;
}
.sizing-section-image img {
	width: 100%;
}

.sizing-section-chart {
    width: 48%;
    float: right;
    margin: 30px 0 15px 0;
}

.sizing-section-chart p {
    margin-bottom: 5px;
}

.sizing-section-chart ul {
    margin-left: 20px;
}

.sizing-section-chart-table {
    width: 100%;
    margin-bottom: 15px;
}
#sizing-section-chart-table-bottom {
//    margin-top: 15px;
}
.sizing-section-chart-table tr {

}
.sizing-section-chart-table td {
    width: 33%;
    border: solid 1px black;
    padding: 2.5px;
    text-align: center;
}
.sizing-section-chart-table .heading {
    font-weight: bold;
}
.sizing-section-chart-table .size {
    font-weight: bold;
    text-align: left;
}

.sizing-section-chart-note {
//    font-size: 11px;
//    text-align: right;
}

@media only screen and (max-width: 640px) {
	.sizing-section-image, .sizing-section-chart {
		width: 100%;
		float: none;
	}
	.sizing-section-chart {
	    margin: 15px 0 15px 0;
	}
	.sizing-section-image {
	    margin: 15px 0 30px 0;
	}
}




/**************************************************************
   SITEMAP: (done)
 **************************************************************/

.sitemap ul {
    margin-left: 13px;
    list-style-type: disc;
}
ul ul {
    list-style-type: circle;
}
ul ul ul {
    list-style-type: disc;
}
ul ul ul ul {
    list-style-type: circle;
}

ul li {
    margin-bottom: 7.5px;
}

.children li {
    margin-bottom: 0;
}




/**************************************************************
   BRANDED BEANIES: (done)
 **************************************************************/

.branded-beanies-options {
   margin-left: 30px;
}
.branded-beanies-options li {

}

.branded-beanie-batches-photos {

}
.branded-beanie-batches-photo {
	float: left;
	width: 49%;
    margin-bottom: 2%;
}
.branded-beanie-batches-photo:nth-child(2n) {
	float: right;
}
.branded-beanie-batches-photo:last-child {
	margin-bottom: 15px;
}

.branded-beanie-batches-photos img {
    border-top-left-radius: 25%;
    border-bottom-right-radius: 25%;
    width: 100%;
}


/**************************************************************
   POST NAVIGATION:
 **************************************************************/

.navigation {
    margin-bottom: 6px;
    position: relative;
}
.single .navigation {
	margin-bottom: 15px;
}
.navigation .back-link {
	float: left;
	margin-bottom: 9px;
}

.navigation .currency-menu {
	float: right;
}
.page-id-718 .navigation .currency-menu {
	/* Hide currency menu on cart page */
	visibility: hidden;
}
.navigation .currency-menu .currency-menu-label {
	float: left;
	font-weight: bold;
//	text-transform: uppercase;
}
.navigation .currency-menu .currency-menu-item {
    float: left;
    position: relative;
    top: -5px;
	text-align: center;
	margin-left: 5px;
	border: solid 2px #999999;

	display: block;
	padding: 3px 8px 2px;
	color: #999999;
}
.navigation .currency-menu .currency-menu-item-active {

}
.navigation .currency-menu .currency-menu-item-active, .navigation .currency-menu .currency-menu-item-active a, .navigation .currency-menu .currency-menu-item:hover, .navigation .currency-menu .currency-menu-item:hover a {
///	color: inherit;
///	border-color: inherit;
}
.navigation .currency-menu .currency-menu-item-active, .navigation .currency-menu .currency-menu-item:hover {
	color: inherit;
	border-color: inherit;
}

.cart-navigation, .cart-navigation .back-link {
    margin-bottom: 0;
}


.nav-previous {
float: left;
}

.nav-next {
float: right;
}


.post-separator-promo {
	margin-top: 15px;
}

.promomessage {
	background-color: yellow;
	padding: 7px 15px;
	margin-bottom: 15px;
	border: solid 1px black;
	text-transform: uppercase;
	font-weight: bold;
}

.promomessage, .post-separator-promo {
//	display: none;
}

.promomessage1 {
	margin-bottom: 5px;
}

.promomessage2 {

}





/**************************************************************
   FOOTER: (done)
 **************************************************************/

#footer {
    padding: 0 3% 15px;
    clear: both;
}
.footer-nav {
    margin: 0 1.5% 15px;
}
.footer-nav-item {
    border-top: solid 1px black;
    border-bottom: solid 2px black;
    width: 23.5%;	
    margin: 0 1%;
    padding: 5px 0;
    text-align: left;
    float: left;
}
.footer-nav-item a {
    font-weight: normal;
    text-transform: uppercase;
}

#first-footer-nav-item {
    margin-left: 0;
}
#last-footer-nav-item {
    margin-right: 0;
//    float: right;
}

@media only screen and (max-width: 800px) {
	.footer-nav {
		border-top: solid 2px black;
		padding: 10px 0;
		border-bottom: solid 1px black;
	}
	.footer-nav-item {
		border: none;
		width: auto;	
		margin: 0;
		padding: 3px 0;
		float: none;
	}
}


.footer-info {
	margin: 0 1.5%;
}
.footer-info-item {
    font-size: 12px;
}
.footer-info-item a {
    font-weight: normal;
}
#footer-info-left {
    float: left;
}
#footer-info-right {
    float: right;
    text-align: right;
}



/**************************************************************
   SLIDER: (done)
 **************************************************************/

#slider-placeholder {
	width: 100%;
	visibility: hidden;
}

#slider {
    position: relative;
    margin-top: -35.9%;
    margin-bottom: 15px;
    width: 100%;
    height: 35.9%;		/* For 905x325 original images (width*325/905) [LC] */
    overflow: hidden;
    
	-webkit-border-top-left-radius: 11% 31%;
	-webkit-border-bottom-right-radius: 11% 31%;
	-moz-border-radius-topleft: 11% 31%;
	-moz-border-radius-bottomright: 11% 31%;
	border-top-left-radius: 11% 31%;
	border-bottom-right-radius: 11% 31%;
}

@media only screen and (max-width: 800px) {
	#slider, #slider-placeholder {
		display: none;
	}
	.home .header-bottom {
		display: none;
	}
}

.slider-corner-top-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    
    display: none;
}
.slider-corner-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    
    display: none;
}

#slider img {
//    max-width: 905px;
//    max-width: 100%;
    width: 100%;
    float: left;
    
//    visibility: hidden;
}
#slider ul {
    position: absolute;
    top: 0;
    width: 700%;		/* For 6 slider items (first image is repeated at the end) [LC] */
}

#slider li { 
    /* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
    */ 
    list-style:none;
//    width: 905px;
    width: 14.285%;		/* For 6 slider items (100/7 because first image is repeated at the end) [LC] */
    height: 5.13%;		/* For 905x325 original images (width*325/905) [LC] */
    overflow: hidden; 
}





/**************************************************************
   LIGHTBOX (added) (done OK)
 **************************************************************/

#stimuli_imageData a#stimuli_bottomNavClose {
    position: relative;   
    z-index: 1000;
}

#stimuli_imageDataContainer {

}

#stimuli_imageData {

}

#stimuli_imageDetails {
    position: relative;
    top: 1px;
display: inline;
}

#stimuli_caption {
//    float: left;
//    position: absolute;
//    top: 0;
//    left: 80px;
    color: white;
//    font-weight: normal;
}

#stimuli_numberDisplay {
//    float: left;
//    position: absolute;
//    top: 0;
//    left: 0;
//    height: 8px;
    color: white;
//    font-weight: bold;
}





/**************************************************************
    POSTS: (done)
 **************************************************************/

.ski-movie {
    clear: both;
    margin-top: 15px;
    border-top: solid 1px black;
    padding-top: 15px;
}

.ski-movie-image {
	width: 30%;
    float: left;
}
.ski-movie-image img {
	width: 100%;
}

.ski-movie-text {
    float: right;
    width: 67%;
}

.ski-movie-title {
    font-weight: bold;
    margin-bottom: 12px;
}

.ski-movie-comments {
}

.ski-movie:last-child .ski-movie-comments, .ski-movie:last-child .ski-movie-image img {
	margin-bottom: 15px;
}


	


/**************************************************************
   GALLERY? (done)
 **************************************************************/
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto 15px;
	width: 100%;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	text-align: center;
	list-style: none;
	}
.gallery-columns-3 .gallery-item {
	width: 32%;
	margin: 15px 1% 0;
}

.gallery-columns-3 #g0, .gallery-columns-3 #g3, .gallery-columns-3 #g6, .gallery-columns-3 #g9 {
	margin-left: 0;
}
.gallery-columns-3 #g2, .gallery-columns-3 #g5, .gallery-columns-3 #g8, .gallery-columns-3 #g11 {
	margin-right: 0;
}
.gallery-columns-3 #g0, .gallery-columns-3 #g1, .gallery-columns-3 #g2 {
	margin-top: 0;
}

@media only screen and (max-width: 600px) {
	.gallery-columns-3 .gallery-item {
		width: 100%;
		margin: 15px 0 0 !important;
	}
	.gallery-columns-3 #g0 {
		margin-top: 0 !important;
	}
}


.gallery .gallery-icon {

}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	margin: 0;
	border: none !important;
	display: block;
}

.gallery-columns-4 {
    margin-bottom: 15px;
}
.gallery-columns-4 #g0, .gallery-columns-4 #g4, .gallery-columns-4 #g8, .gallery-columns-4 #g12, .gallery-columns-4 #g16, .gallery-columns-4 #g20, .gallery-columns-4 #g24, .gallery-columns-4 #g28, .gallery-columns-4 #g32, .gallery-columns-4 #g36 {
	margin-left: 0;
}
.gallery-columns-4 #g3, .gallery-columns-4 #g7, .gallery-columns-4 #g11, .gallery-columns-4 #g15, .gallery-columns-4 #g19, .gallery-columns-4 #g23, .gallery-columns-4 #g27, .gallery-columns-4 #g31, .gallery-columns-4 #g35, .gallery-columns-4 #g39 {
	margin-right: 0;
}
.gallery-columns-4 #g0, .gallery-columns-4 #g1, .gallery-columns-4 #g2, .gallery-columns-4 #g3 {
	margin-top: 0;
}

.gallery-caption {
	margin-left: 0;
}
.wp-caption-text,
.gallery-caption {
//    color:#666;
 //   font-size:13px;
  //  line-height:18px;
}

/* -------------------------------------------------------------- 
   Default styles for Images
-------------------------------------------------------------- */   

.post-content img {
    height: auto;
    max-width: 100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	border:1px solid #ccc;
	text-align: center;
	margin-bottom:15px;
	padding:9px 5px 0;
}
.wp-caption img {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:18px 5px;
}

.gallery img {
//    width: 215px;
}
.gallery-caption {
//	padding:6px 6px 0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
		max-height:12px;
	margin:0 !important;
}



/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container,
.attachment-png #container {
    width:100%;
}
.attachment-jpeg #content,
.attachment-png #content {
    width:100%;
}
.attachment-jpeg #comments,
.attachment-png #comments {
    width:540px;
    overflow:hidden;
}
.attachment-jpeg .main-aside,
.attachment-png .main-aside {
    display:none;    
}




/**************************************************************
   NEW HANDMADE BEANIE DESIGNER
 **************************************************************/


.beanie-designer-container {
//		width: 50%;
	margin: auto;
	padding-left: 315px;
}

.beanie-designer-left {
	float: left;
	width: 295px;
	margin-left: -315px;
}
.handmade-description {
	padding-bottom: 15px;
	border-bottom: solid 1px #000000;
	margin-bottom: 15px;
}
.handmade-description p {
	margin: 0 0 5px 0;
}
.handmade-social {
	margin-top: 10px;
}
.handmade-social .post-social {
//	float: right;
}

.beanie-designer-right {
	float: right;
	width: 100%;
}
#beanie-container-container {
	border: solid 2px black;
	padding: 1.5%;
}
.headband-designer-container #beanie-container-container {
	padding: 1.5% 9%;
}

#beanie-container {
///		float: right;
///		width: 100%;
///		height: auto;
	position: relative;
///		background-size: 100%;
///		background-repeat: no-repeat;
	overflow: hidden;
}
.beanie-designer-instructions {
	margin: 15px 0 15px 0;
}
.beanie-designer-instructions p {
	margin-bottom: 10px;
}
.beanie-designer-instructions ul {
	margin: 0 0 0 15px;
}
.beanie-designer-instructions ul li ul li {
	margin-bottom: 0;
}	
	
@media screen and (max-width: 800px) {
	.beanie-designer-container {
		width: 100%;
		margin: 0;
		padding-left: 0;
	}
	.beanie-designer-left {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	.beanie-designer-right {
		float: none;
	}
}

.placeholder {
	visibility: hidden;
	width: 100%;
	height: auto;
}

#loading-container {
	width: 100%;
	height: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
}
#loading-container img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}

.overlay {
	width: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
			
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	transition: all 250ms linear;  		
}
#overlay-loose-pompom {
	opacity: 1;
	filter: alpha(opacity=100);
}

.beanie {
	height: 100%;
	width: 100%;
	
	mix-blend-mode: multiply;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	
///		display: none;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	transition: all 250ms linear;  		
}
#beanie-loose {
///		display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}

.beanie-row {
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	transition: all 250ms linear;  		
}
.beanie-row-visor {
	opacity: 0;
	filter: alpha(opacity=0);
}

.label {
	width: 100%;
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;

///		visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	transition: all 250ms linear;  		
}
#label-loose {
///		visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}

.form-section {
	margin-bottom: 5px;
	
	width: 100%;
}
.form-section-title {
	clear: both;

	display: block;
	margin: 0 0 2px 0;
	font-weight: bold;
}
	
.form-material input,
.form-style input,
.form-pattern input,
.form-pompom input,
.form-extras input,
.form-size input {
	display: none;
}

.form-label {
	border: solid 1px #000000;
	padding: 3px 0 2px;
	border-radius: 4px;
	background-color: transparent;
	cursor: pointer;
	
	margin: 0 2% 4px -2px;
	
	float: left;
	display: block;
	
	text-align: center;

	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;  		
}
.form-label:hover {
//		background-color: #ffff88 !important;
}
.label-material, .label-extras {
	width: 49%;
}
.label-style, .label-size {
	width: 	23.5%;
}
.label-pattern, .label-pompom, #headband-form .label-style {
	width: 32%;
}
#label-material-premium,
#label-style-earflaps, #label-style-extra-tall,
#label-pattern-wide-stripes, #label-pattern-double-trim, #label-pattern-three-stripe,
#label-pompom-mixed,
#label-extras-stash-pocket,
#label-size-xl {
	margin-right: 0;
}
#colour-menu-beanie-standard-c, #colour-menu-beanie-premium-c {
	margin-right: 0;
}

.colour-menu {
	width: 32%;
	display: block;
	float: left;
	position: relative;
	
	border: solid 1px #000000;
	border-radius: 3px;
	
	padding: 3px 0 3px;
	margin: 0 2% 0 -2px;

	-webkit-transition: background-color 250ms linear;
	-moz-transition: background-color 250ms linear;
	-o-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;  		
}
.colour-menu-colour-name {
	width: 90%;
	
	color: #ffffff;	
	text-align: center;

	cursor: pointer;
}
.colour-menu-arrow {
	width: 12%;
	position: absolute;
	top: 3px;
	right: 3%;
	
	color: #ffffff;
	text-align: center;

	cursor: pointer;
}
.colour-menu-palette-container {
	width: 204px;
	height: 204px;
	
	position: absolute;
	top: 22px;
	left: -8px;
	
	overflow: hidden;
	visibility: hidden;
}
.colour-menu-palette {
	background-color: #aaaaaa;
	border: solid 2px #000000;
	border-radius: 4px;

	width: 192px;
	padding: 4px 4px 4px;
	
	position: absolute;
///		top: 22px;
///		left: -8px;
//		top: 0;
//		left: 0;
	top: -204px;
	left: 0;
	
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	transition: all 250ms linear;
	
	z-index: 10000;
}
#colour-menu-beanie-standard-b .colour-menu-palette-container,
#colour-menu-beanie-premium-b .colour-menu-palette-container,
#colour-menu-pompom-standard-b .colour-menu-palette-container,
#colour-menu-pompom-premium-b .colour-menu-palette-container {
	left: -55px;
}
#colour-menu-beanie-standard-c .colour-menu-palette-container,
#colour-menu-beanie-premium-c .colour-menu-palette-container,
#colour-menu-pompom-standard-c .colour-menu-palette-container,
#colour-menu-pompom-premium-c .colour-menu-palette-container {
	left: auto;
	right: -8px;
}
.colour-menu-item {
	width: 30px;
	height: 30px;

	position: relative;
	float: left;

	border: solid 1px #aaaaaa;
	
	cursor: pointer;
}
.colour-menu-item-inner {
	width: 28px;
	height: 28px;
	border: solid 1px #000000;
}
.colour-menu-item, 	.colour-menu-item-inner {
	-webkit-transition: border-color 250ms linear;
	-moz-transition: border-color 250ms linear;
	-o-transition: border-color 250ms linear;
	-ms-transition: border-color 250ms linear;
	transition: border-color 250ms linear;  		
}	
.colour-menu-item:hover {
	border-color: #000000;
}
.colour-menu-item:hover .colour-menu-item-inner {
	border-color: transparent;
}

#colour-menu-beanie-standard-c,
.colour-menu-beanie-premium,
#colour-menu-pompom-standard-b,
.colour-menu-pompom-premium {
	display: none;
}
#label-extras-stash-pocket {
	color: #aaaaaa;
	border-color: #aaaaaa;
}
	
.price-buy-section {
	border-top: solid 1px #000000;
	border-left: none;
	border-right: none;
	
	margin: 11px 0 0px;
}
#price-display {
	float: left;
	
	margin-top: 11px;
	
	font-weight: bold;
	font-size: 13px;
}
#price-display div {
	padding: 1px 0 0;
}
#price-display-old-price {
	float: left;

	margin-right: 8px;

	background-image: url('http://www.boax.co.uk/wp-content/images/diagonal-line-4.gif');
	background-size: 100% 100%;
	background-repeat:no-repeat;
}
#price-display-price {
	float: left;
}
#price-display-sale-percentage {
	float: left;
	
	text-transform: uppercase;
	
	margin-left: 6px;
}
#buy-now-button {
	float: right;
	margin: 7px 0;
	position: relative;
}

.beanie-buttons {
	width: 100%;
	position: relative;
}
#randomise-button, #share-button-container {
//	position: absolute;
//	border: solid 2px black;
//	border-top: none;
}
#randomise-button, #share-button {
	text-transform: uppercase;
	font-weight: bold;
	
	color: #ffffff;
	background-color: #000000;
//		width: 150px;
	height: 25px;
	padding: 10px 15px 0;
	
//	border: solid 2px #000000;
//	border-radius: 4px;
	
	cursor: pointer;
	
//	z-index: 10000;
}
@media only screen and (max-width: 880px) {
	#randomise-button, #share-button {
		font-size: 11px;
		padding: 10px 11px 0;
	}
}
#randomise-button {
//	bottom: 80px;
//	right: 30px;
	float: left;
}
#share-button-container {
//	bottom: 30px;
//	right: 30px;
	float: right;
	position: relative;
}
#share-button {
	position: relative;
}
#share-box-container {
///	width: 100%;
	width: 274px;
	height: 110px;
	position: absolute;
	top: -112px;
	right: 0px;
	overflow: hidden;
	visibility: hidden;
//	border-right: solid 2px #000000;
}
#share-box {
	width: 270px;
	
	position: absolute;
	bottom: -75px;
	right: 0;
	z-index: 10001;
	
	text-align: left;
	border: solid 2px black;
	border-bottom: none;
	
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-ms-transition: all 250ms;
	transition: all 250ms;
	
	cursor: default;
	
	background-color: rgba(255, 255, 255, 0.85);
}
#share-box-close {		
	background-color: #000000;
	color: #ffffff;
	
	font-size: 22px;
	line-height: 1;
	padding: 0px 8px 2px;
	text-align: center;
	
	vertical-align: top;
			
	position: absolute;
	top: 3px;
	right: 6px;

	cursor: pointer;
	
	display: none;
}
.share-box-section {
	margin: 10px 0 0 10px;
}
.share-box-section-title {
	float: left;
	display: inline-block;
	width: 66px;
	text-align: right;
	margin-right: 7px;
}
#share-box-link {
	margin-top: 14px;
}
#share-box-link-link {
	float: left;
	display: inline-block;
}
#share-box-url {
	margin-bottom: 10px;
}
#share-box-url-title {
}
#share-box-url-url {
	float: left;
	display: inline-block;
	margin-top: -4px;
	width: 165px;
}
#share-box-social {
	margin-top: 10px;
}
#share-box-social-title {
	margin-bottom: 10px;
}
.fb-share-button, .twitter-share-button-container {
	float: left;
	margin: -2px 7px 10px 0;
}
.fb-share-button, .fb-share-button iframe {
	width: 56px !important;
	height: 20px !important;
}
.fb-share-button {
}
.twitter-share-button-container {
	position: relative;
//		border: solid 1px black;
	width: 61px !important;
	height: 20px !important;
}
.twitter-share-button {
	width: 61px !important;
	height: 20px !important;
	
//		visibility: visible !important;
//		display: inline-block !important;
//		position: relative !important;
	
//		top: 0 !important;
//		left: 0 !important;
	
	z-index: 10002 !important;
}

@media only screen and (max-width: 460px) {
	#randomise-button, #share-button-container {
		float: none;
		margin-top: 5px;
		text-align: center;
	}
	#share-box-container {
		top: -110px;
	}
}