/* Base Styles */
body {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	color: #000000;
	background-color: #f9f9f4;
	text-align: center;
}

form {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

img { border: 0px; }

h1, h1 a, h2, h3 { margin: 5px 0px 5px 0px; color: #e0002f; }
h4, h5, h6 { margin: 3px 0px 3px 0px; }

h1 { font-size: 16px; text-transform: lowercase; }
h2 { font-size: 12px; text-transform: lowercase; color: #606060; }
h3 { font-size: 12px; font-weight: bold; color: #000000; }

a:link,a:visited {
	text-decoration: none;
	-moz-transition: color 0.25s linear 0s;
	-webkit-transition: color 0.25s linear 0s;
	-ms-transition: color 0.25s linear 0s;
	-o-transition: color 0.25s linear 0s;
	transition: color 0.25s linear 0s;
}
a:hover {
	text-decoration: underline;
	-moz-transition: color 0.25s linear 0s;
	-webkit-transition: color 0.25s linear 0s;
	-ms-transition: color 0.25s linear 0s;
	-o-transition: color 0.25s linear 0s;
	transition: color 0.25s linear 0s;
}
a:active {
	color: #121212;
}
select#select_product {
	width: 100%;
	text-transform: lowercase;
}

#Messages {
	padding: 5px;
	border-bottom: 1px solid #0093ae;
	border-top: 1px solid #0093ae;
	background-color: #ace9f4;
}

#Messages p {

}

#Messages div {
	color: #0093ae;
}

#content a { color: #e0002f; font-weight: bold; text-decoration: none; }
#content a:hover { text-decoration: underline; }

label:hover {
	border-bottom: 1px dashed #cdcdcd;
}

/* form stuff */
input.text-default, input.password-default, textarea.textarea-default, select.select-default {
	vertical-align: middle;
	border: 1px solid #cccccc;
	font-size: 11px;
}

input.select-default {

}

input.button-default {
	background-color: #e0002f;
	color: #ffffff;
	border: none;
	vertical-align: middle;
	font-size: 11px;
	height: 20px;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	cursor: pointer;
}
input.button-default:hover {
	background-color: #DA3B5C;
}
select.select-default optgroup {
	background-color: #ffffff;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	border-top: 1px solid #cccccc;
}

/* colours */
.red {
	color: #e0002f;
}

.grey {
	color: #606060;
}

.grey-light {
	color: #cacaca;
}

/* Generic */
.inline { display: inline; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.error { color: #e0002f; }
.center { text-align: center; }
.text-right { text-align: right; }
.image-text { vertical-align: middle; }
.bold { font-weight: bold; }
.small { font-size: 10px; }

/* Other */
input.text-search {
	width: 100px;
	border: 1px solid #000000;
	font-size: 10px;
	height: 12px;
	vertical-align: middle;
	padding: 2px;
}

input.text-login {
	padding: 5px 10px;
	background: #EEE;
	border: 1px solid #000000;
	/*
	 * Commented out by Joost
	width: 100px;
	font-size: 10px;
	height: 12px;
	vertical-align: middle;
	padding: 2px;
	background-color: #d9d9d9;*/
}
input:focus.text-login {
	background: #FFDDDD
}
#Errors {
	padding: 5px;
	border: 1px solid #be0e00;
	background-color: #f8b4af;
}

#Errors p {

}

#Errors div {
	color: #be0e00;	
}

/* Category */
.category-description {
	font-size: 12px;
}

.product .links {
	font-weight: bold;
	color: #e0002f;
}

.product .rrp {
	font-weight: bold;
}

.form-header {
	font-size: 12px;
	padding-top: 10px;
	color: #606060;
	font-weight: bold;
}

table.form-table {
	font-size: 11px;
	border: 1px solid #cacaca;
	padding: 4px;
}

table.form-table td {
	padding-right: 5px;
}

.form-table input {
	font-size: 11px;
}

/* Default Table format */
table.table-default {
	font: normal 10px / 12px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
	color: #000000;
	padding: 20px;
}

