body  {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}
.element  {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	text-align: left;
}
.element a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
}
.element a:hover{
	color: #0198DB;
}
.elementSub  {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.0em;
	text-align: left;
}
.elementSub a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
}
.elementSub a:hover{
	color: #0198DB;
}


.recycling {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	font-size: 0.7em;
	text-align: center;
}
.recycling a{
	color: #005FA9;
}
.recycling a:hover{
	color: #0198DB;
}


.element ol, .element ul {
		margin-left		      : 25px; 
		list-style-position : outside;
	}



/*------------------------ GENERIC TEXT STYLES ----------------------------*/

/* These syles can be used for styling the text on most pages */

.left_column h1, .long_column h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0 0 10px 14px;
}

.medium_column h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 3px;
	font-size: 1.1em;
}


.left_column p, .long_column p, .medium_column p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 0 5px 10px 5px;
	line-height: 1.4em;
}
.left_column p img, .long_column p img  {
	float: left;
	margin: 10px 10px 4px 0;
}
.medium_column p img {
	float: left;
	margin: 5px 10px 4px 0;
}
.left_column p a, .long_column p a, .medium_column p a {
	color: #005FA9;
}
.left_column p a:hover, .long_column p a:hover, .medium_column p a:hover {
	color: #0198DB;
}
.left_column h2, .long_column h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 10px 0 0 5px;
	padding: 0;
	line-height: 1.4em;
}
.medium_column h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 15px 0 15px 3px;
	padding: 0;
	line-height: 1.4em;
}
.medium_column h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 10px 0 0 5px;
	padding: 0;
	line-height: 1.4em;
}
.left_column ul, .long_column ul, .medium_column ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0 0 0 10px;
	list-style: none none;
	line-height: 1.4em;
	padding-bottom: 10px;

}
/* the bullets are put into the list as a background images */
.left_column li, .long_column li, .medium_column li {
	padding: 0 0 0 10px;
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/bullet.gif") 0 0.25em no-repeat;
	margin: 0;
}
.left_column blockquote, .long_column blockquote, .medium_column blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color: #F0F3F7;
	border: 1px solid #99AEC9;
	font-style:italic;
	margin: 10px 0 20px 5px;
	padding: 4px 6px;
}
p.image_caption {
	padding: 0 0 5px 5px;
	margin-bottom: 10px;
	border-top: 1px solid #99AEC9;
	border-bottom: 1px solid #99AEC9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	line-height: 1.45em;
	color: #999999;
}
span.price {
	font-size: 1.95em;
	font-weight: bold;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	margin: 3px 6px 2px 2px;
	//line-height: 1.4em;
	vertical-align: middle;
	
}

/*-------------------- STYLES FOR RIGHT COLUMN ----------------------------*/

.right_column ul {
	padding-top: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	margin: 0 0 0 10px;
	line-height: 1.6em;
	list-style: none none;
}
.right_column ul li{
	padding: 0 0 0 10px;
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/bullet.gif") 0 50% no-repeat;
	margin: 0;
}
div.feature_box {
	border-top: 1px solid #D5D7DB;
	border-bottom: 1px solid #D5D7DB;
	background-color: #fff;
	margin: 10px 10px 0 10px; 
}
div.feature_box p {
	padding: 10px 30px 10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #494949;
}
div.feature_box p a {
	color: #2777B6;
}
div.feature_box p a:hover {
	color: #0198DB;
}
div.feature_box p a:visited {
	color: #999;
}
div.feature_box img {
	float: left;
	margin: 0;
}
ul.image_list {
	list-style: none none outside;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.image_list li{
	clear: both;
	padding: 0;
	margin: 0;
	background: none;

	}
* html ul.image_list li {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
ul.image_list img{
	float: left;
	margin: 10px 10px 0 10px;
}
ul.image_list li span {
	font:Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	padding-top: 15px;
	margin-right: 20px;
	line-height: 1.2em;
	color: #464646;
}
div.hr {
  margin: 5px 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #99AEC9;
}
div.hr hr {
  display: none;
}

/* form.example.css */

form.example fieldset legend {
  line-height: 150%;
}

form.example input, form.example select, form.example textarea {
  background-color: #ffffff;
}

form.example textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div label:before {
  content: '';
}
  
form.example div label.labelCheckbox, form.example div label.labelRadio, label.labelCheckbox, label.labelRadio {

  display: block;
  width: 190px;
  height: expression('1%');
  padding: 4px 0px 0px 18px !important;
  text-indent: -18px;
  line-height: 120%;
}

form.example div label.labelCheckbox input.inputCheckbox, form.example div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 0px;
}

form.example div fieldset input.inputText, form.example div fieldset input.inputPassword, form.example div fieldset input.inputFile, form.example div fieldset textarea.inputTextarea {
  width: 150px;
  margin: 0px 0px 0px 18px;
  margin: expression('0px 0px 0px -124px');
}

form.example div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
}

