body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	background-color:transparent;
	text-align:left;
	margin: 0px;
}	
	
#border-wrapper {
	background-color: transparent;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F19A2B;

}
#wrapper {
	background-color: transparent;
	background-image: url(../images/left-menu-backgrnd.png);
	background-repeat: repeat-y;
	background-position: left;
}

img {
	border:none;
}

p {
margin:0px;
}

spacer {
	height: 20px;
	width: 700px;
}

/*--------------------------------------- The header  ---------------------------------------------*/

.banner-style {
	text-align:left;
	width: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #155798;
	position: relative;
	height: 166px;
	background-color: #386B9E;
}
.header-left {
	width: 100%;
	height: 113px;
	background-image: url(../images/header-left.png);
	background-repeat: no-repeat;
	background-color:#F19A2B;
	text-align: right;
	background-position: left;
}
#menutop {
	width: 100%;
	border-top:1px solid #FFFFFF;
	background-color:#000000;
	height:22px;
	padding-top: 6px;
	position: relative;
}

#menutop a.white-buttons, #menutop a.white-buttons:link, #menutop a.white-buttons:visited {
	float: right;
	color:#fff;
	font-size: 12px;
	display:inline;
	text-decoration:none;
	font-weight: normal;
	padding-right: 6px;
	padding-left: 6px;
} 

#menutop a.white-buttons:hover {
	color: #75938B;
}
#menutop a.white-buttons:active {
	color: #787878;
}
.basket-menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.basket-menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.basket-menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
.basket-menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.basket-menu {
	background-image:url(../images/basket-white.png);
	padding-top: 5px;
	padding-left: 50px;
	background-repeat: no-repeat;
	height: 19px;
	background-position: 20px 4px;
	width: 160px;
}

/*--------------------------------------- Search form  ---------------------------------------------*/
#searchstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	color: #FFFFFF;
	width: 250px;
	text-align: right;
	top: 142px;
	padding-right: 10px;
	right: 0px;
	background-color: #F19A2B;
	height: 22px;
	padding-top: 2px;
	overflow: hidden;
}
input.txt-search-box {
	background-color: #fff;
	font-size: 9px;
	margin-right: 5px;
	vertical-align: top;
}
#wrapper #searchstyle label {
	font-size:14px;
	vertical-align: top;
	line-height: 20px;
}
.banner-info-text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFFFFF;
	position: absolute;
	top: 8px;
	right: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F19A2B;
	width: 355px;
	text-align: center;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #F19A2B;
}
.banner-info-text-sub {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	position: absolute;
	top: 68px;
	font-weight: bold;
	right: 30px;
	text-align: right;
}

/*--------------------------------------- Default links  ---------------------------------------------*/

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F19A2B;
	text-decoration: none;
	font-weight: normal;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F19A2B;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F19A2B;
	text-decoration: none;
}

/*--------------------------- left column ----------------------------------*/
#leftcolumn {
	float:left;
	width:194px;
	z-index: 6;
	background-color: transparent;
	background-image: url(../images/top-left-menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 0px;
	top: 0px;
}

