/* 

	BODY TAG

*/
body {
	margin: 0px;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	
}
/* 

	HORIZONTAL LINES

*/
hr 
{  
/* default horizontal rule */
	height: 1px;
	border: 0;	
}
/* 

	DEFAULT LINK SELECTORS

*/
a, a:link, a:visited 
{
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

/* 

	TABLE LAYOUT 

*/
#page {  
/* page table */

}
.column1 {  
/* left menu column */
	width: 217px;
}

#column2 {  
/* centre column */
	width: 526px;
	float:left;
	position:relative;
	margin-left:25px;
	margin-top:-25px;
	*margin-top:20px;
	*margin-left:20px;
	_margin-left:11px;
	
	
	
	
}


#column3 {  
/* right column */
	width: 156px;
	position:relative;
	float:right;
	
	margin-right:13px;
	margin-top:-25px;
}


/*  --------Navigation Bar---------- */

.menuBar 
{	
color:#434242;
font-size:14px;
}

/*  -------------------------------- */

.searchBar
{
    font-size: 65%;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: Black;
	background-color:#F00;
}

/*

	 FORM FIELDS

*/
input, select {
/* - (fixed size) */    
    font-size: 100%;
    
}

select, option 
{
    
	padding: 0px;
	font-size: 100%;
	color: #333333;
	background-color: #ffffff;
	/*for demonstration only*/
    border-right: #ffffff 1px outset; 
    border-top: #ffffff 1px outset; 
    border-left: #ffffff 1px outset; 
    border-bottom: #ffffff 1px outset; }
    

/* 

	DATA GRIDS / FORMATTED TABLES

*/
.datagrid 
{
    width: 100%;
    
}

.datagrid td
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    
}
.gridHeader th {  
	font-size: 55%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 28px;
	border-right: #cfcfcf 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #cccccc 1px solid;
    padding-right: 5px;
    padding-left: 6px;      

}


.pager
{
    font-size: 71%;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    height: 50px;
    vertical-align: middle;
}

.pager a:link, .pager a:visited {
	
}
.pager a:hover  {  
	font-weight: bold;		
}

.data, .dataAltRow, .dataOver {  
	font-size: 71%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
}
.dataOver
{
    /*cursor: hand;*/
}

/*

	 TEXT STYLES

*/

.standardText {
    font-size: 71%;
    font-family: Verdana, Arial, Helvetica, sans-serif;	
	
}
.col1text
{
    font-size: 71%;
}
.prodSearch
{
    font-size: 65%;
}
.prodSearch option
{
      text-transform: uppercase;
}

.uppercase 
{
    text-transform: uppercase;
}

.pageTitle
{
    /* page titles */
    font-size: 94%;
    text-align: left;
}
/* 

	 FONT FACE DEFINITIONS FOR GENERAL USE

*/
.rightColumnText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 71%;
}
.Tahoma {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.Verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Arial {
	font-family: Arial, Helvetica, sans-serif;
}
/* 

	 FONT SIZE DEFINITIONS FOR GENERAL USE

*/
.textSmaller {	
	font-size: smaller;
}
.textLarger {	
	font-size: 120%;
}
/* 

	LINK STYLES

*/
.navLinks00 {  
/* "Product Search" link in left menu */
	font-size: 71%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* TREE VIEW MENU */

.navLinks01 {
	/* left menu */
	font-size: 71%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 180%;
}
.navLinks01 td
{
    text-align: left;    
}
.navLinks01 table 
{
    width: 217px;    
}
.navLinks01Node
{ 
   /* left menu node td */
    width: 197px;    
}  

.navLinks01Node a
{
    display:block; 
    text-transform: uppercase;
    padding-left: 20px;
}

.navLinks01Node a:hover {
	text-decoration:none;	
}

/* END TREE VIEW */




#navLinks02 {  
/* "Hi User!" */
	font-size: 71%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#navLinks03 {  
/* "My Account..." links */
	font-size: 71%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.navLinks04 {
/* "Home | Contact Us | ..." links */
	font-size: 71%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.navLinks05 {  
/* Shopping Cart links */
	font-size: 71%;
	font-family: Arial, Helvetica, sans-serif;
}
#navLinks06 {  
/* "Go to Checkout" link - (fixed size) */
	font-size: 14px; 
	font-family:Arial, Helvetica, sans-serif;
}
.navLinks07 {  
/* footer links */
	font-size: 65%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#navLinksBread
{
    /* Breadcrumb trail links */
    font-size: 65%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}
#copyright {  
/*  copyright link at base */
	font-size: 60%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 50%;
}
#privacypolicy {  
/*  privacypolicy link at base */
	font-size: 60%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 25%;
}
#TsAndCs {  
/*  TsAndCs link at base */
	font-size: 60%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 25%;
}
@media print{
	.column1, .topSection, .searchBar, .menuBar, .navLinks07, #copyright, #privacypolicy, #TsAndCs{
		display: none;
	}
}