form.example div.wide label {
  float: none;
  display: block;
}

form.example div label.wide {
  width: 338px;
}

form.example div.wide input.inputText, form.example div.wide input.inputPassword, form.example div.wide input.inputFile, form.example div.wide select, form.example div.wide textarea {
  width: 334px;
  margin: 0px;
}

form.example div.notes p, form.example div small {
  line-height: 125%;
}

form.example div.wide small {
  margin: 0px 0px 5px 0px;
}

form.example {
  margin: 0px;
  padding: 0px;
	width: 524px;
}
form.example p {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 12px;
}
form.example p img{
	display: inline;
	float: none;
	margin: 0;
}
form.example fieldset {
  border-color: #99AEC9;
 /*  background-color: #F0F3F7;*/
  border-width: 1px;
  border-style: solid;
  padding: 9px 9px 26px 9px;
  margin: 0px 0px 17px 0px;
}

form.example fieldset legend {
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
  font: 1.2em Arial, Helvetica, sans-serif;
  color: #1A6FB2;
}

form.example label {
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
  color: #494949;
}

form.example label u {
  font-style: normal;
  text-decoration: underline;
}

form.example input, form.example select, form.example textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  
}
 
textarea {
  overflow: auto;
}

form.example div {
  clear: left;
  display: block;
  width: 350px;
  height: expression('1%');
  margin: 5px 0px 5px 0px;
  padding: 1px 0 1px 0;

}

form.example fieldset div.notes {
  font-family: 0.65em Verdana, Arial, Helvetica, sans-serif;
  float: right;
  width: 131px;
  height: auto;
  margin: 0px 0px 9px 0;
  padding: 5px 5px 10px 5px;
 /* padding: 5px 0 10px 0;*/
	/*background-color: #F0F3F7;*/
	border: 1px solid #99AEC9;

  color: #666666;
}

form.example fieldset div.notes h4 {
  background-image:   url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/icons/icon_info.gif");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  margin-bottom: 10px;
  font: 0.7em Arial, Helvetica, sans-serif;
  font-weight: bold;
}

form.example fieldset div.notes p {
  margin: 1.2em 0em 0em 0em;
  color: #666666;
}

form.example div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #99AEC9;
  margin: 0px 0px 0px 132px;
  padding: 0px 5px 5px 5px;
  width: 200px;
}

form.example div fieldset legend {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;;
  padding: 0px 3px 0px 9px;
  margin-bottom: 5px;
}

form.example div.required fieldset legend {
  font-weight: bold;
}

form.example div label {
  display: block;

  width: 122px;
  padding: 3px 9px 0 0;
	/*padding: 3px 0 0 0;*/
  margin: 0px 0px 5px 0px;
  text-align: right;
  /*border: 1px solid cyan;*/
  float: left;
}

form.example div.required label, label.required {
  font-weight: bold;
}

