body {background: #ffffff url(/images/header-bg.gif) 0px 0px repeat-x; text-align: center; padding: 0px; font-family: Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body, a, a:visited { color: black;}

h1, h1 a, h1 a:visited, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, h2 a, h2 a:visited, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, h3 a, h3 a:visited, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, h4 a, h4 a:visited, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, h5 a, h5 a:visited, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px;}
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 308px; height: 100px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178);  }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content li {margin-bottom: 4px;}

/* layout css */
.page {width: 760px; margin: 0px auto 0px auto; text-align: left; }

.header { height: 101px; text-align: right;}
.header, .header a, .header a:visited { text-decoration: none;}
.header .lcol {float: left; width: 200px; padding-top:22px;}
.header .rcol {float: left; width: 560px;}
.header .rcol .sub { }

.header .upper a:hover {text-decoration: underline;}
.header .options {height: 45px; }
.header .options  p {margin: 0px; padding: 5px 19px 0px 19px; font-size: 90%;}
.header .bar {float: right; text-align: right; height: 24px; }
.header .bar .intro { float: right; height: 24px; width: 76px; }
.header .search {float: right; height: 24px; margin-right: 1px;}
.header .search .txtfield {border: 1px solid rgb(192,191,191); margin: 0px; position: relative; left: 4px; top: -5px; width: 115px; height: 18px;}
html>body .header .search .txtfield {height: auto; }
.header .search .imgbtn {height: 23px; width: 23px;}
.header .bar, .header .bar a, .header .bar a:visited { font-weight: bold;}
.header .bar img:hover {text-decoration: none;}
.header .bar p {margin: 3px 11px 0px 7px;}
.header .account {float: right; height: 24px; margin-right: 1px;}
.header .basket {float: right; height: 24px; width: 200px;}
.header .basket p {margin-right: 24px;}

.topmenu { width:760px; height: 59px;}
.topmenu .pageTitle { width: 193px; height:38px; float:left; background:url(/images/title-bg.gif) 0px 0px no-repeat;}
.topmenu .menu {width: 550px; height: 38px; float: left; display: inline; }

.topmenu .menu .nosel a, .topmenu .menu .nosel a:visited {width:129px; height:28px; padding-top:10px; display:block; background:url(/images/menu-bg.gif) 0px 0px no-repeat; font-weight: bold; text-transform:uppercase; text-decoration: none; color:white; }
.topmenu .menu .nosel a:hover {height:49px; background:url(/images/menu-bg.gif) 0px -38px no-repeat; text-decoration: none;}
.topmenu .menu .sel a, .topmenu .menu .sel a:visited { width:129px; height:49px; padding-top:10px; display:block; background:url(/images/menu-bg.gif) 0px -38px no-repeat; font-weight: bold; text-transform:uppercase; text-decoration: none; color:white; }
.topmenu .menu .item {float: left;  }
.topmenu .menu .item p { margin: 0px; padding-top:0px; text-align: center; }



/* default page styles */
.pageBody { margin-top: -22px; padding:0px; background:rgb(77,77,77); }
.pagearea { height: 340px;}
html>body .pagearea {height: auto; min-height: 340px;}

.pageBody .bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}

.lcol, .rcol, .left, .right {float: left; }
.pageBody .lcol { width: 579px;  min-height:440px;  height:auto !important;  height:440px; background: url(/images/lcol-bg.gif) 0px 0px repeat-y; }
/*html>body .pageBody .lcol {height: auto; min-height: 440px;}*/
.pageBody .rcol { width: 181px; margin-top: -1px; padding-bottom:32px; background: #ffffff url(/images/rcol-base.gif) left bottom no-repeat;}


.pageBody .lcol .content { padding:40px 14px 20px 14px; }
.home .lcol .content p:first-child {font-weight:bold; padding:8px; background:white; }

.default .lcol .left { width:330px; }
.default .lcol .right{ width:245px; padding-top:40px; background: none; }

.default .lcol .right .top {height:300px; }
.default .lcol img {padding:1px; border:1px solid #4d4d4d; }

.imgcaption {width:221px; font-size:80%; text-align:center; }

.contactpage .lcol .left { width:235px; }
.contactpage .lcol .right{ width:320px; padding-top:40px; background: none; }


.default .lcol .left h3 {width:275px; height:21px; padding:3px 0px 0px 15px; text-transform:uppercase; color:#4d4d4d; background:#ffffff url(/images/heading-bg.gif) 0px 0px no-repeat; }
.default .lcol .left p {margin-left:10px; }

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: 1px solid rgb(166, 167, 169); padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}


.pageTitle h1 {text-align: left; padding:5px 0px 0px 10px; text-transform:uppercase; font-weight:bold;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(80,80,80); font-size: 24px; font-weight: normal;}

.footer { height:51px; margin-top:-1px; text-align: right; padding: 0px ; background:url(/images/footer-bg.gif) 0px 0px no-repeat; }
.footer, .footer a, .footer a:visited {color: rgb(255,255,255); text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%; padding:30px 0px 0px 0px; }
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; border-right: 1px solid rgb(255,255,255); height: 16px;}
.footer .menu p {margin: 0px; padding: 0px 4px 0px 4px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}


/* home page */
.pageBody .home td {border: none; padding: 0px; margin: 0px;}


/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* site map */
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}

/* generic login form */
.loginForm {}
.loginForm .row {}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background-color: rgb(215, 236, 236); border: 1px solid rgb(180, 180, 180); margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}



/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* map */

#map {padding:1px; border:1px solid #4d4d4d; }

/*   contact form   */
.contact { margin:2px 0px 0px 1px; }
.contact h4 {height:19px; padding:5px 0px 0px 5px; background:url(/images/contact-title-bg.gif) 0px 0px no-repeat; color:#4D4D4D; }

.contact .row { padding-bottom:2px; font-size:90%;  }
.contact .submitbtn {border: none; height: 21px; overflow: visible; padding: 0px 0px; text-transform:uppercase;  font-weight: normal; cursor: pointer}
.contact .txtfield {width:173px; }

/* phone info box */
.phone_info {width:172px; margin-left:0px; padding:4px; background:#999999 url(/images/phone-bg.gif) 0px 0px no-repeat; }
.phone_info p {color:white; }
.phone_info .phone {font-weight:bold; font-size:130%; }