/******** Author: Paul Maple
/******** Created: 13/05/04
/******** Contact info: mail@paulmaple.co.uk T:023 8058 1374 */

/* Main body styles start */
BODY    { font-size: 100%;
          font-family: arial,helvetica, sans-serif; }
		  
P    { font-size: 100%;
       font-family: arial,helvetica, sans-serif; 
	   line-height:20px;}
	   
A:link    { color: #ffffff;
            font-family: arial,helvetica, sans-serif;
            font-size: 100%;
            text-decoration: none; }
			
A:visited { color: #ffffff;
            font-size: 100%;
            text-decoration: none; }
			
A:active  { color: #ffffff;
            font-size: 100%;
            text-decoration: none; }
			
A:hover   { color: #D6B91A;
            font-size: 100%;
            text-decoration: none;}
			
/* Main body styles end */

/********** Header bar styles start ***********/	
.logo {
position:absolute;
width:489px;
height:115px;
z-index:1;
left: 0;
top: 0;
}	
	   
.address {
padding-top:6px;
padding-left:20px;
font-size:90%;
position:absolute;
width:285px; 
eight:141px;
z-index:1;
left: 483px;
top: 2px;
}



.email {
padding:4px, 0px, 2px, 0px;
position:relative;
width:250px;
z-index:3;
left: 0px;
top: 0px;
font-size:90%;
}

.email  A:link {
background: url(../images/email_bg.gif);
padding-left:18px;
}

.email A {
background: url(../images/email_bg.gif);
padding-left:18px;
}

.email  A:visited {
background: url(../images/email_bg.gif);
padding-left:18px;
}

.email  A:hover {
background: url(../images/email_anim.gif);
padding-left:18px;
font-weight: bold;
}


.plus {
padding:2px, 0px, 2px, 0px;
position:relative;
width:250px;
z-index:3;
left: 0px;
top: 0px;
font-size:90%;
}

.plus  A:link {
background: url(../images/plus.gif);
padding-left:18px;
}

.plus A {
background: url(../images/plus.gif);
padding-left:18px;
}

.plus  A:visited {
background: url(../images/plus.gif);
padding-left:18px;
}

.plus  A:hover {
background: url(../images/plus_anim.gif);
padding-left:18px;
font-weight: bold;
}

/************ Header bar styles end **************/

/************ Navigation styles start ***********/
/* STYLE NOTES: navbg = grided background that holds the navigation colsole
				menuitem = top level main menu items (parent level)
				subitem = sub level menu item (child level)
*/

.navbg 	{
position:absolute;
width: 190px;
height:120%;
z-index:5;
left: 0px;
top: 140px;
background: url(../images/nav_bg.gif);
} 

.menuitem {
padding-left:20px;
padding-top: 12px;
padding-bottom:0px;
position:relative;
width:180px;
height:11px;
z-index:3;
left: 16px;
top: 14px;
font-size:90%;
}

.menuitem  A:link {
background: url(../images/white_block_bg.gif);
padding-left:20px;
}

.menuitem  A {
background: url(../images/white_block_bg.gif);
padding-left:20px;
}

.menuitem  A:visited {
background: url(../images/white_block_bg.gif);
padding-left:20px;
}

.menuitem  A:hover {
background: url(../images/white_block_bg_anim.gif);
padding-left:20px;
font-weight: bold;
}

.activemenuitem {
padding-left:20px;
padding-top: 12px;
padding-bottom:0px;
position:relative;
width:180px;
height:11px;
z-index:3;
left: 16px;
top: 14px;
font-size:90%;
color: #D6B91A;
}

.activemenuitem  A:link {
background: url(../images/white_block_bg.gif);
padding-left:20px;
color: #D6B91A;
}

.activemenuitem  A {
background: url(../images/white_block_bg.gif);
padding-left:20px;
color: #D6B91A;
}

.activemenuitem  A:visited {
background: url(../images/white_block_bg.gif);
padding-left:20px;
color: #D6B91A;
}

.activemenuitem A:hover {
background: url(../images/white_block_bg_anim.gif);
padding-left:20px;
font-weight: bold;
color: #D6B91A;
}

.subitem {
padding-left:48px;
padding-top: 0;
padding-bottom:5px;
position:relative;
width:160px;
z-index:3;
left: 16px;
top: 19px;
font-size:90%;

}

.subitem  A:link {
background: url(../images/white_block_bg_sub.gif);
padding-left:10px;
font-size:90%;

}

.subitem  A {
background: url(../images/white_block_bg_sub.gif);
padding-left:10px;
font-size:90%;
}

.subitem  A:visited {
background: url(../images/white_block_bg_sub.gif);
padding-left:10px;
font-size:90%;

}

.subitem  A:hover {
background: url(../images/white_block_bg_sub_anim.gif);
padding-left:10px;
font-size:90%;

}

.activesubitem {
padding-left:48px;
padding-top: 0;
padding-bottom:5px;
position:relative;
width:160px;
z-index:3;
left: 16px;
top: 19px;
font-size:90%;
color: #D6B91A;
}

.activesubitem  A:link {
background: url(../images/white_block_bg_sub_anim.gif);
padding-left:10px;
font-size:90%;
color: #D6B91A;
}

.activesubitem A {
background: url(../images/white_block_bg_sub_anim.gif);
padding-left:10px;
font-size:90%;
color: #D6B91A;
}