form.example div label.labelCheckbox, form.example div label.labelRadio {
  float: none;
  display: block;
  /*width: 190px;*/
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

form.example div fieldset label.labelCheckbox, form.example div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

p.error {
  background-color: #ff0000;
  background-image:   url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/icons/icon_error.gif");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
  
}

form.example div.error {
  background-color: #ffffe1;
  background-image:   url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/required_bg.gif");
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form.example div.error p.error {
  background-image:   url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/icons/icon_error.gif");
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  /*width: 200px;*/
  color: #ff0000;
}

form.example div input, form.example div select, form.example div textarea {
  width: 204px;
padding: 1px 3px;

  margin: 0px 0px 0px 0px;
  background: #F0F3F7;
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #99AEC9;
}
textarea.note_wide {
	width: 334px !important;
}

form.example div input.inputFile {
  width: 204px;
}

form.example div select.selectOne, form.example div select.selectMultiple {
  /*width: 201px;*/
  padding: 1px 3px;
}

form.example div input.inputCheckbox, form.example div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
	margin: 0px 0px 0px 130px;
}

form.example div.submit {
  /*width: 214px;*/
  padding: 0px 0px 0px 130px;
}

form.example div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

form.example div input.inputSubmit, form.example div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form.example div.submit div input.inputSubmit, form.example div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
	background-color: #3C62A9;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

form.example div small {
  display: block;
  margin: 0px 0px 5px 132px;
  padding: 1px 3px;
  height: expression('1%');
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
}
form.example kbd {
	font-size: 110%;
}


/*\*/ /*/

form.example div {
	position: relative;
}

form.example input.inputText, form.example div select, form.example input.inputPassword, form.example div textarea, form.example input.inputFile{
	width: 200px;
	margin-left: 130px;
	position: relative;
	top: -18px;

}


form.example div fieldset input.inputText, form.example div textarea.note_wide {
	position: static;
}
form.example div label {

}

/* End for Mac */

/* 

This file should contain the styles for the positioning of elements on each page

You should follow the style of the comments when adding your own styles for individual pages

Some standard site-wide CSS tools are created at the top of this page. You should familiarise 
yourself with them and try to use them where relevant

*/


/* -------------------STANDARD LAYOUT FIX-------------------------*/	
	* {
	margin: 0;
	padding: 0;
	}
	
	img {
		border: 0;
	}
	
/* -------------------TOOLS FOR LAYOUT-------------------------*/	
/* clearing */
/* adapted from http://www.positioniseverything.net/easyclearing.html */


	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* accessibility */

/* This function hides elements from browsers using CSS */
     span.accesskey {
     	text-decoration:none;
     }
/* end accessibility */


/*------------------------STYLES FOR THE BODY & HEADER-----------------------*/


/* header */
	
	div#header {
		positon: relative;
		/* set default */
		
	}

	

/*--------------------REST OF THE LEFT COLUMN-----------------------*/

	div#leftcol {
		width: 151px;
		/* hide from IE Mac \*/
		width: 151px;
		/* end hide */
		float: left;
	}
	
	div#leftcol div.bluebox {
		margin-top: 8px;
		margin-left: 15px;
	}
	
	img.leftcolimage {
		margin-top: 8px;
		margin-left: 15px;
	}	
	
/*-----------------------THE ROUNDED CORNERS FOR THE BOXES-------------------*/	
	
	div.bluebox {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_left.gif") top left no-repeat;
		width: 100%;
		text-align: left;
	}
	div.bluebox .top_right {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_right.gif") transparent top right no-repeat;
	}	
	div.bluebox .bottom_left {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_left.gif") transparent bottom left no-repeat;
	}
	.wbottom_left {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_left.gif") transparent bottom left no-repeat;	
	}	
		
	div.bluebox .bottom_right {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	.wbottom_right {
		height: 5px;
		/* IE6 hack to get the right height */
		font-size: 1px; 
		line-height: 1px;
		/* end hack */
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	
	/* these styles used as the header for the second column */
	div.dark_box {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/darkbox_top_left.gif") #D3DBE6 top left no-repeat;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div.dark_box h2 {
		display: block;
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/darkbox_top_right.gif") transparent top right no-repeat;
		padding: 4px 15px;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
	}
/*--------------------------------THE STYLES FOR THE REST OF THE BOXES------------------------*/		
	div.mediumbox {
		width: 290px;
		margin-top: 9px;
		height: 150px;
	}
	div.mediumbox p {
		height: 31px;
	}
	div.bluebox h2 {
		font: 0.7em Arial, Helvetica, sans-serif;
		color: #505050;
		font-weight: bold;
		padding-top: 5px;
		padding-left: 11px;
		padding-bottom: 5px;
	}
	div#leftcol div.bluebox h2 {
		padding-bottom: 0;
	}
	div.bluebox p {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_right.gif") transparent center right no-repeat;
		padding: 8px 5px 1px 10px;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	}
	div#leftcol p {
		padding: 0 0 0 10px;	
	}
	div#leftcol div.bluebox a{
	padding-bottom: 7px;
		display: block;
	}
	div.bluebox a {
		color: #005FA9;
		text-decoration: underline;
	}
	div.bluebox a:hover {
		color: #0198DB;
		text-decoration: underline;
	}
	p.white {
		margin-left: 1px;
		border-top: 1px solid #DBDDE3;
		border-bottom: 1px solid #DBDDE3;
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") #fff center right no-repeat !important;
	}
	.nobottomborder {
		border-bottom: 0 !important;
	}	
	
	
	