#container{width:989px;
position:relative;
margin-top:0;
margin-left:auto;
margin-right:auto;
background-image:url(images/container-bg.jpg);
background-repeat:repeat-y;
}

#container p{line-height:20px;}

#header{width:989px;
position:relative;
margin-top:0;
margin-left:auto;
margin-right:auto;
background-image:url(images/header-bg.jpg);
height:136px;
background-repeat:repeat-x;
}

#logo{margin-left:6px;
margin-top:13px;
position:relative;
float:left;}

#shopping-cart{width:167px;
height:89px;
position:relative;
float:right;
background-image:url(images/cart-bg.jpg);
margin-top:13px;
margin-right:5px;
*margin-right:3px;
overflow:hidden;
padding-right:5px;}

#shopping-cart-details{margin-top:5px;}

#checkout-but{position:relative;
float:right;
margin-top:10px;
margin-right:0px;
height:50px;
}

#search{position:relative;
float:right;
height:20px;
font-size:13px;
margin-top:-1px;
*margin-top:-21px;
}

#element{width:100%;
clear:both;}

#menu-top{position:relative;
float:right;
margin-top:7px;
margin-right:5px;
z-index:100px;
*margin-top:-12px;}

.qsearch{color:#434242;
padding-top:7px;
font-size:11px;}

#prosearch-bg{
	width:217px;
	height:190px;
	padding-top:20px;
	background-image:url(images/search-bg.jpg);
	margin-left:8px;
	margin-top:20px;
}

#prosearch-bg input{margin-top:10px;}

#advanced-link{width:auto;
position:relative;
float:left;
margin-top:0px;
margin-left:3px;}

#advanced-link a{color:#fff;
font-size:11px;

text-decoration:none;}

#advanced-link a:hover{color:#fff;
font-size:11px;

text-decoration:underline;}

#mid-header{width:auto;
margin-bottom:10px;}

#side-nav{width:156px;
margin-top:-16px;
*margin-top:45px;
}

#side-nav ul{list-style:none;
display:block;
margin-left:-40px;
*margin-left:0px;}

#side-nav ul li.logout{width:156px;
height:48px;
margin-bottom:14px;
display:block;}

#side-nav ul li.logout a{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/logout-up.jpg);}

#side-nav ul li.logout a:hover{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/logout-ovr.jpg);}



#side-nav ul li.print{width:156px;
height:48px;
margin-bottom:14px;
display:block;}

#side-nav ul li.print a{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/print-up.jpg);}

#side-nav ul li.print a:hover{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/print-ovr.jpg);}




#side-nav ul li.contact{width:156px;
height:48px;
margin-bottom:14px;
display:block;}

#side-nav ul li.contact a{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/contact-up.jpg);}

#side-nav ul li.contact a:hover{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/contact-ovr.jpg);}



#side-nav ul li.home{width:156px;
height:48px;
margin-bottom:14px;
display:block;}

#side-nav ul li.home a{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/home-up.jpg);}

#side-nav ul li.home a:hover{width:156px;
height:48px;
margin-bottom:14px;
display:block;
background-image:url(images/home-ovr.jpg);}

#nearest-branch{width:auto;}

#footer{width:100%;
background-image:url(images/footer-bg.jpg);
height:93px;
background-repeat:repeat-x;
position:relative;
margin-bottom:0;
padding-top:20px;}

#footer-content{width:954px;
height:81px;
background-image:url(images/footer-content.jpg);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
position:relative;}

#footer-copy{font-size:11px;
width:auto;
position:relative;
float:right;
color:#434242;
text-align:right;
padding-top:53px;}


#footer-links{font-size:11px;
width:auto;
position:relative;
float:left;
color:#434242;
text-align:right;
padding-top:78px;}

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

#footer-links a:hover{color:#ee3224;
text-decoration:underline;}

#home-text{width:100%}

#home-text p{line-height:20px;}


#ContentPlace{width:300px;
overflow:hidden;}

#content2 {background-color:#F00;
float:left;
overflow:hidden;
width:526px;}

#side-menu{width:217px;
	height:800px;
	background-image:url(images/cate-bg.jpg);
	margin-left:8px;
	margin-top:20px;
	padding-top:35px;
	*padding-top:40px;
	background-repeat:no-repeat;}
	
	#suppliers-random {list-style:none;
	margin-left:-40px;
	*margin-left:0px;}