/****************************
* Formally defaults.css
*
*****************************/
.fl{
	float:left;
}
.fr{
	float:right;
}	
 .blackborder{ 
   border: 1px solid black; 
}

/* Used for subcategories on the pages, e.g the top menu on the products and categories page */
.theme_dark_border{
	border: thin solid #158038;

}
.theme_dark{
	background-color:#CCCCCC;
}

.theme_light{
	background-color:#EFE8F0;
}

/* Main content, just add a border all round so its not close to edges */
.content{
	padding: 5px;
	background-color: #FFFFFF;
	border: thin #158038;


}
html{margin:0;padding:0;width:100%;}
body{margin:0;padding:0;background:white url(../misc/body_bg.jpg) 0 100% repeat-x;width:100%;min-height:1000px;max-width:1600px;min-width:870px;}
* html body{
	height:1000px;
}	

/****************************
* Formally Fonts.css
*
******************************/
/***********************************************
 HEADINGS
 Headings used in the core content on the page
 ***********************************************/
/* H1 Text (Largest Heading) */
/*h1{
	font-size: 10pt;
	color:#000000;
	font-family:Verdana;
	text-decoration: none;
	height:44px;
	line-height:44px;
	vertical-align:text-top;
	width:534px;
	font-weight:100;
	background:url(../misc/h1.png) top left no-repeat;
	padding-left:52px;
	font-weight:bold;
	text-transform:uppercase;
}*/


/* H2 Text (Second Largest Heading) */
h2{
	font-size: 10pt;
	color:#158038;
	font-family:Verdana;
	text-decoration: none;
	width:534px;
	font-weight:100;
	font-weight:bold;
}


legend{
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial;
	color:#158038;
}

/***********************
 TEXT
 Text used in the main content
************************/

