/****************************
* 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 #5FAEBD;

}
.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 #5FAEBD;


}
html{margin:0;padding:0;width:100%;}
body{margin:0;padding:0;background:#231f20 url(../misc/body_bg.jpg) 40% -269px;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:#000000;
	font-family:Verdana;
	text-decoration: none;
	width:534px;
	font-weight:100;
	font-weight:bold;
}


legend{
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial;
	color:#005596;
}

/***********************
 TEXT
 Text used in the main content
************************/

/* Table data, advised to keep this the same as the paragraph (p) tag */
td{
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
}

/* A list element. Advised to keep the same as the paragraph (p) tag */
li{
	font-size: 11px;
	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: 11px;
	font-family: Arial;
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

/* Text used when stock levels are ok */
.stockok{
	font-size: 11px;
	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: 11px;
	font-family: Arial;
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

/* Link text */
a{
	text-decoration: none;
	font-size: 11px;
	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:167px;
font: 11px Helvetica, Arial, sans-serif;
border:2px solid #bfb5ae;
border-top:0px;
margin: 0 3px 7px 3px;
padding:17px 0;
background:#fff;
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 3px 0 13px;
	font:bold 11px Helvetica, Arial, sans-serif;
}

.vertical_menu ul li ul li {

	margin-left: -20px;
	border: none;
	list-style-position: outside;

}

.vertical_menu h1{
font:normal 12px Helvetica, Arial, sans-serif;
color:#FFFFFF;
padding:0;
margin:0 3px;
padding:3px 0 4px 0;
width:167px;
background:#040404 url(../misc/vertical_menu_bg.gif) top left repeat-x;
border:2px solid #c3c4c5;
border-bottom:0;
text-align:center;
text-transform:lowercase;
}


ul li{
	line-height:13px;
	padding:0 0 0 18px;
	font:bold 11px Helvetica, Arial, sans-serif;
	margin-left: -20px;
	vertical-align:middle;
}



.vertical_menu ul li{
	background:url(../misc/vertical_menu_li_bg.gif) 5px 3px no-repeat;
	
	margin-bottom:10px;
	vertical-align:middle;

}


.vertical_menu  * a{
	color:#7f0012;
}
.vertical_menu ul li a{
	font:bold 11px  Arial, sans-serif;
	text-decoration: none;
	color:#000;
}
/*.vertical_menu .menuContent a{
	color:#7f0012;
}*/
img.models{clear:both;display:block;margin:0 0 25px 7px;}

.menulinks{
vertical-align:middle;
	height:40px;	
	
}

.menulinks p, .menulinks td{
	color: #666666;
	font-weight: bold;

}

.menulinks a{
	text-decoration: none;
	color: #CCCCCC;
}
.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;
	padding-top:1px;
}
.mybasket{
display:block;
position:absolute;
right:102px;
top:70px;
background:url(../misc/mybasket_bg.gif) 50% 0 no-repeat;
	font:normal 8px  Arial, sans-serif;
	color:#3f3f3f;
	text-transform:uppercase;
	word-spacing:1px;
padding:25px 0 3px 0;

}


.outer{
	margin: 0 auto;
	padding:97px 0 0 0;
	width:863px;
	background:url(../misc/innerBG_bg.png) 0 0 no-repeat;
}
.inner{
	margin:0 auto;
	padding:0;
	width:100%;
	background:  url(../misc/inner_bg.gif) 0 0 repeat-y;
	position:relative;
}
div.wrap{
	background:url(../misc/innerBG_bg_2.gif) 50% 61px no-repeat;
	
}
div#leftDesBlock{background: url(../misc/outer_bg.png) 0 0 no-repeat;width:116px;height:1030px;position:absolute;top:-27px;left:-84px;}
div#rightDesBlock{background: url(../misc/right_des_bg_2.png) 0 0 no-repeat;width:116px;height:1009px;position:absolute;top:-19px;right:-88px;_right:-89px;}

.topBanner{
padding:0;
margin:0;

}

a#logo, a#logo img{border:0;}
a#logo{display:block;clear:both;margin:0 auto;width:489px;height:68px;position:relative;top:-3px;}

.topNav{
margin:0;
padding:14px 0 0 166px;
list-style:none;
margin-bottom:20px;
margin-right:5px;
clear:both;
letter-spacing:1px;
zoom:1;

}
.topNav li{
	background:none;
	float:left;
	padding:0;
	margin:0 5px 0 0;
}
.topNav a{
color:#FFFFFF;
font-size:9px;
font-family:Arial;
font-weight:normal;
background:#070707 url(../misc/lopNav_li_bg.gif) 0 0  repeat-x;
text-transform:uppercase;
}



.clear{
clear:both;
width:100%;
}






.bottom{
	background:#231f20;
	height:49px;color:#fff;
	position:relative;
}
.bottom a{color:#fff;background:#231f20;}
a.mail_info{position:absolute;top:13px;left:30px;}
.bottom address{font:normal normal 14px Arial, sans-serif;position:absolute;top:12px;left:704px;}
ul.loginLinks{
position:absolute;
left:598px;
}
.loginLinks li{
background:none;
}

.home, .products, .testimonials, .aboutus, .contact{
	display:block;text-align:center;padding:6px 0px 6px 0px;width:103px;height:11px;overflow:hidden;
}

table.mainContent{
	border-collapse:collapse;
	width:800px;
	table-layout:fixed;
	margin:0 0 0 30px;

}
table.mainContent td{
	vertical-align:top;
	table-layout:fixed;
}
td.MiddleMenu{
	width:187px;

}
td.middleContent{
	width:613px;
	padding-bottom:10px;
	table-layout:fixed !important;
}

.mid{
	width:100%;
	margin:0;
	position:relative;
	color:#6c6d6f;
	font-size: 11px;
	font-family:Arial;
	font-style: normal;
	font-weight: normal;
	overflow:hidden;
}

.mid a{ 
	color:#972f3e;
}
td.middleContent h1{
	clear:both;
	padding:8px 0 1px 0;
	position:relative;
	background:#0f0f0f url(../misc/vertical_menu_bg.gif) 0 0 repeat-x;
	color:#fff;
	font:normal 11px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	text-indent:5px;
}
td.middleContent h2{
	color:#000;
	font:normal 11px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
td.middleContent ul{
	list-style-type:none;
	margin-left:34px;
	padding:0;
}
td.middleContent ul li{
	margin:0;
	padding:0;
}
#list{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-100px;
	color:#fff;
	z-index:1000;
}
#list a{color:#fff;}
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;}
div.bott_text{
	font-size: 11px;
	font-family:Arial;
	font-weight: normal;
	color:#fff;
	margin:4px 0 23px 5px;
}

a.myhome, a.myorders, a.mycontact{
	position:absolute;
	display:block;
	top:70px;
	padding:25px 0 3px 0;
	font:normal 8px  Arial, sans-serif;
	color:#3f3f3f;
	text-transform:uppercase;
	word-spacing:1px;
}
a.myorders{
	right:36px;
	background:url(../misc/myorder.gif) 50% 0 no-repeat;
}
a.mycontact{
	left:96px;
	background:url(../misc/mycontack.gif) 50% 0 no-repeat;
}
a.myhome{
	background:url(../misc/myorder.gif) 50% 0 no-repeat;
	left:40px;
}

