@charset "utf-8";
/* Hampshire Sewing Machines */
html, body
{
	width: 100%;
	background: #FFFFFF url(images/html-background.png) repeat-x top;
	position: relative;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	
	margin:0 auto; /* centre, not in IE5 */

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treated as min-height*/

	min-height:100%; /* real browsers */
}

#centre-column
{
	width: 640px;
	margin:0 auto;
	text-align:center;
}

#right-column
{
	width: 150px;
	float: right;
}

a, .blueBG
{
	/*text-decoration: none;*/
}

a
{
	color: #3469A9;
}

a:hover
{
	color: #000000;
}

.blueBG
{
	color: #FFFFFF;
}

.blueBG:hover
{
	color: #CCCCCC;
}

img
{
	border: none;
	margin:0;
	padding:0;
}

#wrapper
{

	position: relative;
	
	margin:0 auto; /* centre, not in IE5 */

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treated as min-height*/

	min-height:100%; /* real browsers */
}

#sub-wrapper
{
	text-align: left;
	position: relative;
	
	margin:0 auto; /* centre, not in IE5 */
	text-align:center;

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treated as min-height*/

	min-height:100%; /* real browsers */
	
	width: 950px;
}

#header
{
	width: 950px;
	margin: auto;
	height: 130px;
	background: transparent url(images/header-plain.png) no-repeat bottom;
}

/****************
INSIDE HEADER
****************/

#smta-logo{
width:142px;
height:95px;
padding:10px 0 0 0;
margin:0 0 0 10px;
float:left;
}

#header-right{
float:left;
width:320px;
margin:-50px 0 0 610px;
position:relative;
padding:0 0 0 0;
color:#FFFFFF;
border:1px solid #FF0000;
}

#header-right a{
color:#FFFFFF;
text-decoration:none;
}

#phone-number{
margin:0 0 0 180px;
float:left;
font-size:1.2em;
}

#email-address{
margin:15px 0 0 6px;
padding:0 0 0 0;
float:left;
font-size:1.1em;
}

