@charset "utf-8";
/* CSS Document */

/*<link href="../css/srcy_merchandise.css" rel="stylesheet" type="text/css" />*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
.clearfix {
  overflow: visible;
  zoom: 1;
}
/*.clearfix:after {
content: "";
display: table;
clear: both;
}*/
.loginheader {
	margin:2.0em 0 0.8em 0;
}
.orderheader {
	margin:0 0 0.8em 0;
}
a.additem:visited, a.additem:link, .submitbtn:visited {
    color: #FFFFFF;
    text-decoration: none;
}
a.additem, .submitbtn input[type=submit], .submitbtn, .submitbtn a, p.submitbtn{
	margin: 0px 0px 0px 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	-moz-border-radius:  0px;
	-webkit-border-radius:  0px;
	border-radius:  		0px;
	background: #990067;
	/*background: 		#cc6699;*/
	text-decoration: 	none;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 			1.1em;
	color: 				#FFFFFF !important;
	border: 			none;
	position: 			relative;
	cursor: 			pointer;
	/*width: 				auto;*/ /*Automatically defaults to button size - turn off for full width*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-ms-border-radius: 	7px;
	border-radius: 		7px;
	-moz-box-shadow: 	0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	-ms-box-shadow: 	0 1px 3px #999;
	box-shadow: 		0 1px 3px #999;
	/*	text-shadow: 		0 -1px 1px #fff;*/
	-webkit-transition: all 0.2s linear;
}
a.additem:hover, .submitbtn input[type=submit]:hover, .submitbtn:hover{
background-color: #ff99cc;
text-decoration: none;
}
a.additem:active, .submitbtn input[type=submit]:active, .submitbtn:active{
text-decoration: none;
}
/*Index page styles*/
.firstp {
	font-weight:bold; color:#990067; margin-top:20px;
}
.shirt {
	float:left;
	padding-right:20px;
	width:30%;
}
.shirt h2 {
	min-height:40px;
}
.shirt figcaption {
	font-style:normal;
	margin-bottom:10px;
}
.shirt_logo {
	margin-top:20px;
	margin-right:20px;
	margin-bottom:20px;
}
.shirt_logo img {
	font-weight:bold;
	margin-top:20px;
	border:#000000 solid 1px;
	margin:5px 10px 5px 0px;
}
.clear .shirt figure a img, .cat_row .cat_column a img {
	border:none
}
.clear .shirt figure a img:hover, .cat_row .cat_column a img:hover {
	border:#990067 2px solid
}
/*categories page*/
.cat_table {
	display: table;
}
.cat_row {
	margin: 0 0 20px 0;
}
.cat_column {
	display: table-cell;
	vertical-align: top;
}
.cat_column h2 {
	margin: 0 0 0;
}
.cat_column h4 {
	clear:both;
}
.cat_column img {
	margin: 0 20px 0 0;
}
.cat_column ul, #prod_description ul {
    font-weight: bold;
    list-style-position: outside;
    list-style-type: disc !important;
    margin: 0 0 10px 20px;
}
.cat_colour_bar div {
	float: left;
	height: 20px;
	width: 20px;
}
.cat_colour_bar {
	float:left;
}
.cat_sizes {
	clear:both;
}
.cat_colour_bar, .cat_sizes {
	margin: 0px 0px 10px 0px;
}
.cat_colour_bar {
	border:#000 solid 1px;
}
.cat_price {
	clear:both;
	font-weight:bold;
}
.cat_price_img {
	clear:both;
	margin: 0px 0px 20px 0px;
}
/*Products page*/
.colour {
	width:50%;
	color:white;
}
div.relative {
	position: relative;
	/*min-height: 580px;*/
}
/*div.relative{position:fixed;
top:0px; 
left:0px; 
bottom:0px; 
right:0px;
}*/
/*#prod_description {
	left: 250px;
	top: 0;
	position: absolute;
	right: 0;
	display:block;
}*/
#prod_description {
float:right;
max-width:450px;
}
#prod_image, #prod_attributes {
	width:232px;
	float:left;
}
/*Start #table_shopping*/	
  
#table_shopping caption {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin: 10px 0 3px;
	padding: 2px 0 0;
}
#table_shopping {
	background-color:transparent;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	
}
/*#table_shopping th, #table_shopping td {
	text-align:left;border:2px solid white;padding:5px; vertical-align:top;
	}*/
