/*@import "main.css";*/
/* Elements */
* { margin: 0; padding: 0; border: 0; }
body { background: #fff; color: #000; }
/* .headerImgs class is for the top left primus logo */
h1.headerImgs { position: absolute; top: 0; left: 0px; }
h1 img { display: block; }
#page_title h1 { padding-bottom: 0.3em; color: #c7113d; letter-spacing: -0.05em; font-size: 1.9em; }
p, ul, ol, dl { padding-bottom: 1em; }

/* Document Wrapper */
#document { width: 736px; overflow:hidden;}

/* Top Navigation */
#top_nav { position: relative; height: 66px; }

/* Primary Navigation */
#primarynav { float: right; overflow: hidden; background: transparent url(../images/primarynav.gif) no-repeat; width: 535px; height: 41px; padding: 0px; }
#primarynav li { float: left; width: 107px; list-style: none; }
#primarynav a { display: block; height: 41px; text-indent: -9999px; }
#nav1 a:hover, #nav1 a.here { background: transparent url(../images/primarynav.gif) no-repeat 0 -41px; }
#nav2 a:hover, #nav2 a.here { background: transparent url(../images/primarynav.gif) no-repeat -107px -41px; }
#nav3 a:hover, #nav3 a.here { background: transparent url(../images/primarynav.gif) no-repeat -214px -41px; }
#nav4 a:hover, #nav4 a.here { background: transparent url(../images/primarynav.gif) no-repeat -321px -41px; }
#nav5 a:hover, #nav5 a.here { background: transparent url(../images/primarynav.gif) no-repeat -428px -41px; }

/* Bread Crumb */
#crumbnav { background: transparent; padding: 1em 0 0.5em 0; color: #000; font-size: 0.9em; }
#crumbnav a { color: #3457a0; }
#crumbnav a.here { color: #000; text-decoration: none; }

/* Sidebar */
#sidebar { float: left; margin-top: 76px; width: 178px; overflow: hidden; z-index:1;}
#sidebar p { padding: 0; }

/* Search  */
#sidesearch { background: #5b8ebe url(../images/sidesearch_bk.jpg) no-repeat; }
#sidesearch p.sidelang { padding: 5px 15px 0 0; text-align: right; }
#sidesearch p.sidelang a { color: #3c6ea5; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 0.75em; }
#sidebar form { overflow: hidden; padding: 15px 0 10px 15px; width: 163px; }
#sidebar label { padding-left: 10px; color: #fff; text-transform: lowercase; font-style: italic; font-weight: bold; font-size: 0.9em; }
#sidebar input { float: left; }
#kword { width: 90px; }
#kwordsubmit { background: transparent; color: #fff; text-transform: uppercase; font-family: arial,sans-serif; font-weight: bold; width:55px;}

/* Side Content */
#sidecontent { background: transparent url(../images/sidebar_bk.gif) repeat-y; border-bottom: 1px solid #fff; }

/* Secondary Navigation */
#secondarynav h4 { overflow: hidden; background: transparent url(../images/sideheading1.gif) no-repeat; height: 40px; padding-left:999px; }
#secondarynav ul { padding: 0; }
#secondarynav li { list-style: none; font-size: 1px; }
#subnav1 a, #subnav2 a, #subnav3 a, #subnav4 a, #subnav5 a, #subnav6 a, #subnav7 a, #subnav8 a, #subnav9 a, #subnav10 a{ display: block; text-indent: -9999px; padding:0px; margin:0px;}

#subnav1 a { background: transparent url(../images/secondarynav_busi.gif) 0px 0px no-repeat; height: 16px; }
#subnav2 a { background: transparent url(../images/secondarynav_busi.gif) 0px -16px no-repeat; height: 16px; }
#subnav3 a { background: transparent url(../images/secondarynav_busi.gif) 0px -32px no-repeat; height: 29px; }
#subnav4 a { background: transparent url(../images/secondarynav_busi.gif) 0px -61px no-repeat; height: 16px;}
#subnav5 a { background: transparent url(../images/secondarynav_busi.gif) 0px -77px no-repeat; height: 16px; }
#subnav6 a { background: transparent url(../images/secondarynav_busi.gif) 0px -93px no-repeat; height: 16px; }
#subnav7 a { background: transparent url(../images/secondarynav_busi.gif) 0px -109px no-repeat; height: 16px; }
#subnav8 a { background: transparent url(../images/secondarynav_busi.gif) 0px -125px no-repeat; height: 16px; }
#subnav9 a { background: transparent url(../images/secondarynav_busi.gif) 0px -141px no-repeat; height: 29px; }
#subnav10 a { background: transparent url(../images/secondarynav_busi.gif) 0px -170px no-repeat; height: 16px; }

#subnav1 a:hover, #subnav1 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -0px no-repeat; }
#subnav2 a:hover, #subnav2 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -16px no-repeat; }
#subnav3 a:hover, #subnav3 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -32px no-repeat; height: 29px;}
#subnav4 a:hover, #subnav4 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -61px no-repeat; }
#subnav5 a:hover, #subnav5 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -77px no-repeat; }
#subnav6 a:hover, #subnav6 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -93px no-repeat; }
#subnav7 a:hover, #subnav7 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -109px no-repeat; }
#subnav8 a:hover, #subnav8 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -125px no-repeat; }
#subnav9 a:hover, #subnav9 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -141px no-repeat; height: 29px;}
#subnav10 a:hover, #subnav10 a.here { background: transparent url(../images/secondarynav_busi.gif) -178px -170px no-repeat; }

/*Left-Hand Navigation*/

#left-hand-navigation {color:#FFFFFF; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}
#left-hand-navigation a, #left-hand-navigation a:visited { color:#FFFFFF; text-decoration:none; }
#left-hand-navigation a:hover { color:#FFFFFF; text-decoration:underline; }
#left-hand-navigation a.header, #left-hand-navigation a.header:visited { color:#B7DAED; text-decoration:none; }
#left-hand-navigation a.header:hover { color:#B7DAED; text-decoration:underline; }

#left-hand-navigation .note { font-size:11px;}

#left-hand-navigation h1 { color: #DDF5FF; font-size:14px; font-weight:normal; letter-spacing:0px; text-transform:uppercase;}
#left-hand-navigation a.h1, #left-hand-navigation a.h1:visited { color:#FFFFFF; text-decoration:none; }
#left-hand-navigation a.h1:hover { color:#B7DAED; text-decoration:none; }

#left-hand-navigation h2 { color: #FFFFFF; font-size:13px; font-weight:bold;}

#left-hand-navigation .news { font-size:11px;}
#left-hand-navigation a.news, #left-hand-navigation a.news:visited { color:#FFFFFF; text-decoration:none; }
#left-hand-navigation a.news:hover { color:#B7DAED; text-decoration:none; }

/* ------------------------------------------------------------------- START: Fly-Out Menu ------------------------------------------------------------------- */

.glossymenu, .glossymenu li ul{
background-color: #5481B4;
list-style-type: none;
margin: 0;
padding: 0;
width: 178px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
/*background: white url(glossyback.gif) repeat-x bottom left;*/
background-color: #5481B4;
color:#FFFFFF; 
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
display: block;
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 200px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;

background-color: #446D9A;
color: #ffffff;
border: 1px solid #446D9A;

}

.glossymenu li ul li{float: left;}

.glossymenu li ul a{
width: 200px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
background-color: #446D9A;
color: #ffffff;
text-decoration: none;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #ffffff;
text-decoration: none;
}

.glossymenu li a:hover{
/*background-image: url(glossyback2.gif);*/
background-color: #AED5EF;
color: #446D9A;
text-decoration: none;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */




.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* ------------------------------------------------------------------- END: Fly-Out Menu ------------------------------------------------------------------- */

/* Login */
#sidelogin { font-size: 0.8em; }
#sidelogin h4 { overflow: hidden; background: transparent url(../images/Left-Menu_ManageYourAccount.gif) no-repeat; height: 40px; padding-left: 999px; }
#sidelogin p { padding: 0 5px 0 15px; color: #fff; }
#sidelogin p.sideloginmore { padding: 5px 0 5px 15px; }
#sidelogin p.sideloginmore a { display: block; overflow: hidden; background: transparent url(../images/sidelogin.gif) no-repeat; width: 118px; height: 14px; padding-left: 999px; }

/* LoginRed */
#sideloginred { font-size: 0.8em; background-color: #E5173F; border-bottom: 1px solid #fff;}
#sideloginred h4 { overflow: hidden; background: transparent url(../images/Left-Menu_ManageYourAccount_red.gif) no-repeat; height: 40px; padding-left: 999px; }
#sideloginred p { padding: 0 5px 0 15px; color: #fff; }
#sideloginred p.sideloginmorered { padding: 5px 0 5px 15px; }
#sideloginred p.sideloginmorered a { display: block; overflow: hidden; background: transparent url(../images/sidelogin_red.gif) no-repeat; width: 118px; height: 14px; padding-left: 999px; }

#sidenavbottom { background: transparent url(../images/sideecare_bk.gif) left bottom no-repeat; padding: 5px 0 5px 15px; }

/* E-Care */
/*#sideecare { font-size: 0.8em; }
#sideecare h4 { overflow: hidden; background: transparent url(../images/sideheading3.gif) no-repeat; height: 51px; padding-left: 999px; }
#sideecare p { padding: 0 5px 0 15px; color: #fff; line-height: 1.2; }
#sideecare p.sideecaremore { background: transparent url(../images/sideecare_bk.gif) left bottom no-repeat; padding: 5px 0 5px 15px; }
#sideecare p.sideecaremore a { display: block; overflow: hidden; background: transparent url(../images/sideecarefind.gif) no-repeat; width: 118px; height: 26px; padding-left: 999px; }*/
 
/* Main */
#main { width:535px; float:right; overflow:hidden; }

/* Footer */
#footer { width:535px; border-top: 1px solid #d0d0d0; color: #999999; line-height: 1.3; font-size: 0.8em; margin-left: 201px; clear:both; padding-top: 0.5em;}
/*
#footer ul { padding-top: 0em; padding-bottom: 0em; width: 100%; }
#footer li { background: transparent url(../images/pipe.gif) 0.7em no-repeat; padding-left: 1.6em; float: left; list-style: none; font-family: arial,sans-serif; }
#footer li.first { background: none; padding-left: 0; }
*/
#footer a { background: #fff; color: #3457A0; text-transform: uppercase; text-decoration: none; letter-spacing: -0.06em; }
#footer .page_id { font: normal 10pt Verdana, Arial, Helvetica, sans-serif; color: #333333; padding-bottom: 8px;}
#footer p.seo { color: #999999; text-decoration: none; letter-spacing: -0.06em; }
#footer p.seo a { color: #999999; text-decoration: none; text-transform: none; letter-spacing: -0.06em; }