#bread-crumb
{
	padding: 2px 0 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#bread-crumb a
{
	color: #FFFFFF;
}

#main-intro
{
	height: 227px;
	background: transparent url(images/white-background.gif) no-repeat top left;
	padding: 8px 10px 8px 10px;
	text-align:center;
	margin-top: 5px;
}

#content
{
	width: 950px;
	margin: auto;
}

#footer
{
	position: absolute;
	margin: auto;
	bottom: 0;
	height: 108px;
	width: 950px;
	text-align: center;
	color: #FFFFFF;
}

#content-head, .related-head
{
	width: 620px;
	height: 23px;
	background: transparent url(images/content-top.png) no-repeat bottom left;
	padding: 10px 0 3px 10px;
	color: #FFFFFF;
}

#content-main, .related-main
{
	width: 630px;
	background: transparent url(images/content-centre.png) repeat-y top left;
	padding: 1px 10px 0 0;
}

#content-footer, .related-footer
{
	height: 14px;
	width: 630px;
	background: transparent url(images/content-bottom.png) no-repeat top left;
}

.related-head, .related-main, .related-footer
{
	width: 600px;
}

.related-head
{
	background: transparent url(images/related-top.png) no-repeat bottom left;
}

.related-main
{
	background: transparent url(images/related-centre.png) repeat-y top left;
}

.related-footer
{
	background: transparent url(images/related-bottom.png) no-repeat top left;
}

.side-head
{
	width: 150px;
	height: 23px;
	background: transparent url(images/side-top.png) no-repeat bottom left;
	padding: 10px 0 3px 0;
	color: #FFFFFF;
	text-align: center;
}

.side-main
{
	width: 130px;
	background: transparent url(images/side-centre.png) repeat-y top left;
	padding: 3px 10px 0 10px;
}

.side-footer
{
	height: 15px;
	width: 150px;
	background: transparent url(images/side-bottom.png) no-repeat top left;
}

.side-footer-no-margin
{	
	margin-top:-12px;
	position:relative;
	height: 15px;
	width: 150px;
	background: transparent url(images/side-bottom.png) no-repeat top left;
}

.basket-head
{
	width: 150px;
	background: transparent url(images/basket-centre.png) repeat-y top left;
	padding: 10px 0 3px 0;
	color: #FFFFFF;
	text-align: center;
}

.basket-main
{
	width: 130px;
	background: transparent url(images/basket-centre.png) repeat-y top left;
	padding: 3px 10px 0 10px;
}

.basket-footer
{
	height: 15px;
	width: 150px;
	background: transparent url(images/basket-bottom.png) no-repeat top left;
}

.side-main-make-div
{
	border-bottom: 1px #A0BEE1 solid;
	padding: 10px;
}

input.search
{
	height: 18px;
	width: 130px;
	border: 1px #3469A9 solid;
}

.pageNumber
{
	padding: 1px 2px 1px 2px;
	margin: 0 2px 0 2px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}

/*******************
* PRODUCT ELEMENTS *
*******************/

.productImage
{
	width: 200px;
	padding-left: 5px;
	margin: 0;
	text-align: center;
	
	border-left: 1px #3469A9 solid;
}

.productImageLarge
{
	padding-right: 5px;
	margin: 0 15px 0 0;
	text-align: center;
	border-right: 1px #3469A9 solid;
}

input.quantity
{
	height: 20px;
	width: 35px;
	border: 1px #3469A9 solid;
}

.addBasketText
{
	width: 174px;
	font-size: 1em;
	padding: 0 3px 0 3px;
	text-align:center;
}

.main-product-display
{
	width: 630px;
	padding: 0px;
	margin: 10px 0 0 0;
	border-bottom: 1px #A0BEE1 solid;
	height: 1%;
}

.main-last
{	
	margin: 15px 0 0 0;
	border-bottom: none;
}

/*******
* TEXT *
*******/

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.white
{
	color: #FFFFFF;
}

.red
{
	color: #FF2F2F;
}

.blue
{
	color: #3469A9;
}

.bluePurple
{
	color: #363693;
}

.purple
{
	color: #81007F;
}

.textLeft
{
	text-align: left;
}

.textCentre
{
	text-align: center;
}

.textRight
{
	text-align: right;
}

.textJustify
{
	text-align: justify;
}

.product
{
	width: 390px;
	position: relative;
	margin: 0 5px 3px 5px;
	height: 1%;
}

.productLarge
{
	position: relative;
	height: 1%;
	margin: 0 15px 3px 15px;
	padding: 0 5px 0 5px;
}

/************
* MODIFIERS *
************/

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clear
{
	clear: both;
}

.padTop3
{
	padding-top: 3px;
}

.padRight5
{
	padding-right: 5px;
}

.padBottom5
{
	padding-bottom: 5px;
}

.marginTop3
{
	margin-top: 3px;
}

.marginTop5
{
	margin-top: 5px;
}

.marginBottom5
{
	margin-bottom: 5px;
}

/*************
* NAVIGATION *
*************/

#navigation
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
} 

/****************
* SHOPPING CART *
****************/

#cart{
padding:10px;
}

#cart table{
text-align:center;
border-collapse:collapse;
}

#cart th{
border-top:1px solid #CCCCCC;
}

#cart td{
height:50px;
border-top:1px solid #CCCCCC;
}

#paymentStages{
padding:10px;
}

#checkout{
padding:0 10px 10px 10px;
}

#checkout label{
display:block;
width:140px;
float:left;
}


#reviewCart{
text-align:center;
border-collapse:collapse;
margin-bottom:10px;
width:600px;
}

#reviewCart th{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#reviewCart td{
height:40px;
}

#step3{
padding:10px;
}

/*************************************
CONTACT FORM
*************************************/

#contact-form{
padding:0 0 0 0;
float:left;
width:500px;
}

#contact-form label{ 
display:block;
float:left;
width:150px;
}

/************************************
// ERROR MESAGE
************************************/

.errorMsg{
color:#FF0000;
font-weight:bold;
}