#table_shopping td, #table_shopping th {
	border: 1px dotted #03476F;
	padding: 0.2em 0.6em 0.2em 0.2em;
	text-align:left;
	vertical-align:top
}
#table_shopping a:hover {
	color:#FFF
}
#table_shopping th, #table_shopping tfoot tr, #table_shopping tfoot tr:hover td {
	background-color:#00338d;
	color:#FFF;
	border:1px solid #00338d;
}
#table_shopping tr {
	background-color:#e7e8ee;
}
#table_shopping #oddrow {
	background-color:#cbcddb
}
/*#table_shopping tr:hover td, #table_shopping a:hover {
	background:#FF9BCD;
	color: #FFFFFF;
	text-decoration:none;
}
#table_shopping tr:hover td#oddrowf {
	background: #639;
	color: #00F;
}*/
#table_shopping tr #month {
	color: #000;
	background: #FFF;
	font-weight:bold;
}
#table_shopping tr th#borderw {
	border-right:#FFF solid 1px;
}
#table_shopping td a {
	color: #339;
}
/*horizontal table*/
#table_size_h {
	width:100%;
}
#table_size_h caption {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin: 0 0 3px;
	padding: 2px 0 0;
}
#table_size_h th {
	white-space: nowrap;
}
/*End #table_shopping*/
/*Add to basket/ email order form*/
.table {
	display: table;
}
.row {
	display: table-row;
}
.column {
	display: table-cell;
	vertical-align: top;
}
.addtobasket .submit {
	margin: 0 0 10px 0;
}
.addtobasket select {
	margin-right:10px;
}
.addtobasket label {
	position:	relative;
	clear:  	both;
	display: 	block;
	/*font-family: "Open Sans", sans-serif;*/
	font-weight: bold;
	font-size: 			0.875em;
	margin-right:10px;
}
.addtobasket input[type=submit], form#address input[type=submit], form#payment_type input[type=submit], form#address input[type=reset] {
	margin: 0px 0px 0px 0px;
	-moz-border-radius:  0px;
	-webkit-border-radius:  0px;
	border-radius:  		0px;
	background: #990067;
	/*background: 		#cc6699;*/
	text-decoration: 	none;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 			1.1em;
	color: 				#FFFFFF;
	border: 			none;
	position: 			relative;
	cursor: 			pointer;
	/*width: 				auto;*/ /*Automatically defaults to button size - turn off for full width*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 	5px;
	border-radius: 		5px;
	-moz-box-shadow: 	0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	-ms-box-shadow: 	0 1px 3px #999;
	box-shadow: 		0 1px 3px #999;
	/*	text-shadow: 		0 -1px 1px #fff;*/
	-webkit-transition: all 0.2s linear;
}
.addtobasket input[type=submit]:hover, form#address input[type=submit]:hover, form#payment_type input[type=submit]:hover {
	background-color: 	#ff99cc;/*-webkit-transform:	scale(1.1); 
		-moz-box-shadow: 	0 1px 6px #000; 
		-webkit-box-shadow: 0 1px 6px #000; 
		box-shadow: 		0 1px 6px #000; */
}
p a[href^="mailto:"] {
margin-top:40px;
}
/*Show shopping basket page showcart.php*/
*html table { /*fix for ie 6*/
	margin:0px 0px 0px 0px;
}
table#merchandise {
	margin:0px 0px 10px 0px;
	border-collapse:collapse;
	border-spacing:0;
	background-color: #e7e8ee; /*needed for i.e. 8*/
}
#merchandise caption {
	font-size: .8125em;
	font-weight: bold;
	margin-bottom: .5em;
	text-align:left;
}
#merchandise thead tr {border:#00338d solid 1px;}
#merchandise th, #merchandise td {
	font-size: 1em;
	text-align:left;
	vertical-align:top;
}
#merchandise th+th, #merchandise td+td {
	padding: 0.2em;;
}
#merchandise th[scope=col] { /*[scope=col] ignored by i.e.*/
	background-color:#00338d;
	color:#FFF;
}
/*selecting only those th elements that are preceded by another th element - in other words, all header cells except the first one or use first-child see below*/
/*#merchandise th+th[scope=col] {
	border-left:#FFF solid 1px;
}*/
/*th[scope=col]:first-child {
border-left: none;
}*/

