/****************************
* Formally defaults.css
*
*****************************/
*{line-height:1.3}
#tel, #email{position:absolute; font-family:Arial, Helvetica, sans-serif; color:#00664E; font-size:13px; font-weight:bold; font-style:italic; top:20px;}
#tel{right:254px;}
#email{right:30px;}
.contact_details, #email a{color:#F9C440; text-decoration:none; font-size:13px;  font-style:italic;}


.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 #000000;

}
.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 #000000;


}
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;}
/*body{margin:0;padding:0;background:#000000;
}*/
* 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:#000000;
	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:#00664E;
}

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

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

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


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

/* Text used when stock levels are ok */
.stockok{
	font-size: 13px;
	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: 13px;
	font-family: Arial;
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

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


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

}

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

.vertical_menu ul{
	margin:0 0 0 4px;
	padding:0;
}
.menuContent{
width:171px;
font: 13px  Arial,Helvetica, sans-serif;
border:1px solid #BCBEC0;
border-top:0px;
/*border-bottom:0;*/
margin: 0 3px 25px 3px;
padding:17px 0 25px 0;
/*background:#fff url(../misc/menuContent_bg.jpg) 0 100% no-repeat;*/
color:#c3c4c5;
}


.menuContent form{
	margin: 0;
	padding:0;
	border:none;
}


ul li{
	line-height:1.3;
	padding:0 0 0 28px;
	font:13px Arial, Helvetica, sans-serif;
}

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

}

.vertical_menu h1{
font:normal 13px  Arial, sans-serif;
color:#FFFFFF;
padding:0;
margin:0 3px;
padding:7px 10px 7px 0;
width:168px;
background: url(../misc/vertical_menu_h1_bg.jpg) top left no-repeat;
/*border:2px solid #BCBEC0;*/
text-align:right;
text-transform:lowercase;
}




.mid li{
	background:url(../misc/vertical_menu_li_bg.gif) 4px 0 no-repeat;
	margin-left:-22px;

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

}
.vertical_menu ul li a{
	font:13px  Arial, sans-serif;
	text-decoration: none;
	color:#636567;
}
/*.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: #000000;
}
.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:30px auto 40px auto;
	padding: 0;
	width:850px;
	border:1px solid #CCCCCC;
}
.inner{
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;background:#fff;
	
}


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

.topNav{

 	 margin:0;
	 margin-right:10px;
	 margin-top:13px;
	 width:600px;
	
}

.topNav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	
}


.topNav li{
	margin:0;
	padding-left:13px;
	float:left;	
 	width: 14%;
    text-align: center; position:relative;
	top:10px;
	left:97px;
}

.topNav a{

color:#00664E;
font-size:13px;
font-family:Arial;
font-weight:normal;
}

/*
.topNav li{
	float:left;
	padding:0;
	margin:0;
	height:54px;
	
}
.topNav a{
color:#00664E;
font-size:13px;
font-family:Arial;
font-weight:normal;

display:block;
text-align:center;
padding:5px 0px;
width:100px;
height:11px;
overflow:hidden;

}

.topNav ul li a{
display:block;
text-align:center;
padding:5px 0px;
width:100px;
height:11px;
overflow:hidden;
}
*/

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




#footer {
	
	
	background:#000000 url(../misc/bottom_bg.jpg) 100% 0 no-repeat;
	height:75px;
	position:relative;

}

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

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

#footer #altnav {
	width: 350px;
	float: right;
	padding-right:5px;
	text-align: right;
}





ul.loginLinks{
position:absolute;
left:598px;
}
.loginLinks li{
background:none;
}
strong.topBanner_title{
	display:block;position:absolute;width:445px;background:#000000;color:#fff;text-indent:18px;left:0;top:84px;padding:20px 0 20px 0;
	font-size:13px;font-family:Tahoma;font-weight:bold;
}
/*.home, .products, .testimonials, .aboutus, .contact{
	display:block;text-align:center;padding:5px 0px;width:100px;height:11px;overflow:hidden;
}*/

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

}
table.mainContent td{
	vertical-align:top;
	table-layout:fixed;
}
td.MiddleMenu{
	width:175px;

}

.MiddleMenu img { border:none; }

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

.mid{
	
/*	margin:0 -2px 0 16px;*/
	
	padding:0;

	position:relative;
	color:#636466;
	font-size: 13px;
	font-family:Arial;
	font-style: normal;
	font-weight: normal;
}

.mid a{ 
	color:#00664E;
	font-weight:bold;
	text-decoration:underline;
}

.mid a:hover{
color:#F7AF02;
}
td.middleContent h1{
	clear:both;
	padding:8px 0 4px 0;
	position:relative;
	background: url(../misc/h1_bg.gif) 0 100% repeat-x;
	color:#00664E;
	font:bold italic 22px Arial;
	clear:both;
	zoom:1;
	_height:1%;
}

td.middleContent h2{
	clear:both;
	padding:8px 0 4px 0;
	position:relative;
	color:#00664E;
	font:bold 16px Helvetica, Arial, sans-serif;
	clear:both;
	zoom:1;
	_height:1%;


}

#list{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-100px;
	color:#000000;
	z-index:1000;
}
#list a{color:#000000;}
div.adress{
	height:42px;
	background:url(../misc/address_bg.png) 444px 0 no-repeat;
	font-size: 11px;
	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 13px  Arial, sans-serif;
	color:#FFFFFF;
	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;
}