/*--------------------------------THE STYLES FOR THE MAIN CONTENT------------------------*/	
	div#maincontentcontainer {
		float: right;
		padding-right: 17px;
		width: 585px;
		padding-left: 7px;
	}
	table.maincontent {
		width: 585px;
		margin-top: 8px;
	}
	img.homeboximage {
		padding-bottom: 0; 
		margin: 0 0 0 1px; 
		height: 123px; 
		border-right: 1px solid #B1BFD3;
	}
	.paddingr10 {
		padding-right: 10px;
	}

/*-------------------- COLUMNS ----------------------------*/
	
	.left_column {
		text-align: left;
		width: 255px;
		padding: 0 15px;
	}
	
	.left_column img {
		margin-left: 5px;
	}
	.long_column {
		text-align: left;
		width: 585px;
		padding: 0 15px;
	}
	.right_column {
		width: 288px;
		background: #F0F3F7;
		text-align: left;
	}
	
	.medium_column {
		text-align: left;
		width: 454px;
		padding: 0;
	}

/*--------------------------------THE STYLES FOR THE FOOTER------------------------*/	

	div#footer {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/footer_bg.jpg") #6381BA left repeat-y;
		text-align: left;
		padding: 2px 0 4px 10px;
		color: #fff;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
		margin: 15px 15px 5px 15px;
		width: 750px;
	}
	div#footer a {
		color: #fff;
		text-decoration: none;
	}
	div#footer a:hover {
		color: #fff;
		text-decoration: underline;
	}
	div#signature {
		color: #999999;
		text-align: left;
		margin: 3px 0 0 23px;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*-------------------- STYLES FOR THE BREADCRUMBS ----------------------------*/

div#breadcrumbs {
	text-align: left;
	width: 100%;
	margin-left: 3px;

}
div#breadcrumbs a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #005FA9;

}
div#breadcrumbs a:hover{
	color: #0198DB;
}
div#breadcrumbs span.linkspacer {
	font: 0.7em Arial, Helvetica, sans-serif;
}

/*-------------------- STYLES FOR THE TABS ----------------------------*/
div#tab_menu {
	width: 585px;
	background: url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft.gif") 100% 100% repeat-x;
	text-align: left;
	padding-top: 0px;
	margin-bottom: 15px;
	margin-left: 3px;
	font-size: 0.8em;
}
div#tab_menu ul {
	margin-left: 0px;
}
div#tab_menu li {
	display:inline;
	display: block;
	float: left;
	position: relative;
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/tab_bg.gif") #F0F3F7 top right no-repeat;
}
div#tab_menu li a{
	
	font: Verdana;
	color: #005FA9;
	cursor: pointer;	
	float: left;
	display: block;
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft.gif") transparent top left no-repeat;
	border-bottom: 1px solid #99AEC9;
	padding: 2px 7px 4px 7px;
	text-decoration: none;

}
div#tab_menu li.selected {
	background-color: #fff;
}
div#tab_menu li.selected a{
	border-bottom: 1px solid #fff;
}
div#tab_menu li:hover {
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/tab_bg.gif") #fff top right no-repeat;
}
div#tab_container {
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft_start.gif") transparent top left no-repeat;
	padding-left: 1px;
	border: 0px solid red;
}

/* Hide from IE-mac \*/
* html div#tab_menu li {height: 1%;}
/* End hide from IE-mac */



/* CSS Document */

/* -------------------STANDARD LAYOUT FIX-------------------------*/	
	* {
	margin: 0;
	padding: 0;
	}
	
	img {
		border: 0;
	}
	
/* -------------------TOOLS FOR LAYOUT-------------------------*/	
/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		line-height: 1px;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
		text-decoration: none;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
/* end accessibility */


/*------------------------STYLES FOR THE BODY & HEADER-----------------------*/


/* site-wide layout */
    body {
        background: white;            
        text-align: left;
    }
    div#page {
        width: 600px;
        margin:  0;
        padding: 0;
        background: white;
        
    }


/* header */
	h1.headerlink {
	height: 30px;
	display: inline;

	}

	h1.headerlink a {

		position: relative;
		overflow:visible;
		height: 40px;
		top: 0;
		left: 10px;
		background: none;
		padding: 0;
		margin: 0;
	}
	
	
