body { margin: 0px; font: 16px/22px Arial, Arial, Helvetica, sans-serif; color: #333; background: #FFF url(/images/background-stripe.jpg) repeat; height:100%;}
html {height:100%;}
.body-smaller { font-size: 12px; line-height: 14px; }

li { font-size:14px; }

h1 { font-size: 20px; line-height: 22px; color: #F60; }

h2 { font-weight:bold; font-size:16px; color: #666; line-height:5px; margin-top:30px;}

.sitemap-ul {list-style-type: none;margin: 0px;padding: 0px;}
.sitemap-ul li {font-size:80%;}

#left-column { height: auto; width: 160px; position: relative; margin-top: 10px; margin-left: 10px; float: left; }

#right-column { height: auto; width: 570px; position: relative; margin-top: 0px; margin-left: 20px; float: left; }

#right-column p b { color: #666; }

#right-column p img { float: left; }

#container { margin-left:auto; margin-right:auto; margin-top:20px; width: 814px; margin-bottom: 20px; }

#header { background: #999; float: left; height: 4px; width: 800px; margin-left: 7px; }

#top-menu { height: 20px; z-index: 999; float: right; margin-right: 30px; font-size: 11px; line-height: 12px; color: #FFF; width: auto; }

#top-menu a { color: #FFF; border:none; outline:none; }

#top-menu a:hover { color: #666; border:none; outline:none; }

#logo { height: 87px; width: 285px; z-index: 999; margin-top: 23px; margin-left: 17px; float: left; clear: left; }

#footer { background: #999; float: left; height: 4px; width: 800px; margin-left: 7px; margin-top: 36px; }

#bottom-menu { height: 20px; z-index: 999; float: left; font-size: 11px; line-height: 12px; color: #FFF; width: auto; margin-left: 30px; margin-top: -16px; }

#bottom-menu a { color: #FFF; border:none; outline:none; }

#bottom-menu a:hover { color: #666; border:none; outline:none; }

#content { width: 786px; clear: both; position: relative; float: left; }

#main-image { margin-top: 10px; background: url() no-repeat center top; width: 760px; position: relative; float: left; margin-left: 12px; }

#main-image-light { margin-top: 10px; background: url() no-repeat center top; width: 760px; position: relative; float: left; margin-left: 12px; }

#strapline-bg { height: 27px; width: 444px; position: absolute; text-align: left; margin-top: -1px; margin-left:0px; background: url(/images/strapline-w-tl.gif) no-repeat -60px top; } /* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;  */
#strapline-b-bg { height: 79px; width: 556px; position: absolute; right:-113px; bottom:125px; text-align: left; margin-bottom: 0px; margin-right:0px; background: url(/images/strapline-w-br.gif) no-repeat 190px top; } /* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;  */

/*
#strapline { height: 27px; width: 444px; position: absolute; text-align: left; margin-top: 5px; margin-left: 5px; background: url(/images/strapline-o.gif) no-repeat left top; padding-left: 45px; padding-top: 2px; color: #F60; font-weight: bold; font-size: 13px; }
*/
#strapline { height: 27px; width: 444px; position: absolute; text-align: left; margin-top: 0px; margin-left: 0px; padding-left: 5px; padding-top: 2px; color: #F60; font-weight: bold; font-size: 13px; }

#strapline-bg2 { height: 27px; width: 444px; position: absolute; text-align: left; margin-top: 5px; margin-left:5px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background: url(/images/strapline-pure.gif) no-repeat left top; }

#strapline2 { height: 27px; width: 444px; position: absolute; text-align: left; margin-top: 5px; margin-left: 5px; background: url(/images/strapline-o.gif) no-repeat left top; padding-left: 45px; padding-top: 2px; color: white; font-weight: bold; font-size: 13px; }

#centre-overlay { background: url(/images/centre-overlay.gif) no-repeat; background-position:right; height: 173px; width: 724px; position: relative; margin-top: 185px; z-index: 1; margin-left: 18px; }

#intro-title { position: relative; text-align: left; margin-top: 20px; width: 400px; font-size: 20px; line-height: 22px; color: #ff6600; font-weight: bold; text-transform: uppercase; }

#intro-body { margin-top: 15px; margin-bottom: 60px; text-align: left; width: 400px; }

#intro-image {float:right;}
#intro-image-button {position:absolute;left:0px;top:0px;}

#categories1-bg { position: absolute; margin-top: 220px; margin-left: 505px; background: url(/images/centre-overlay_mini.gif) no-repeat; height: 173px; width: 724px; filter:alpha(opacity=30); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

#categories1 { position: absolute; margin-top: 220px; margin-left: 498px; font-size: 18px; line-height: 34px; height: 173px; width: 243px; padding:0px 10px; background: url(/images/centre-overlay-mini.png) no-repeat; }

#categories1 .header { font-size: 18px; line-height: 34px; }

#categories1 .links { font-size: 18px; line-height: 44px; }

#categories1 .links a { font-weight:bold; }

#categories2 { font-size: 18px; line-height: 24px; }

#left-links a { font-size: 14px; line-height: 18px; text-decoration: none; color: #666; margin-left: 0px; display: block; margin-bottom: 6px; }

#left-links a:hover { color: #F60; border:none; outline:none; text-decoration: underline; }

.hide { display: none; }

a { color: #ff6600; text-decoration: none; border:none; outline:none; }

a:hover { color: #ff6600; text-decoration: underline; border:none; outline:none; }

a:active { color: #F60; text-decoration: underline; border:none; outline:none; }

.clear-all { clear:left; height:20px; overflow:hidden; }

.menu-steps { width:756px; font-size: 16px; font-weight: bolder; color: #FFF; text-decoration: none; text-align: center; height: 38px; margin-right: auto; margin-left: auto; clear: left; top: 7px; position: relative; }

.step-off {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #999; width: 122px; float: left; height: 38px; line-height: 38px; color: #FFF; text-decoration: none; margin-right: 2px; margin-left: 2px; display: block; }

.step-off a { color: #FFF; text-decoration: none; display: block; border:none; outline:none; }

.step-off a:hover { 
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #666; width: 122px; float: left; height: 38px; line-height: 38px; text-decoration: none; display: block; border:none; outline:none; }

.step-on { 
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #ff6600; width: 122px; float: left; height: 38px; text-align: center; line-height: 38px; color: #FFF; text-decoration: none; margin-right: 2px; margin-left: 2px; display: block; }

.step-on a { color: #FFF; text-decoration: none; display: block; border:none; outline:none; }

.step-on a:hover { 
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #666; width: 122px; float: left; height: 38px; line-height: 38px; text-decoration: none; display: block; border:none; outline:none; }

#pullouts { clear: left; margin-top: 20px; margin-left: 20px; }

#pullout { clear: right; width: 186px; float: left; margin-right: 15px; height: auto; }

#pullout-box { 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ff6600; background: #fff url() repeat-x 0px 0px; width: 202px; position: relative; float: left; clear: both; border: 1px solid #999; padding: 10px; padding-top:5px; height: auto; }

#pullout-icon { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #f60; height: 33px; width: 40px; float: left; clear: right; z-index: 999; position: relative; margin: -10px 20px 0px -6px; }
#cat-pullout-icon { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #f60; height: 43px; width: 50px; float: left; clear: right; z-index: 999; position: absolute; top:-15px; right:5px; }

.pullout-title { color:black; font-weight: bold; font-size: 14px; display: block; float: left; margin-bottom: 10px; clear: left; }
.pullout-title2 { color:black; font-weight: bold; font-size: 14px; display: block; float: left; margin-bottom: 10px; clear: left; }

.pullout-body { display: block; font-size: 11px; line-height: 14px; font-weight: normal; color: #333; clear: left; }

.pullout-link { margin-top: 4px; display: block; font-size: 11px; line-height: 14px; text-decoration: none; font-weight: normal; text-align: right; clear: left; }

#pullout-box-left { 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
    background: #ff6600; background: #FFF url() repeat-x bottom; /*position: relative;*/ border: 1px solid #999; padding: 6px; display: block; font-size: 12px; font-weight: bold; color: #F60; margin-bottom: 10px; margin-right:25px; margin-left:-10px;}

.pullout-headline-left { font-size: 13px; line-height: 12px; font-weight: bold; color: #F60; margin-bottom: 7px; }

.pullout-subheadline-left { font-size: 11px; line-height: 12px; font-weight: bold; color: #333; margin-bottom: 6px; }

.pullout-image-left { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    background: #f60; height: 33px; width: 40px; float: left; position: relative; font-size: 11px; line-height: 12px; font-weight: bold; background-color: #f60; color: #fff; margin-bottom: 4px;  margin-right:10px;  }

.pullout-body-left { font-size: 11px; line-height: 12px; font-weight: normal; color: #333; clear:left; padding-top: 16px; }

.square li { font-size: 12px; list-style: square; margin-left: -25px; margin-bottom: 0px!important; }

.pullout-link-left { margin-top: 4px; display: block; font-size: 11px; line-height: 12px; text-decoration: none; font-weight: normal; text-align: right; clear: left; }

.orange { color: #F60; }

p { font-size:14px; line-height:18px; color: #333; }

#right-column-wider { height: auto; width: 722px; position: relative; margin-top: 0px; margin-left: 18px; float: left; }

h3 { font-weight: bold; font-size:14px; line-height:5px; margin-top:30px; color: #666; }

input { background: #FFF; border: 1px solid #ccc; }

input:hover { background: #E1FFE1; border: 1px solid #ccc; }

textarea { background: #FFF; border: 1px solid #ccc; }

textarea:hover { background: #E1FFE1; border: 1px solid #ccc; }

.clear { clear:both; overflow:hidden; }

#pullout-inside { clear: right; width: 500px; float: left; margin-right: 15px; height: auto; margin-bottom: 20px; }
#pullout-inside a { color: #333; }

#pullout-inside a:hover { color: #F60; text-decoration: underline; }



#pullout-box-inside { 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    background: #ff6600; background: #fff url(/images/gradient.png) repeat-x top; width: 520px; position: relative; float: left; clear: both; border: 2px solid #eee; padding: 10px; height: auto; }

#pullout-icon-inside { 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    background: #f60; height: 33px; width: 40px; float: right; clear: right; z-index: 999; position: relative; margin: -10px 10px 0px -6px; }

.pullout-body-inside { display: block; font-size: 14px; line-height: 18px; font-weight: normal; clear: left; }

.pullout-title-inside { font-weight: bold; font-size: 14px; display: block; float: left; margin-bottom: 0px; clear: left; }