.left-menu-info {
	position:absolute;
	left: 10px;
	top: 210px;
	width: 135px;
	background-color: #FFFFFF;
	border: 2px solid #F19A2B;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #386B9E;
	background-image: url(../images/home-embroidered-shirt-full.jpg);
	background-repeat: no-repeat;
	padding-top: 129px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.menu {
	z-index:1000;
	font-size:90%;
	height:235px;
	padding-top: 2px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:180px;
	position:relative;
	background-color:#E0F0FF;
}

.menu li {
	background-color:transparent;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#FFFFFF;
	text-align:left;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	font-weight: normal;
	text-decoration:none;
	height:25px;
	line-height:23px;
	width:180px;
	color:#000000;
	text-indent:15px;
	background-color:transparent;
	border-top-width: 2px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #b2d0f0;
}
/* style the link hover */
* html .menu a:hover {
	color:#000000;
	background:#EFC895 url(../images/left-menu-arrow-red.png) no-repeat left;
	border-bottom: 3px solid #F19A2B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
}

.menu :hover > a {
	color:#000000; 
	background:#EFC895 url(../images/left-menu-arrow-red.png) no-repeat left;
	border-bottom: 3px solid #F19A2B;
	text-decoration:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:100px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
	background-color:#84B4E8;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
	background-color:#ded;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility:visible;
	background-color:#edd;
}
.menu ul.top-6 {top:-174px;}/* 30x6 - 6  */
.menu ul.top-5 {top:-144px;}/* 30x5 - 6  */
.menu ul.top-4 {top:-114px;}/* 30x4 - 6  */
.menu ul.top-3 {top:-84px;}/* 30x3 - 6  */
.menu ul.top-2 {top:-54px;}/* 30x2 - 6  */
.menu ul.top-1 {top:-24px;}/* 30 - 6  */
.menu ul.top0 {top:6px;}/* 0 + 6  */
.menu ul.top1 {top:36px;}/* 30 + 6  */
.menu ul.top2 {top:66px;}/* 30*2 + 6  */
.menu ul.top3 {top:96px;}/* 30*3 + 6  */
.menu ul.top4 {top:126px;}/* 30*4 + 6  */
.menu ul.top5 {top:156px;}/* 30*5 + 6  */
.menu ul.top6 {top:186px;}/* 30*6 + 6  */
.menu ul.top7 {top:216px;}/* 30*7 + 6  */
.menu ul.top8 {top:246px;}/* 30*8 + 6  */
.menu ul.top9 {top:276px;}/* 30*9 + 6  */
.menu ul.top10 {top:306px;}/* 30*10 + 6  */
.menu ul.top11 {top:336px;}/* 30*11 + 6  */
.menu ul.top12 {top:366px;}/* 30*12 + 6  */
.menu ul.top13 {top:396px;}/* 30*13 + 6  */
.menu ul.top14 {top:426px;}/* 30*14 + 6  */
.menu ul.top15 {top:456px;}/* 30*15 + 6  */
.menu ul.top16 {top:486px;}/* 30*16 + 6  */
.menu ul.top17 {top:516px;}/* 30*17 + 6  */
.menu ul.top18 {top:546px;}/* 30*18 + 6  */
.menu ul.top19 {top:576px;}/* 30*19 + 6  */
.menu ul.top20 {top:606px;}/* 30*20 + 6  */


/*--------------------------------------- SF Crest  ---------------------------------------------*/

.footerline #sf-siteseal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(../images/sf-siteseal.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 93px;
	float: left;
	line-height: 12px;
	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 18px;
	margin-right: 2px;
}
.footerline #sf-siteseal .pbs {
	font-size: 9px;
	color: #336699;
	margin-left: 31px;
	padding-top: 2px;
}
.footerline #sf-siteseal .pbs a {
	font-size: 9px;
	color: #336699;
	text-decoration: none;
}
.footerline #sf-siteseal .pbs a:hover {
	font-size: 9px;
	color: #336699;
	text-decoration: underline;
}
.footerline #sf-siteseal .sbt {
	font-size: 9px;
	margin-top: 3px;
	margin-left: 1px;
	text-align: center;
}
.footerline #sf-siteseal .sbt a {
	font-size: 9px;
	color: #336699;
	text-decoration: none;
	text-align: center;
}
#border-wrapper #wrapper .footerline #sf-siteseal .sbt a:hover {
	font-size: 9px;
	color: #336699;
	text-decoration: underline;
	text-align: center;
}

/*--------------------------------------- heading styles start ---------------------------------------------*/

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #F19A2B;
	margin-bottom: 10px;
}

h2{
	font-size: 14px;
}

h3{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 12px;
}

h4{
	font-size: 11px;
	font-style:italic;
}

h5{
	font-size: 11px;
}

h6{
	font-size: 11px;
}


/*--------------------------- input button ----------------------------------*/
input.btn {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
 }

/*---------------------------main body container ----------------------------------*/
#container {
	width: 100%;
	background-color: transparent;
	height: 445px;/*height ie5*/
	background-image: url(../images/top-left-menu-shadow-repeat.png);
	background-repeat: repeat-x;
	position: relative;
	bottom: 0px;
	min-height: 445px;/*min-height not supported by ie5 so -----*/
}
html>body #container {height:auto;}/*position non ie5*/

.body-indexcontent {
	display: inline-table;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-top:20px;
	margin-right: 20px;
	margin-left: 195px;
	position: relative;
}

.body-content {
	display: inline-table;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-top:20px;
	margin-right: 20px;
	margin-left: 195px;
	position: relative;
}

.body-prod-content {
	display: inline-table;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-top:20px;
	margin-right: 20px;
	margin-left: 195px;
	position: relative;
}