/*-----------------------THE ROUNDED CORNERS FOR THE BOXES-------------------*/	
	
	div.bluebox {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_left.gif") top left no-repeat;
		width: 100%;
		text-align: left;
	}
	div.bluebox .top_right {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_right.gif") transparent top right no-repeat;
	}	
	div.bluebox .bottom_left {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_left.gif") transparent bottom left no-repeat;
	}
	.wbottom_left {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_left.gif") transparent bottom left no-repeat;	
	}	
		
	div.bluebox .bottom_right {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	.wbottom_right {
		height: 5px;
		/* IE6 hack to get the right height */
		font-size: 1px; 
		line-height: 1px;
		/* end hack */
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	
/*--------------------------------THE STYLES FOR THE REST OF THE BOXES------------------------*/		
	div.mediumbox {
		width: 290px;
		margin-top: 9px;
		height: 150px;
	}
	div.mediumbox p {
		height: 31px;
	}
	div.bluebox h2 {
		font: 0.7em Arial, Helvetica, sans-serif;
		color: #505050;
		font-weight: bold;
		padding-top: 5px;
		padding-left: 11px;
		padding-bottom: 5px;
	}
	div#leftcol div.bluebox h2 {
		padding-bottom: 0;
	}
	div.bluebox p {
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_right.gif") transparent center right no-repeat;
		padding: 8px 5px 1px 10px;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	}
	div#leftcol p {
		padding: 0 0 0 10px;	
	}
	div#leftcol div.bluebox a{
	padding-bottom: 7px;
		display: block;
	}
	div.bluebox a {
		color: #005FA9;
		text-decoration: underline;
	}
	div.bluebox a:hover {
		color: #0198DB;
		text-decoration: underline;
	}
	p.white {
		margin-left: 1px;
		border-top: 1px solid #DBDDE3;
		border-bottom: 1px solid #DBDDE3;
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") #fff center right no-repeat !important;
	}
	.nobottomborder {
		border-bottom: 0 !important;
	}	
	
	
/*--------------------------------THE STYLES FOR THE MAIN CONTENT------------------------*/	
	div#maincontentcontainer {
		float: right;
		padding-top: 8px;
		padding-right: 17px;
		width: 585px;
		padding-left: 7px;
	}
	table.maincontent {
		width: 585px;
		margin-top: 8px;
	}
	img.homeboximage {
		padding-bottom: 0; 
		margin: 0 0 0 1px; 
		height: 123px; 
		border-right: 1px solid #B1BFD3;
	}
	.paddingr10 {
		padding-right: 10px;
	}
	
/*--------------------------------PUT THE BULLETS ON THE LIST------------------------*/	




/*-------------------- STYLES FOR THE TABS ----------------------------*/

div#tab_menu li a{
	color: #999;
}
div#tab_menu li.selected a{
	color: #005FA9;
	font-weight: bold;
}
div#tab_menu li:hover {
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/tab_bg.gif") #fff top right no-repeat;
}
div#tab_container {
	background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft_start.gif") transparent top left no-repeat;
	padding-left: 1px;
}

/* Hide from IE-mac \*/
* html div#tab_menu li {height: 1%;}
/* End hide from IE-mac */


/*--------------------------------THE STYLES FOR THE FOOTER------------------------*/	

	div#footer {
		
	}
	
/*------------------------STYLES FOR THE BODY & HEADER-----------------------*/


/* 

The syles in this page relate to the mandatory elements contained in the header 
and the navigational elements 

These styles should not be changed unless they are malfunctioning

*/



/* site-wide layout */
    
 
 
    div#page {
        width: 780px;
        margin:  0;
        padding: 0;
        background: white;
				background: url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/head_bg.gif") top left no-repeat;
				
        
    }
    div#pageNoHeader {
        width: 780px;
        margin:  0;
        padding: 0;
        background: white;
        
    }

    div#topNav {
        margin:  0;
        padding: 0;
				font-size: 0.8em;
				font-weight: bold;
    }
    div#topNav a{
			color: #005FA9;
		}
    div#topNav a:hover{
			color: #0198DB;
		}