/*i.e doesn't support the [] selector so use class .borderw to apply to the elements instead*/
.borderw {
	border-right:#FFF solid 1px;
}
/*#merchandise tr:hover td
{
  background-color: #990067;
  color: #fff;
}*/
#merchandise tbody td {
	border: 1px dotted #03476F;
}
/*tbody tr {background: #e7e8ee}*/
/*Striped rows*/
/*Use id odd row*/
*#merchandise .oddrow { /*for i.e 8*/
	background-color:#cbcddb}
#merchandise tbody tr:nth-child(even) {background: #cbcddb }
#merchandise tbody tr:nth-child(odd), table#merchandise tbody tr {background-color: #e7e8ee }
/*End Striped rows*/
table#merchandise tbody tr td img {
	display: block; /*to remove space below the image in a table, check that  vertical-align:bottom has not been set*/
}
#merchandise tfoot { 
font-weight:bold;
background-color: #990067;
color: #fff;
border:#990067 solid 1px;
}
/*#merchandise tr:hover td {
  background-color: #990067;
  color: #fff;
}*/
/*Delete item button*/
.delete {
	background:#F00;
	background: rgb(255,48,25);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,48,25,1)), color-stop(100%, rgba(207,4,4,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=1 );
	-moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	border-radius: 2.5em;
	color:#FFF !important;
	text-decoration:none;
	height: 1.1em;
	width: 1.1em;
	display: block;
	position: relative;/*top: 19px;*/
}
.delete::after {
	content: "\2716";
	position: relative;
	right: 0.14em;
	top: -0.15em;
	font-size: 1.1em;
	font-weight:normal;
}
.delete a {
	color:#FFF;
}
.delete:hover {
background: #FF7979;
text-decoration:none;
}
/*Address form*/
form#address {
	width:340px;
	margin: 0 0 20px 0;
}
.addre {
	float: right;
	margin: 0px 0px 10px;
	clear: both;
}
.addre input { 
	width:200px

}
.addre select { 
	width: 126px; margin: 0px 80px 0px 0px;
}
.addre #Postcode { 
	width:100px; 
	margin-right: 100px;
}
form#address fieldset {
	margin: 0 0 10px 0;
}
/*Payment type form styles*/
#payment_type legend {
	font-weight: bold;
	font-size: 	1.205em;
	color:#990067;
}
#payment_type p {
	margin-bottom:0.500em
}
#payment_type fieldset {
	border:#990067 1px solid;
	margin-top: 0.712em;
	padding: 0 1.005em 1.005em 1.205em;
}
form#payment_type {
	margin-bottom:1.205em;
}
/*Payment type form styles End*/
/*Payment type contact details*/
.accentuate {
	color:#990067;
	margin:0 0 0.8em 0;
}
.supplier_margin {
	margin-top:0.8em;
}
#supplier_contact {
	margin:0.8em 0 0.5em 0;
}
#supplier_contact div {
	float:left;
	margin: 0 0.8em 0.5em 0;
}
/*END Payment type contact details*/
@media print {
.shirt h2 {
	font-size:12pt;
}
.shirt figure {
	margin-left:0px;
}
.shirt_logo {
	color: #000000;
}
.order {
	page-break-before: always;
	}
#payment_type fieldset {
	border: #000 1px solid;
}
#payment_type legend {
	color:#000;
}
.addtobasket input[type=submit], form#address input[type=submit], form#payment_type input[type=submit] {
	background: none;
	border: #000 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 	5px;
	border-radius: 		5px;
	-moz-box-shadow: 	none;
	-webkit-box-shadow: none;
	-ms-box-shadow: 	none;
	box-shadow: none;
}
}
@media screen and (max-width: 800px) {
#prod_description {
float:right;
max-width:350px;
}
}
@media screen and (max-width: 768px) {
#prod_description {
float:right;
max-width:330px;
}
#shop {
display:none;
}
}
@media screen and (min-width: 641px) {
input[type="radio"] {
	margin-top: 4px;
	margin-right:6px;
}
.radios label {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	vertical-align: top;
	width: auto;
	top:3px;
	position:absolute; /*To .rows position:relative*/
	cursor: pointer;
}
.rows {
	margin: 0.5em 0;
	position:relative;
}

}
@media screen and (max-width: 640px) {
.shirt_logo {
    margin-top: 0.5em !important;
}
form#merchandiselogin {
	background: #990066;
	padding: 	10px;
	margin: 	0 0 0.8em 0;
	color: 		#fff;
	/*position:	relative;*/
	overflow: 	hidden;
	-moz-border-radius:  	4px;
	-webkit-border-radius:  4px;
	border-radius: 			4px;
	-moz-box-shadow:	0px 0px 5px #990066;
	-webkit-box-shadow:	0px 0px 5px #990066;
	-ms-box-shadow:	0px 0px 5px #990066;
	box-shadow:	0px 0px 5px #990066;
	width:280px; 
}
form#merchandiselogin label {
	position:	relative;
	clear:  	both;
	display: 	block;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 			1.0em;
}
form#merchandiselogin input {
	width:100%;
	clear:  	both;
	display: 	block;
	box-sizing: border-box;
	margin: 0px 0px 10px 0px;
	padding: 			3px;
	/*height: 20px;*/ 
}
form#merchandiselogin input:focus {
	border: 			2px solid #F6F;
	-webkit-box-shadow:	none;
	-moz-box-shadow: 	none;
	box-shadow: 		none;
}
form#merchandiselogin input[type=submit] {
	margin: 0px 0px 0px 0px;
	-moz-border-radius:  0px;
	-webkit-border-radius:  0px;
	border-radius:  		0px;
	background: 		#cc6699;
	text-decoration: 	none;
	font-family: "Open Sans", sans-serif;
	font-weight: bold;
	font-size: 			1.1em;
	color: 				#FFFFFF;
	border: 			none;
	position: 			relative;
	cursor: 			pointer;
	/*width: 				auto;*/ /*Automatically defaults to button size - turn off for full width*/
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 	5px;
	border-radius: 		5px;
	-moz-box-shadow: 	0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	-ms-box-shadow: 	0 1px 3px #999;
	box-shadow: 		0 1px 3px #999;