.back-link {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#F19A2B;
	font-weight:bold;
	width: 100px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.back-link a:link {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#F19A2B;
	font-weight:bold;
	text-decoration: none;
}

.back-link a:visited {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#F19A2B;
	font-weight:bold;
	text-decoration: none;
}

.back-link a:hover {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#1E7BDA;
	font-weight:bold;
	text-decoration: none;
}

.back-link a:active {
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#F19A2B;
	font-weight:bold;
	text-decoration: none;
}
/*------------------------------- category page styles start ------------------------------------------------*/

.products-holder-firefox {
	width: 100%;
}

.product-list {
	height: 290px;
	width: 45%;
	text-align: left;
	float: left;
	background-color: #E0F0FF;
	margin-top: 6px;
	margin-right: 4%;
	margin-bottom: 6px;
}

.cat-hotspot-1 {
	margin-bottom: 4px;
	width: 95%;
}

.cat-intro-1 {
	margin-bottom: 4px;
	width: 95%;
	font-weight: bold;
	font-size: 14px;
	margin-top: 4px;
	color: #386B9E;
}

.sub-cat {
	line-height:180%;
}

.sub-cat a {
	margin: 6px;
	border: 1px solid;
	border-color: #999999;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #F19A2B;
	display: inline;
	font-size: 90%;
	padding-top: 0px;
	text-align: center;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	white-space: nowrap;
}
.sub-cat a:visited {
	font-size: 90%;
	color: #FFFFFF;
	background-color: #F19A2B;
	font-weight: bold;
	white-space: nowrap;
}
.sub-cat a:hover {
	font-size: 90%;
	color: #AD2525;
	background-color: #E89595;
	font-weight: bold;
	white-space: nowrap;
}
.sub-cat a:active {
	font-size: 90%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #F19A2B;
	white-space: nowrap;

}

.cat-hotspot-2 {
	margin-left: 0px;
	width: 95%;
	margin-top: 12px;
	margin-bottom: 12px;
	clear: both;
}

.more-details {
	border: 1px solid;
	border-color: #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #AA0D20;
	font-size: 80%;
	text-align: center;
	white-space: nowrap;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

.cat-prod-image {
	text-align: center;
	float: right;
	width: 75px;
	height: auto;
	border: 3px solid #F19A2B;
	padding: 10px;
	background-color: #FFFFFF;
}

.prod-img-link img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.cat-prod-link a:link {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.cat-prod-link a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.cat-prod-link a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #99CCFF;
	text-decoration: none;
	text-align: center;
}
.cat-prod-link a:active {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.product-link {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin-bottom: 4px;
	height: auto;
	font-size: 14px;
	margin-left: 0px;
	background-color: #F19A2B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.cat-prod-description {
	text-align: left;
	margin-top: 4px;
	margin-bottom: 12px;
	font-size: 12px;
	height: auto;
	margin-left: 5px;
}

.cat-prod-price {
	font-weight: bold;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 12px;
	font-size: 14px;
	margin-left: 5px;
	color: #000000;
}

.cat-buy-now {
	text-align: left;
	line-height: 32px;
	width: auto;
	margin-left: 5px;
}

/*--------------------------------------- product page styles start ---------------------------------------*/

.body-prod-content h1 {
	color: #FFFFFF;
	background-color: #F19A2B;
	padding: 5px;
	margin: 0px;
}

.prod-hotspot-1 {
	margin-top: 25px;
	margin-bottom: 4px;
	margin-left: 5px;
}

.prod-buy-now {
	margin-top: 8px;
	margin-left: 5px;
}

.prod-image {
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 10px;
	float: right;
	margin-left: 10px;
	border-top: none;
	border-right: 3px solid #F19A2B;
	border-bottom: 3px solid #F19A2B;
	border-left: 3px solid #F19A2B;
}

.prod-summary {
	margin-top: 10px;
	margin-bottom: 4px;
	margin-left: 5px;
}

.prod-price {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 5px;
}

.prod-description {
	margin-top: 25px;
	margin-bottom: 4px;
	margin-right: 13px;
	margin-left: 5px;
}

.prod-hotspot-2 {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 5px;
}

.prod-hotspot-3 {
	margin-left: 5px;
	margin-bottom: 12px;
}

.add-button {
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 38px;
}



.prod-buy-now form {
	margin: 0px;
}
.form-pos {
	text-align:center;
}

/*---------------------------------------------- Search styles -----------------------------------------------*/
.search-li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333333;
	text-decoration: none;
	margin-bottom: 5px;
}

.search-li a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #F19A2B;
	text-decoration: none;
}

.search-li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #F19A2B;
	text-decoration: none;
}

.search-li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #1E7BDA;
	text-decoration: none;
}
.search-li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #F19A2B;
	text-decoration: underline;
}

.search-right {
	text-align:right;
}

/*---------------------------------------------- Cart styles -----------------------------------------------*/
.nopcart {
  padding: 5px;
}

.nopheader{
  padding: 5px;
}

.nopentry {
  padding: 5px;
}

.noptotal {
  padding: 5px;
}

.cart-pos {
margin-left:10px;
}

#wrapper #container .body-content .body-content-info a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #F19A2B;
	text-decoration: none;
}
#wrapper #container .body-content .body-content-info a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #F19A2B;
	font-weight:normal;
	text-decoration: none;
}
#wrapper #container .body-content .body-content-info a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #1E7BDA;
	font-weight:normal;
	text-decoration: none;
}
#wrapper #container .body-content .body-content-info a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #F19A2B;
	font-weight:normal;
	text-decoration: none;
}