.activesubitem  A:visited {
background: url(../images/white_block_bg_sub_anim.gif);
padding-left:10px;
font-size:90%;
color: #D6B91A;
}

.activesubitem  A:hover {
background: url(../images/white_block_bg_sub.gif);
padding-left:10px;
font-size:90%;
}

.homepage {
padding-left:20px;
padding-top: 12px;
padding-bottom:0px;
position:relative;
width:160px;
height:11px;
z-index:3;
left: 16px;
top: 14px;
font-size:90%;

}

.homepage  A:link {
background: url(../images/white_block_bg.gif);
padding-left:20px;

}

.homepage  A {
background: url(../images/white_block_bg.gif);
padding-left:20px;

}

.homepage  A:visited {
background: url(../images/white_block_bg.gif);
padding-left:20px;

}

.homepage  A:hover {
background: url(../images/home_page_bg_anim.gif);
padding-left:20px;
font-weight: bold;
color: #D4B718;
}

.activehomepage {
padding-left:20px;
padding-top: 12px;
padding-bottom:0px;
position:relative;
width:160px;
height:11px;
z-index:3;
left: 16px;
top: 14px;
font-size:90%;
color: #D6B91A;
}

.activehomepage  A:link {
background: url(../images/white_block_bg.gif);
padding-left:20px;
color: #D6B91A;

}

.activehomepage  A {
background: url(../images/white_block_bg.gif);
padding-left:20px;
color: #D6B91A;

}

.activehomepage  A:visited {
background: url(../images/white_block_bg.gif);
padding-left:20px;
color: #D6B91A;

}

.activehomepage  A:hover {
background: url(../images/home_page_bg_anim.gif);
padding-left:20px;
font-weight: bold;
color: #D4B718;
}

/******IMPORTANT - SPACER DIV ********/
/* The SPACER div is used when there is an odd number of SUB MENU ITEMS
   The SPACER div corrects the position of the MANI MENU ITEMS and re-aligns them
   with the grided backgrouns
   
   The SPACER div is to be added ONLY where odd SUB MENU ITEMS exist */
   
.spacer {
padding-bottom:7px;
position:relative;
}
/*************************************/


/* Navigation styles end */


/********* PAGE LEVEL STYLES START ******/
.bigred {
font-size: 120%;
font-weight: bold;
color: #CF0948;
}

.red {
font-size: 100%;
font-weight: bold;
color: #CF0948;
}

.yellowpara {
color: #9D8500;
font-size: 110%;
font-weight: bold;
}

.smalltext {
font-size: 80%;
color: #000000;
}

.normaltext {
color: #000000;
font-size: 100%;
}

.normaltext  A:link {
color: #A68D00;
}

.normaltext  A {
color: #A68D00;
}

.normaltext  A:visited {
color: #A68D00;
}

.normaltext A:hover {
color: #A68D00;
text-decoration: underline;
}

.rider {
font-size:80%;
color: 454545;
}

.rider  A:link {
color: #454545;
text-decoration: underline;
}

.rider A {
color: #454545;
text-decoration: underline;
}

.rider  A:visited {
color: #454545;
text-decoration: underline;
}

.rider  A:hover {
color: #D6B91A;
text-decoration: underline;
}

/********* PAGE LEVEL STYLES END ******/



/* ISO logo */
.iso {
padding-left:36px;
padding-top: 9;
padding-bottom:5px;
position:relative;
z-index:3;
top: 15px;
}


/* Paul Maple  */
.paulmaple {
padding-left:36px;
padding-top: 192;
padding-bottom:20px;
position:relative;
z-index:3;
top: 19px;
font-size:75%;
color: #6D6D6D;
}

.paulmaple  A:link {
color: #6D6D6D;
}

.paulmaple   A {
color: #6D6D6D;
}

.paulmaple   A:visited {
color: #6D6D6D;
}

.paulmaple  A:hover {
color: #ffffff;
}
 
 
 
 /****** thesmart.co.uk  *******/

 
 .thesmart_address {
padding-top:6px;
padding-left:20px;
font-size:90%;
position:absolute;
width:305px; 
eight:141px;
z-index:1;
left: 463px;
top: 2px;
}

.thesmart_normaltext {
color: #000000;
font-size: 80%;
line-height:12px;
}

 
 .thesmart_email {
padding: 1px, 0px, 1px, 0px;
position:relative;
width:250px;
z-index:3;
left: 0px;
top: 0px;
font-size:90%;
}

.thesmart_email  A:link {
background: url(../images/email_bg.gif);
padding-left:18px;
}

.thesmart_email A {
background: url(../images/email_bg.gif);
padding-left:18px;
}

.thesmart_email  A:visited {
background: url(../images/email_bg.gif);
padding-left:18px;
}

.thesmart_email  A:hover {
background: url(../images/email_anim.gif);
padding-left:18px;
}



 .thesmart_web {
padding: 1px, 0px, 1px, 0px;
position:relative;
width:250px;
z-index:3;
left: 0px;
top: 0px;
font-size:90%;
}

.thesmart_web  A:link {
background: url(../images/web.gif);
padding-left:18px;
}

.thesmart_web A {
background: url(../images/web.gif);
padding-left:18px;
}

.thesmart_web  A:visited {
background: url(../images/web.gif);
padding-left:18px;
}

.thesmart_web  A:hover {
background: url(../images/web_anim.gif);
padding-left:18px;
}