.table-default table a {
	color: #41577b;
	text-decoration: none;
	border-bottom: 1px dotted;
}
.table-default table a:visited {
	color: #41577b;
	font-weight: normal;
}
.table-default table a:visited:after {
	
}
.table-default table a:hover {
	border-bottom-style: solid;
}
.table-default thead th,
.table-default thead td,
.table-default tfoot th,
.table-default tfoot td {
	/* border-bottom: 1px solid #ff0000; */
	/* border-width: 1px 0; */
	/* background: #c5cbe4; */
	color: #000000;
	white-space:nowrap;
	font-weight: bold;
}
.table-default tfoot {
	border-bottom: 1px solid #cccccc;
	/* border-width: 1px 0; */
	/* background: #c5cbe4; */
	color: #000000;
	white-space:nowrap;
}
.table-default thead th {
	/* background-image: url(image/search_results_th.gif); */
	background-color: #ececec;
	padding: 4px;
	padding-right: 10px;
}
	
.table-default thead th a:link,
.table-default thead th a:visited {
	font-weight: normal;
	color: #41577b;
}
.table-default thead th a:hover {
	color: #41577b;
	text-decoration: underline;
}
.table-default th {
	font-weight: normal;
	line-height: normal;
	padding: 4px;
	text-align: left;
}
.table-default tbody th,
.table-default td {
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
.table-default tbody th {
	font-weight: normal;
	white-space: nowrap;
}
.table-default tbody th a:link,
.table-default tbody th a:visited {
	/* font-weight: bold;  */
	color: #41577b;
}
.table-default tbody td,
.table-default tbody th {
	/* border: 1px solid #ffffff; */
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

.table-default tbody td a:link,
.table-default tbody td a:visited {
	font: normal 10px / 12px;
	color: #41577b;
	/* font-weight: bold; */
}
.table-default tbody td a:hover {
	/* color: #000000; */
	text-decoration: underline;
}

.table-default tbody tr.odd th,
.table-default tbody tr.odd td {
	/* border-color: #ffffff; */
	background: #ececec;
}

.table-default tbody tr.sub-odd th,
.table-default tbody tr.sub-odd td {
	/* border-color: #ffffff; */
	background: #cccccc;
	font-weight: bold;
}

.table-default tbody tr.sub th,
.table-default tbody tr.sub td {
	font-weight: bold;
}

.table-default tbody tr:hover td,
.table-default tbody tr:hover th {
	/* background: #d0d9e7;
	color: #41577b;
	border-color: #ffffff; */
}
.table-default caption {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 4px;
}

.table-default .select-default {
	font-size: 10px;
}

.lower {
	text-transform: lowercase;
}

#order-summary a {
	color: #e0002f;
	text-decoration: none;
	font-weight: bold;
}

#order-summary a:hover {
	text-decoration: underline;
} 
  
.order_customtextemail{
float:left;width:300px;
font-family: arial,verdana,sans-serif;
font-size: 12px;
} 
 
.order_customtextemailinfo{
float:left;width:300px; 
font-family: arial,verdana,sans-serif;
font-size: 12px;
}

.order_customtextemailhead{
float:left;width:300px;font-weight:bold;font-family: arial,verdana,sans-serif;font-size: 12px;padding-top:5px;
}

.order_customtextemailcont{ 
float:left;width:290px;padding:5px 5px 5px 0px;font-family: arial,verdana,sans-serif;font-size: 12px;}

.order_customtextemailleft{
float:left;width:80px;font-family: arial,verdana,sans-serif; font-size: 12px;}

.order_customtextemailright{
float:left;width:200px;font-family: arial,verdana,sans-serif;font-size: 12px; 
}  

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

/**
 * 
 * Redesign menu, mini cart and a tiny bit of cleaning up
 * @author		Joost Kiens
 * @package		easy ecomm
 * @template	gertieandme - default
 * @date		2011/11/30
 * 
 **/
 
 /* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.right { float: right; display: inline; }
.left { float: left; display: inline; }
.clearboth { clear: both; }