/*--------------------------------------- The footer  ---------------------------------------------*/

.footerline {
	height: 101px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/footer-right-repeat-knitand.png);
	background-repeat: repeat-x;
	width: 100%;
}
.footerleft-image {
	background-image:url(../images/footer-left-knitandsw.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 131px;
	width: 100%;
}
.footer-left {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 40px;
	position: relative;
	font-weight: bold;
	margin-right: 19px;
	margin-left: 145px;
	padding-top: 10px;
	background-image: url(../images/logos.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 190px;
}

.footer-left2 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 145px;
	height: 30px;
	margin-right: 15px;
	position: relative;
	padding-right: 280px;
	padding-top: 20px;
	font-weight: bold;
}

.footer-right {
	float:right;
	margin-right: 6px;
}

/*---------------------------------------------- left menu -----------------------------------------------*/
#border-wrapper #wrapper #container .body-content .product-list label {
	margin-left: 5px;
}
.clear {
clear:both;
}

/*---------------------------------------------- index -----------------------------------------------*/

.body-indexcontent h1 {
	color: #FFFFFF;
	background-color: #F19A2B;
	padding: 5px;
	margin: 0px;	
}
.body-indexcontent h2 {
	color: #1E7CDA;
	background-color: #E0F0FF;
	padding: 5px;
	margin: 0px;	
}
.index-frame {
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F19A2B;
	border-bottom-color: #F19A2B;
	border-left-color: #F19A2B;
	background-color:transparent;
}


.indexlink a.category-links, .indexlink a.category-links:link, .indexlink a.category-links:visited {
	display:block;
	width:33%;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	text-align:center;
	line-height:22px;
	float:left;
	font-size: 13px;
	position:relative;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color:#FFFFFF;
} 

.indexlink a.category-links:hover {
	color: #1E7CDA;
}
.indexlink a.category-links:active {
	color: #000000;
}
.indexlink {
	width:100%;
}
.clearing {
	clear:both;
}
.index-big {
	font-size: 16px;
	text-align: center;
}
.index-big-red {
	font-size: 18px;
	text-align: center;
	color:#FF0000;
}
#wrapper #container .body-indexcontent .index-frame p {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.img-left {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.img-right {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.index-center {
	text-align: center;
}
.index-frame-bottom {
	width:90%;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.body-indexcontent .index-prod-holder {
	background-color: #ffffff;
	margin-left: 0px;
	margin-bottom: 5px;
	width: 100%;
	clear: both;
}
.latest-prod {
	width:30%;
	background-color: #f2f2f2;
	height: auto;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 10px;
}
.latest-image1 {
	width:158px;
	height:126px;
}
.latest-image2 {
	width:158px;
	height:126px;
}
.latest-image3 {
	width:158px;
	height:126px;
}
.latest-prod-text {
	padding-top: 10px;
	padding-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.latest-prod-link {
	background-color:#7a99b5;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	width: 100%;
	display:block;
}
.latest-prod-link a:link {
	background-color:#386B9E;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	width: 100%;
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.latest-prod-link a:visited {
	background-color:#1E7CDA;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.latest-prod-link a:hover {
	background-color:#F19A2B;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	display:block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.latest-prod-link a:active {
	background-color:#7a99b5;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
	display:block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
/*---------------------------- the images rollover ---------------------------------------------------*/
#latest-image {
	width:95px;
	height:95px;
	margin: 0px;
	float: right;
}

div.outer1 {
	float: right;
	width: 95px;
	height: 95px;
	background: url(../images/home-3012.jpg) no-repeat 0 -95px;
	}

div.outer1 a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/home-3012.jpg) no-repeat top left;
	}

div.outer1 a:hover {
	background-image: url(none);
	}

div.outer2 {
	float: right;
	width: 95px;
	height: 95px;
	background: url(../images/home-mellball.jpg) no-repeat 0 -95px;
	}

div.outer2 a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/home-mellball.jpg) no-repeat top left;
	}

div.outer2 a:hover {
	background-image: url(none);
	}
	
div.outer3 {
	float: right;
	width: 95px;
	height: 95px;
	background: url(../images/home-Arena-indoor.jpg) no-repeat 0 -95px;
	}

div.outer3 a {
	display: block;
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url(../images/home-Arena-indoor.jpg) no-repeat top left;
	}

div.outer3 a:hover {
	background-image: url(none);
	}
.image-centre {
	text-align: center;
}
.header-team {
	position: absolute;
	top: 120px;
	left: 18px;
	color: #F19A2B;
	font-weight: bold;
	z-index: 10;
}