/* Table data, advised to keep this the same as the paragraph (p) tag */
td{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

/* A list element. Advised to keep the same as the paragraph (p) tag */
li{
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	list-style:none;
	list-style-image:none;
}


/* warning text used when stock levels are low */
.stockwarning{
	font-size: 12px;
	font-family: Arial;
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

/* Text used when stock levels are ok */
.stockok{
	font-size: 12px;
	font-family: Arial;
	color: #00CC00;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}


/* Text used on the product page to highlight a special offer */
.specialoffer{
	font-size: 12px;
	font-family: Arial;
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

/* Link text */
a{
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
}


/**************************
* Formally menu.scc
*
***************************/
/* left menu */
.vertical_menu{
	margin:0;
	padding:0;


}

.vertical_menu p, .vertical_menu td{
	color: #3f3f3f;
}

.vertical_menu ul{
	margin:0 0 0 21px;
	padding:0;
}
.menuContent{
width:169px;
font: 11px Helvetica, Arial, sans-serif;
border:1px solid #BCBEC0;
border-top:0px;
/*border-bottom:0;*/
margin: 0 3px 15px 3px;
padding:10px 0 10px 0;
background:#FFFFFF;
color:#c3c4c5;
}
.menuContent p{
margin:0 auto;
width:130px;

}
.menuContent td p{
	width:100%;
}
.menuContent form{
	margin: 0;
	padding:0;
	border:none;
}


ul li{
	line-height:16px;
	padding:0 0 0 28px;
}

.vertical_menu ul li ul li {
	margin-left: -25px;
	border: none;
	list-style-position: outside;

}


.vertical_menu h1{
font:normal 12px  Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
padding:0;
margin:0 3px;
padding:8px 4px 10px 0;
width:165px;
background: url(../misc/vertical_menu_h1_bg.jpg) bottom left no-repeat;
border-top:1px solid #BCBEC0;
border-right:1px solid #BCBEC0;
border-left:1px solid #BCBEC0;
text-align:center;


}


.vertical_menu ul li {
	background:url(../misc/vertical_menu_li_bg.gif) 4px 0 no-repeat;
	margin-bottom:5px;
}
.vertical_menu  * a{
	color:#636567;
}
.vertical_menu  * a:hover{
	color:#01AA4D;
}


.vertical_menu ul li a{
	font:12px  Arial, sans-serif;
	text-decoration: none;
	color:#636567;
}

.vertical_menu ul li a:hover{
	color:#01AA4D;
	text-decoration:underline;
}


/*.vertical_menu .menuContent a{
	color:#7f0012;
}*/
img.sport{clear:both;display:block;margin:0 0 25px 15px;}

.menulinks{
vertical-align:middle;
	height:40px;	
	
}

.menulinks p, .menulinks td{
	color: #666666;
	font-weight: bold;

}

.menulinks a{
	text-decoration: none;
	color: #158038;
}
.menulinks b{
	text-decoration: none;
	color: #ffffff;



}

.menulinks a:hover{
	text-decoration: none;
	color: #999999;
}


/****************************
* theme.css
*
*****************************/


/* The background colour of the page */


div.innerBG{
	margin: 0;
	padding:0;
	width:100%;
	overflow:hidden;
	position:relative;
	min-width:870px;
	
}
* html div.innerBG{width: expression(this.parentNode.scrollWidth > 870 ? '100%' : this.parentNode.scrollWidth <= 870 ? '870px' : '100%');}
div.innerBG:after, div.outer:after, div.inner:after, div.mid:after, .topNav:after{
	content:' ';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.outer{
	margin:10px auto 40px auto;
	padding: 0;
	width:850px;
	border:2px solid #BABEC1;
	background:black;
}
.inner{
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;background:#fff;
	
}


.topBanner{
padding:0;
margin:0 0 0px 0;
background: url(../misc/top_banner_bg.jpg) no-repeat;
height:178px;
position:relative;
}

.topNav{
	margin:0;
	width:405px;
	position:absolute;
	top:150px;
	left:445px;
	padding:0;
	list-style:none;
	zoom:1;
}
.topNav li{
	background:none;
	float:left;
	padding:0;
	margin:0;
	border-left:1px solid #fff;
}
.topNav a{
color:#FFFFFF;
font-size:11px;
font-family:Arial;
font-weight:normal;
text-transform:uppercase;

}

.topNav a:hover{
text-decoration:underline;
}



.clear{
clear:both;
width:100%;
}



#footertop{
	height:5px;
	background:#FFF227;
}
#footer {
	padding:2px 0px 0px 5px;
	font: 12px Helvetica, Arial, sans-serif;
	
	background: url(../misc/footer_logo.jpg) no-repeat left;
	height:60px;color:#fff;
	position:relative;

}

#footer a {
 
	color:#FFFFFF;
	text-decoration: none;
}

/*#footer a:hover {
	color: #db6d16;
}*/






ul.loginLinks{
position:absolute;
left:598px;
}
.loginLinks li{
background:none;
}
strong.topBanner_title{
	display:block;position:absolute;width:445px;background:#158038;color:#fff;text-indent:18px;left:0;top:121px;padding:3px 0 4px 0;
	font-size:12px;font-family:Tahoma;
}
.home, .products, .testimonials, .aboutus, .contact{
	display:block;text-align:center;padding:5px 0px;width:100px;height:12px;overflow:hidden;
}

table.mainContent{
	border-collapse:collapse;
	width:810px;
	table-layout:fixed;
	margin:0 0 0 0;

}
table.mainContent td{
	vertical-align:top;
	table-layout:fixed;
}
td.MiddleMenu{
	width:180px;
	padding:10px 5px 200px 5px;
	background: url(../misc/creditations.jpg) #CFE8D3;
	top:-10px;
	background-position:bottom;
	background-repeat:no-repeat;

}
td.middleContent{
	width:650px;
	padding-bottom:10px;
	table-layout:fixed !important;
}


.mid{
	
	margin:7px 10px 0 10px;
	position:relative;
	color:#636466;
	font-size: 12px;
	font-family:Arial;
	font-style: normal;
	font-weight: normal;
}

.mid a{ 
	color:#158038;
}
td.middleContent h1{
	clear:both;
	padding:8px 0 4px 0;
	position:relative;
	background: url(../misc/h1_bg.gif) 0 100% repeat-x;
	color:#01AA4D;
	font:bold 18px Helvetica, Arial, sans-serif;
	clear:both;
	zoom:1;
	_height:1%;
}

td.middleContent h2{

	clear:both;
	padding:8px 0 4px 0;
	position:relative;
	color:#01AA4D;
	font:bold 14px Helvetica, Arial, sans-serif;
	clear:both;
	zoom:1;
	_height:1%;
}


td.middleContent ul{
	list-style-type:none;
	line-height:16px;
	
}
td.middleContent ul li{
	padding:0 0 0 28px;
	
	font-weight:normal;
	color:#636466;
	background:url(../misc/vertical_menu_li_bg.gif) 4px 0 no-repeat;
	margin-left: -25px;
	border: none;
	list-style-position: outside;
}
#list{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-100px;
	color:#158038;
	z-index:1000;
}
#list a{color:#158038;}
div.adress{
	height:42px;
	background:url(../misc/address_bg.png) 444px 0 no-repeat;
	font-size: 12px;
	font-family:Arial;
	font-weight: normal;
}
div.adress address{
	font-style: normal;
	color:#fff;
	padding-top:22px;
}
div.adress address.fl{
	margin-left:19px;
}
div.adress address.fr{
	margin-right:19px;
}
div.url{
	line-height:24px;
	background:#005596;
	text-align:center;
	position:relative;
}
div.url a{color:#fff;background:#005596;}
div.url a:hover{text-decoration:underline;}

a.myhome, a.myorders, a.logout, a.mybasket{
	position:absolute;
	display:block;
	top:-20px;
	padding:0 0 3px 0;
	font:normal 12px  Arial, sans-serif;
	color:#158038;
	word-spacing:1px;
}
a.myorders{
	left:21px;
}
a.logout{
	left:139px;
}
a.myhome{
	left:82px;
}
a.mybasket{
	top:-30px;
	left:763px;
	padding-right:29px;padding-top:10px;
	background:url(../misc/mybasket_bg.gif) 100% 2px no-repeat;
}