/* header */
	
	span.linkspacer {
		margin: 0 1px;
		color: #97aac5;
	}
	
	div#header h1{
		float: left;
	}
	
	.headerlink a{

		display: block;
		height: 0;
		width: 130px;
		overflow: hidden;
		padding-top: 30px;
		float: left;
		
		position: absolute;
		top:20px;
		left: 10px;		
		/* only for IE Mac \*/ /*/
		display: none;
		/* end hide */

	}
	.headerlink a:hover{
		cursor:pointer;
	}
	div#search {
		float: right;
		text-align: right;
		padding-right:15px;
		margin-right: 3px;
	}
	p.language {
		margin-top: 2px;
		/* holly hack */
		height: 1%;
	}
	p.language a {
		color: #005FA9;
		letter-spacing: 0em;
	}
	p.language a:hover {
		color: #243A64;
	}
	p.language select {
		width: 200px;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.6em;
	}
	div#search p.language a, div#search p.language span {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
	}
	div#search a, div#search span, div#search p.language img, div#search .go_button {
			vertical-align: middle;
	}
	div#search .inputfield, div#search p.search img, div#search p.search .go_button {
		vertical-align: top;
	}
	div#search img {
		margin-right: 3px;
	}
	div#search p.search img {
		margin-right: 10px;
	}
	p.search {
		margin-top: 15px;
	}
	p.search span {
		font: 0.7em Arial, Helvetica, sans-serif;
		background: transparent;
	}
	.searchText {
		font: 0.7em Arial, Helvetica, sans-serif;
		background: transparent;
	}
	p.search .inputfield {
		font: 0.7em Arial, Helvetica, sans-serif;
	}
	
	.go_button {
		border: 0;
		padding: 0 2px;
		background-color: #3C62A9;
		color: #fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: bold;	
	}
	div#search p.search .go_button {
		position: relative;
		top: 2px;
	}
	div#search p.language .go_button {
		position: relative;
		top: -1px;	
	}

	div#topmenu {
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		width: 634px;
		padding: 9px 0;
		margin-top: 6px;
		text-align: left;
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/other_backgrounds/topmenu_bg.jpg") bottom right no-repeat;
	}
	div#topmenu ul{
		

		/* holly hack */
		height: 1%;
	}
	div#topmenu li{
		float: left;
		display: inline;
		padding-left: 5px;
	}
	div#topmenu li a {
		font-weight: bold;
		color: #1A6FB2;
		text-decoration: none;
		padding: 0 8px;
		
		/* to get rid of W cutoff in IE*/
		padding-left: 1px;
	}
	div#topmenu a:hover {
		
	}
	div#topmenu li a.last {
		background: none;
	}

/*---------------------------------LEFT NAVIGATION-----------------------*/

	div#leftnav {
		text-align: left;
		width: 151px;
		/* hide from IE Mac \*/
		width: 151px;
		/* end hide */
		margin-top: 8px;
		margin-left: 10px;
		/* hide from IE Mac \*/
		margin-left: 15px;
		/* end hide */
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/top_left.gif") top left #3C62A9 no-repeat;
	}

	div#leftnav h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #fff;
		padding: 4px 0 4px 8px;
		display: block;
		background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/top_right.gif") transparent top right no-repeat;
	}
	
	/* these styles are used for the JavaScript Menu EXCEPT for IE/Mac OR SAFARI/Mac - USE js/data.js to format the styles in those browsers */
		.topItemNormal, .topItemOver, .itemNormal, .itemOver, .endItem, .endItemOver {
			background: #F0F3F7;
			border-bottom: 1px solid #D4D6DA;
			border-left: 1px solid #B1BFD3;
			border-right: 1px solid #B1BFD3;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.65em;
			color: #005FA9;
			cursor:pointer;
			line-height: 19px;
		
		}
		.itemNormal {
			background:  url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/nav/morearrow.gif") 95% 50% #F0F3F7 no-repeat;
		}
		.topItemOver, .itemOver  {
			background: #fff;
		}
		.itemOver  {
			background:  url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/nav/morearrow.gif") 95% 50% #fff no-repeat;
		}
		.endItem {
			background: #F0F3F7;
		}
		.endItemOver {
			background: #fff;
		}
		.leftnav {
			border-top: 1px solid #D4D6DA;
		}
	/* End JavaScript Menu */

	/* The bottom row of the menu */
		div.bottomright {
			background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bottom_right.gif") bottom right no-repeat;
			/*border: 1px solid red;*/
		}
		div.bottomleft {
			background:    url("/cms/cmsCustom/sewingbrotheruk/headers/default_v1.0.0/images/template/box_corners/bottom_left.gif") transparent bottom left no-repeat;
			height: 8px;
			width: 8px;
		
			/*IE6 hack to get the right height*/
			font-size: 1px; 
			line-height: 1px;
		}
	/* End bottom row */

	/* used to hide blue background from IE Mac */
		div#menucontainer {
			background: #D4D6DA;
		}
	/* End IE Mac fix */


	
.shopButton {
	background-color: #F0F3F7;
	color: black;
	font-size: 10px;
	width: 100px;
	
}