/*	text-shadow: 		0 -1px 1px #fff;*/
	-webkit-transition: all 0.2s linear;
}
form#merchandiselogin input[type=submit]:hover {
	background-color: 	#ff99cc;/*-webkit-transform:	scale(1.1); 
		-moz-box-shadow: 	0 1px 6px #000; 
		-webkit-box-shadow: 0 1px 6px #000; 
		box-shadow: 		0 1px 6px #000; */
}

#prod_description {
float:left;
max-width:100%;
width:100%;
}
#prod_attributes {
    width: 100%;
}
#table_shopping {
	max-width:240px;
}

form#address {
	width:auto;
	margin: 0 0 0 0;
}
.addre {
	float: none;
	margin: 0px 0px 0px;
	clear: both;
}
#address fieldset .addre label, legend {
	display: block;
	font-weight:bold;
	margin: 0.2em 0 0.2em 0;
}
#address fieldset .addre input {
	width: 20em;
	margin-bottom: 0.4em;
	height: 1.9em;
}

.rows {
	margin: 0.2em 0 0.2em 0;
}
.radios {
	background-color: transparent;
	position: relative;
	margin-bottom: 0;
}

.rows label {
	padding-left: 1em;
	display: block;
    margin-left: 0.7em;
	font-weight:normal;
}

#address input[type="radio"] {
    float: left;
    margin-right: 7px;
	margin-top: 2px;
}

#address fieldset .addre #Postcode {
	width: 100px;
}
.main_full #address fieldset {
	margin-bottom: 1em;
}
#address select {
	margin-bottom: 0.4em;
	height: 2.1em;
}
}
@media screen and (max-width: 589px) {
.shirt figure {
	max-width:190px;
	margin:0;
	float:left;
}
.shirt {
	width:auto !important;
}
.shirt figcaption {
	font-style:normal;
	margin-bottom:10px;
}
.cat_column {
	display: block;
}
}
@media screen and (max-width: 517px) {
.firstp {
	clear:both;
}
#prod_description {
float:left;
max-width:auto;
}
#prod_description {
	left: 0;
	position: relative;
	right: 0;
	top: 0;
}
}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 350px) {
#merchandise tr > :first-child {
	display:none;
}
}