/* page resets */
body,ul,li,p,h1,h2,h3,h4,h5,img,form,fieldset {margin: 0; padding: 0; list-style: none; border: none; }

body {font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #7A7A7A; line-height: 14pt; background: #E1E1E1; }

body.swoosh { }
body.body_fixed_header {width: 100%; height: 100%; background: none; background-color: #FFF;}

/*html {overflow-y:scroll;}*/

html {
    height: 100%;
    margin-bottom: 1px;
}

/* text styles */
a {color: #E51B24;} /*blue #0373B2*/
a:hover {color: #666;}
h1 {font-size: 1.6em; color: #3F3F3F; font-weight: normal; margin: 14px 0;}
h1 a {color: #E51B24; text-decoration: none;}
h1 span {font-size: 0.8em; display: block; position: relative;}
h1 a:hover {color: #4D4D4D;}
h2 {font-size: 1.4em; color: #3F3F3F; font-weight: normal; margin: 14px 0;}
h3, h2.asH3 {font-size: 1.2em; font-weight: bold;}
h4 {font-size: 1.2em; color: #3F3F3F; font-weight: normal;}
h5 {font-size: 1.2em; color: #3F3F3F; font-weight: normal;}
p {font-size: 1em; margin: 10px 0;}
legend {font-size: 1em;}
span.toggler {font-weight: bold; margin-left: 8px; display: block; position: relative;}
div.element ul {padding: 0px 8px;}
div.element h3 {padding: 0px 8px; font-size: 1.1em;}

/* main layout */
#center {text-align: center;}
#width {width: 970px; margin: 5px auto; padding: 0px 0 0 0; text-align: left; background: #fff; overflow: hidden; border-radius: 7px;}

/* column layouts */
.columnsTwoSpread {float: left; width: 646px; padding-left: 10px;}
.columnsTwoSpreadNoPad {float: left; width: 656px;}
#columns, .columns {margin: 4px; height: 1%; clear: both;}
.leftCol {width: 306px; float: left; clear: left;}
.centerCol {width: 306px; float: left; margin-left: 21px; margin-right: 21px;}
.columnsTwoSpreadNoPad .centerCol {margin-right: 0px;}
.rightCol {width: 306px; float: left;}
.rightCol a:focus{outline:none} /* remove focus dotted line as it spans across whole page in FF. */

.columnsThreeSpread {float: left; width: 953px; padding-left: 10px;}
.columnsThreeSpreadNoPad {float: left; width: 963px;}

/* text content */
#content {padding: 0 20px 10px 10px; margin-left: 160px; border-left: 1px solid #E6E6E6;}
#content h1, #columns h1 {color: #4D4D4D;}
#content h3 {color: #4D4D4D;}

#content_order {padding: 0 20px 10px 10px; margin-left: 300px;}

.bullet_list, .bullet_list li {list-style-type: disc;}
.bullet_list {margin: 10px 20px; padding: 0px;}
#accordion .bullet_list li {display: list-item;}
ol.bullet_list, ol.bullet_list li {list-style-type: decimal;}
ol.list_alpha, ol.list_alpha li {list-style-type: lower-alpha;}

.bullet_list {margin-left: 28px;}

.bullet_list ul {margin: 10px 20px;}

/* main page - rounded corners */
.cornersTop {display: block; position: relative; float: left; width: 100%; background: #fff url(../../images/pageTop.gif) no-repeat top center; padding-top: 5px; margin-top: 0px; border-radius: 4px; margin: 5px 0 0 0;}
.cornersBottom {display: block; position: relative; float: left; width: 100%; background: #FFF url(../../images/pageBottom.gif) no-repeat bottom center; border-radius: 6px; padding-bottom: 4px; padding-top: 0px;}

#primaryNav { width: 970px !important; margin: 0 auto 0px auto; background: #; z-index: 96; }
.dropdown { display: block; width: 970px !important; margin: 0 auto 0 auto; margin: 0;}

.dropdown li:first-child  { border-radius: 0 0 4px 4px;}
.dropdown li:first-child a:hover { border-radius: 0 0 0px 4px;}
.dropdown li a { font-weight:bold;}
.dropdown li ul { z-index: 95; position: relative;}
/* header */

#header {height: 100px; margin: 0 auto 0px auto; background: #FFF; width: 970px;}

#logo {margin: 0px 0 0 14px;}

/* navigation */
/*#topNav {float: right; margin: 10px 10px 0 0; padding-left: 10px; background: url(../../images/topNav.gif) no-repeat top left; height: 32px; width: 341px;}
#topNav li {float: left; margin: 0 10px; line-height: 32px;}
#topNav li a {color: #666; font-weight: bold; text-decoration: none;}
#topNav li a:hover {color: #E51B24;}*/

/* #theLogo { float: left; }
#topNav_div {float: right; margin: 10px 10px 0 0;  height: 32px; width: auto;}
#topNav {float: left; margin: 0; padding-left: 12px;  height: 32px; width: auto;}
#topNav li {float: right; padding: 0; margin: 0; height: 20px;}
#topNav li#topNav_phone, #topNav li a {display: block; float: right; height: 18px; padding: 4px 13px 0 19px; background-repeat: no-repeat; background-position: 0px 5px;}
#topNav li a {color: #666; font-weight: bold; text-decoration: none;}
#topNav li a:hover {color: #E51B24;}
#topNav li#topNav_phone {background-image: url(../../images/panels/header_panel_p hone.gif); color: #e51b24; font-weight: bold; font-size: 18px;}
#topNav li#topNav_share a {background-image: url(../../images/panels/header_panel_share.gif);}
#topNav li#topNav_feedback a {background-image: url(../../images/panels/header_panel_feedback.gif);}
#topNav li#topNav_login a {background-image: url(../../images/panels/header_panel_login.gif); padding-right: 0px;}
#topNav li#topNav_login {padding-right: 12px;	}
#topNav_from_allies{float:right;margin-right:20px;margin-top:-42px; width: 220px; height: 22px; background: url('../../images/fromWorldAddresses.png') no-repeat;}
#topNav_from_allies span { text-indent: -9999px; display: block;}
*/

#logo { height: 100px; float: left;}
#logo a { background: url('../../images/logo-postmark.gif') no-repeat; height: 100px; width: 400px; display: block; }
#logo a span { display: block; text-indent: -9999px; }

#topnav { float: right; overflow: hidden; margin: 10px 10px 0 0;}
#topnav li.phone { color: #e51b24; font-size: 18px; font-weight: bold; margin: 10px 0 0 0;}
#topnav li.login a { background: url('../../images/panels/header_panel_login.gif') no-repeat; padding: 0 0 0 20px; line-height: 20px; display: block; color: #999; font-weight: bold; text-align: left; margin: 4px 0 0 0; text-decoration: none;}


#flash_demo { position: absolute; right: 70px; top: 15px; z-index: 98; background: #e8e8e8; padding: 10px; border-radius: 3px; border: 1px solid #ddd; width: 350px;}

#tryitnow label { float: left; line-height: 30px; margin-right: 10px; }
#tryitnow { font-weight: bold;}

#tryitnow input { height: 25px; float: left; border: 1px solid #999;}
#tryitnow input[type='submit'] { width: 73px; clear: none !important; border: 0; height: 22px; margin: 0 0 0 5px; float: left !important; background: url('../../images/button/submit-small.gif'); text-indent: -9999px; color: transparent !important;}


p.downloadHighlight { border: 1px solid red; }


#flashContent {position:relative; z-index: 1; padding:5px 0 0 5px;}

#mainNav {position:relative; z-index: 2; padding-left: 3px; height: 30px; background: url(../../images/nav.gif) no-repeat bottom center;}
#mainNav ul {height: 30px;}
#mainNav li {float: left; line-height: 30px;}
#mainNav li a {display: block; text-decoration: none; font-weight: bold; color: #E51B24; font-size: 1em; padding: 0px 15px;}
#mainNav li a:hover,
#mainNav li.current {background: url(../../images/navHover.gif) no-repeat bottom center;}

#mainNavMenu { display: block; margin: 0; padding: 0; position: relative; }
#mainNavMenu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#mainNavMenu a { display: block;}
#mainNavMenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #mainNavMenu ul { line-height: 0; } /* IE6 "fix" */
#mainNavMenu ul a { zoom: 1; } /* IE6/7 fix */
#mainNavMenu ul li { float: none; }
#mainNavMenu ul ul { top: 0; }

#mainNavMenu ul { width: 220px; }
#mainNavMenu ul ul { left: 221px; }

#mainNavMenu { height: 30px; }
#mainNavMenu *:hover { background-color: none; }
#mainNavMenu li a:hover { color: #fff; background: none; background-color: #30A8C3; }
#mainNavMenu ul { top: 30px; }
#mainNavMenu ul li a { }
#mainNavMenu ul a:hover { color: #fff; background-color: #30A8C3;}
#mainNavMenu ul a { color: #fff; background-color: #5E5A5A; border-bottom: 1px solid white; opacity: 0.9; filter: alpha(opacity=90); }

.greyMenu div { height:7px; line-height:7px; background-color: transparent; background-image:url(../../images/menu/grey_bottom.gif); background-repeat:no-repeat;}

.moreitems {
	background-image:url(../../images/menu/arrow2.gif);
	background-repeat:no-repeat;
	background-position: 90% 50%;
}

.subNav {float: left; width: 140px; padding-top: 7px;}
.subNav ul {padding-bottom: 10px;}
.subNav li {font-weight: bold; color: #282828;}
.subNav li a {font-weight: normal; text-decoration: none; color: #666; display: block; padding: 2px 10px; width: 120px; border-bottom: 1px solid #E6E6E6; background-position: 0 6px; background-repeat: no-repeat;}
.subNav li a:hover, .subNav li.here > a, .subNav2 li.here > a {background-image: url(../../images/here.gif); color: #E51B24;}

.subNav2 li a {padding-left: 20px; width: 110px; background-position: 10px 6px;}

/* masthead and strapline */
.masthead {display: none; height: 199px; width: 970px; margin: 0 auto; position: relative;}

body.benefits .masthead {background: url(../../images/benefits-masthead-notext.jpg) no-repeat center center;}
body.benefits .strapline, body.benefits .masthead p {color: #4D4D4D; top: 55px; left: 70px; position: absolute; font-size: 1.5em;}

body.online .masthead {background: url(../../images/online-masthead-notext.jpg) no-repeat center center;}
body.online .strapline, body.online .masthead p {color: #4D4D4D; top: 55px; right: 50px; position: absolute; font-size: 1.5em;}

body.offline .masthead {background: url(../../images/offline-masthead-notext.jpg) no-repeat center center;}
body.offline .strapline, body.offline .masthead p {color: #4D4D4D; top: 55px; right: 25px; position: absolute; font-size: 1.5em;}

body.support .masthead {background: url(../../images/support-masthead-notext.jpg) no-repeat center center;}
body.support .strapline, body.support .masthead p {color: #4D4D4D; top: 55px; right: 50px; position: absolute; font-size: 1.5em;}

body.our_company .masthead {background: url(../../images/our_company-masthead-notext.jpg) no-repeat center center;}
body.our_company .strapline, body.our_company .masthead p {color: #FFF; top: 55px; right: 50px; position: absolute; font-size: 1.5em;}

body.handy_tools .masthead {background: url(../../images/handytools-masthead-notext.jpg) no-repeat center center;}
body.handy_tools .strapline, body.handy_tools .masthead p {color: #4D4D4D; top: 55px; right: 50px; position: absolute; font-size: 1.5em;}

body.partners .masthead {background: url(../../images/partners-masthead-notext.jpg) no-repeat center center;}
body.partners .strapline, body.partners .masthead p {color: #FFF; top: 55px; left: 50px; position: absolute; font-size: 1.5em;}

body.contact .masthead {background: url(../../images/contact-masthead-notext.jpg) no-repeat center center;}
body.contact .strapline, body.contact .masthead p {color: #FFF; top: 55px; right: 80px; position: absolute; font-size: 1.5em;}

body.basket .masthead {background: url(../../images/basket-masthead-notext.jpg) no-repeat center center;}
body.basket .strapline, body.basket .masthead p {color: #FFF; top: 55px; right: 50px; position: absolute; font-size: 1.5em;}

/* breadcrumb */
body.home .masthead { display: block;}
body.home .breadcrumb {visibility: hidden;}
.breadcrumb {clear: both; height: 15px; padding: 10px 0 10px 10px; border-bottom: 1px solid #f1f1f1; background: #fafafa; border-radius: 4px 4px 0 0; }
.breadcrumb li {float: left; margin-right: 9px; background: url(../../images/breadcrumb.gif) left center no-repeat; padding-left: 15px; font-weight: bold; color: #282828;}
.breadcrumb li.home {background: url(../../images/home.gif) no-repeat left top; padding-left: 25px;}
.breadcrumb li a {color: #767070; text-decoration: none;}
.breadcrumb li.active a {color: #282828;}

/* product holders - top leval */
.contentPad {padding: 10px;}
.contentPadTL {border-right: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;}
.contentPadTR {border-bottom: 1px solid #ECECEC; border-left: 1px solid #ECECEC;}
.contentPadBL {border-top: 1px solid #ECECEC; border-right: 1px solid #ECECEC; margin-top: 20px;}
.contentPadBR {border-top: 1px solid #ECECEC; border-left: 1px solid #ECECEC; margin-top: 20px;}

/* panels */
.panel p {margin: 6px 0; padding: 0 8px; color: #FFF; line-height: 12pt;}
.panel p a {font-weight: bold; color: #FFF;}
.panel p.title {font-size: 1.6em; margin: 5px 0; padding: 0 8px; color: #FFF;}
.panel h4 {padding: 0 8px; margin-bottom: 6px;}
.panelImg {float: right; margin: 0 0 10px 10px;}
.breakout {padding-right: 120px; position: relative;}
.breakout .man {background: url(../../images/panels/man.png) no-repeat center center; width: 101px; height: 134px; position: absolute; bottom: 0; right: 0; display: block;}
.breakout .man2 {background: none; width: 122px; height: 150px; position: absolute; bottom: 0; right: 0; display: block;}
.panel p.right_trolley {margin-right: 10px; padding-right: 113px; background: url(../../images/panels/trolley2.jpg) no-repeat top right;}

.productBox {background: url(../../images/panels/product.gif) no-repeat right top; padding-right: 120px;}
.cogs {background: url(../../images/panels/cogs.gif) no-repeat right top; padding-right: 90px;}
.thumbsUp {background: url(../../images/panels/thumbsUp.gif) no-repeat right top; padding-right: 120px;}
.bell {background: url(../../images/panels/bell.gif) no-repeat right center; padding-right: 120px;}
.feedback {background: url(../../images/panels/feedback.jpg) no-repeat right center; padding-right: 120px;}
.googleMap {background: url(../../images/panels/googleMap.jpg) no-repeat right 20px; padding-right: 120px;}
.googleMap .googleMap_p {height: 55px;}
#googleMapArea {margin: 0 8px; width: 290px; height: 320px;}
.columnsTwoSpread #googleMapArea {margin: 0 8px; width: 630px; height: 420px;}
.keyboard {background: url(../../images/panels/keyboard.gif) no-repeat right top; padding-right: 100px;}
.padlock {background: url(../../images/panels/padlock.gif) no-repeat right center; padding-right: 120px;}
.phoneMe {background: url(../../images/panels/phoneMe.jpg) no-repeat right top; padding-right: 120px;}
.compQuote {background: url(../../images/panels/piggy_bank.jpg) no-repeat right 15px;}
.compQuote form {padding-right: 120px;}
.compQuote form label {display: block; clear: left;}

.darkPanel {width: 305px; background: #4D4D4D url(../../images/panels/darkPanelTop.gif) no-repeat top center; padding-top: 5px;}
.darkPanel .panel {background: #4D4D4D url(../../images/panels/darkPanelBottom.gif) no-repeat bottom center; padding-bottom: 5px}

#featureProducts { background: #ffffff; height: 100px; }
#featureProducts li { float: left; width: 290px; padding: 0 15px 0 15px; }
#featureProducts li a h2 { color: #e51b24; font-weight: normal;  padding: 0px 0 0 0; font-size: 1.6em;}


.lightPanel {background: #E8E8E8 url(../../images/panelTop.gif) no-repeat top center; padding-top: 5px; margin: 18px 0;}
.lightPanel .panel {background: url(../../images/panelBottom.gif) no-repeat bottom center; padding-bottom: 5px;}
.lightPanel .panel p {color: #7A7A7A;}
.lightPanel .panel a {color: #E51B24;}
.lightPanel .panel a:hover {color: #666;}
.redtop { background: #E8E8E8; border-top: 5px solid #E51B24;}
.redtop p { font-size: 14px; color: #000000 !important;}
.lightPanel .lightbulb {display: block; position: relative; background: url(../../images/panels/light_bulb.gif) no-repeat right bottom; padding-right: 120px;}



.newlightPanel { background: #f5f5f5; }
.newlightPanel .panel h4 { font-weight: bold; padding: 5px 0 5px 10px; background: #c2c2c2; color: white; }
.newlightPanel .panel p { color: #444; }

.columnsTwoSpread .lightPanel {background-image: url(../../images/panelTop2Col.gif); margin: 0px;}
.columnsTwoSpread .lightPanel .panel {background-image: url(../../images/panelBottom2Col.gif);}

.greenPanel {background: #21969D url(../../images/panels/greenPanelTop.gif) no-repeat top center; padding-top: 5px; margin: 18px 0;}
.greenPanel .panel {background: #21969D url(../../images/panels/greenPanelBottom.gif) no-repeat bottom center; padding-bottom: 5px;}
.greenPanel .panel p.buyOnline {font-size: 1.6em; margin: 5px 8px 0 8px; padding: 0 0 0 30px; color: #FFF; background: url(../../images/panels/basket.gif) no-repeat left center; height: 22px; line-height: 22px;}

table.pricing {margin: 10px 6px; font-weight: bold; color: #3F3F3F;}
table.pricing thead th {border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center;}
table.pricing td {border-left: 1px solid #CCC; text-align: center; padding: 2px;}
table.pricing .col {width: 62px;}
table.pricing .title {border-left: none; text-align: left; width: 160px;}
table.pricing .infoIcon {border-left: none; width: 16px;}
table.pricing .infoIcon a {position: relative; height: 17px; width: 17px; padding: 0; margin: 2px 2px 0 0; display: block; text-decoration: none;}
table.pricing .infoIcon a span {visibility: hidden; position: absolute;}
table.pricing .infoIcon a:hover span {visibility: visible; position: absolute; bottom: 5px; left: -50px; text-decoration: none; text-align: left; font-weight: normal; color: #3F3F3F; padding: 20px 20px 0 10px; background: url(../../images/priceInfo.png) no-repeat; overflow: hidden; z-index: 9999; width: 202px; height: 152px;}
table.pricing .infoIcon a:hover span strong {font-size: 1.4em; color: #3F3F3F;}
table.pricing .infoIcon a:hover {border: 0px solid #E8E8E8;}

/* footer */
.footer {background: url(../../images/footer.jpg) center center no-repeat; height: 123px;}
.footer li {float: left; width: 286px; padding: 10px;}
.footer p {font-size: .9em; margin-top: 5px;}
.footer li.middle {margin-left: 21px; margin-right: 21px;}

#footer {display: block; position: relative; float: left; width: 100%;}

#footerCopy, #footerLinks {float: left; width: auto; height: 20px; line-height: 20px; font-size: .9em; background: #FFF;}
#footerLinks {float: right;}
#footerCopy li, #footerLinks li {float: left; margin-left: 10px;}
#footerLinks li {margin-right: 10px;}
#footerLinks li a {text-decoration: none; color: #999;}
#footerLinks li a:hover {text-decoration: underline;}

/* common styles */
.clear {clear: both;}
.quote {font-size: 1.2em;}
.strong {font-weight: bold;}
.center {text-align: center;}
.red {color: #E51B24;}
.txtPad {padding: 0 0 0 10px;}
.hide {display: none;}
.topmargin{margin-top: 30px;}
.topmargin2{margin-top: 10px;} /* 100px without welcome msg*/

/* button & text links */
.addFeedback {background: url(../../images/button/addFeedback.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.addFeedback:hover {background-position: bottom left;}

.addToBasket {background: url(../../images/button/addToBasket.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.addToBasket:hover {background-position: bottom left;}

.addToBasketGreen {position: relative; background: url(../../images/button/addToBasketGreen.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.addToBasketGreen:hover {background-position: bottom left;}

.orderNow {position: relative; background: url(../../images/button/orderNow.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.orderNow:hover {background-position: bottom left;}

.findOutMore {background: url(../../images/button/findOutMore.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.findOutMore:hover {background-position: bottom left;}

.find_address {background: url(../../images/button/find_address.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.find_address:hover {background-position: bottom left;}

.get_grids {background: url(../../images/button/get_grids.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.get_grids:hover {background-position: bottom left;}

.postzon_data {background: url(../../images/button/postzon_data.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.postzon_data:hover {background-position: bottom left;}

.moreInfo {background: url(../../images/button/moreInfo.gif) no-repeat bottom left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.moreInfo:hover {background-position: top left;}

.sendEnquiry {background: url(../../images/button/sendEnquiry.gif) no-repeat bottom left; width: 110px; height: 22px; display: block; text-indent: -9999px; border: none; cursor: pointer; float: left; clear: left; background-position: top left;}
.sendEnquiry:hover {background-position: bottom left;}

.signUp {background: url(../../images/button/signUp.gif) no-repeat bottom left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.signUp:hover {background-position: top left;}

.getStarted { background: url(../../images/button/getStarted.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.getStarted:hover { background-position: bottom left;}

.submit {background: url(../../images/button/submit.gif) no-repeat bottom left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.submit:hover {background-position: top left;}

.viewMap {background: url(../../images/button/viewMap.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.viewMap:hover {background-position: bottom left;}

.backToTop {background: url(../../images/backToTop.gif) no-repeat right center; padding-right: 14px; text-decoration: none; color: #4D4D4D; font-weight: bold; margin: 0 0 10px 10px;}

/* for the login area */
.edit {background: url(../../images/button/edit.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.edit:hover {background-position: bottom left;}

.delete {background: url(../../images/button/delete.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.delete:hover {background-position: bottom left;}

.reset {background: url(../../images/button/reset.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.reset:hover {background-position: bottom left;}

.add {background: url(../../images/button/add.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.add:hover {background-position: bottom left;}

.save {background: url(../../images/button/save.gif) no-repeat top left; width: 110px; height: 22px; display: block; text-indent: -9999px;}
.save:hover {background-position: bottom left;}

.gobutton {background: url(../../images/button/go_button.gif) no-repeat top left; width: 110px; height: 22px; display: inline; text-indent: -9999px;}
.gobutton:hover {background-position: bottom left;}

.previous {background: url(../../images/button/previous.gif) no-repeat top left; width: 110px; height: 22px; display: inline; text-indent: -9999px;}
.previous:hover {background-position: bottom left;}

.next {background: url(../../images/button/next.gif) no-repeat top left; width: 110px; height: 22px; display: inline; text-indent: -9999px;}
.next:hover {background-position: bottom left;}

/* basket steps */
ul#steps {padding-bottom: 20px;}
ul#steps li {float: left; padding-left: 20px; margin-right: 5px;}

ul#steps li#step1black {background: url(../../images/step1black.gif) no-repeat left center;}
ul#steps li#step2black {background: url(../../images/step2black.gif) no-repeat left center;}
ul#steps li#step3black {background: url(../../images/step3black.gif) no-repeat left center;}

ul#steps li#step1red {background: url(../../images/step1red.gif) no-repeat left center; color: #E51B24;}
ul#steps li#step2red {background: url(../../images/step2red.gif) no-repeat left center; color: #E51B24;}
ul#steps li#step3red {background: url(../../images/step3red.gif) no-repeat left center; color: #E51B24;}

/* standard form styles */
#standardForm {display: block; float: left; width: 100%;}
#standardForm fieldset {display: block; float: left; width: 285px;}
#standardForm legend {display: none;}
#reviewForm input, #reviewForm select, #standardForm input, #standardForm select, .input_text, .partnerForm fieldset#fieldset_address input {margin: 0 0 6px 0; width: 170px; padding: 2px;}
#standardForm input.checkbox {width:25px;}
#standardForm input.check_product {clear: left; width: auto; margin-right: 20px;}
#standardForm label, .label_short {display: block; position: relative; float: left; width: 100px; padding-right: 5px; line-height: 20px; margin-bottom: 6px; clear: left;}
#standardForm label.select_label, #standardForm label.check_label_product {width: 250px; text-align: left;}
#standardForm label.check_label_product {clear: none;}
#standardForm select.select_version {width: 250px;}
#standardForm select.select_version, #standardForm input.check_product {float: left;}
#standardForm label#comments, #standardForm label#query {width: 250px; text-align: left;}
#standardForm label.comments_label, #standardForm label.hear_about_label {padding-top: 10px; width: 260px; text-align: left; line-height: 1.4em; float: left; clear: both;}
#standardForm textarea, .input_textarea {float: left; clear: left; width: 275px; height: 100px; margin-bottom: 10px;}
.input_textarea {clear: none;}
input.send_enquiry {background: url(../../images/button/sendEnquiry.gif) no-repeat top left; width: 118px; height: 22px; border: none; cursor: pointer; float: left; clear: left;}
#standardForm input.send_enquiry:hover {background-position: bottom left;}
input.submit, input.submit_btn {background: url(../../images/button/submit.gif) no-repeat top left; width: 118px; height: 22px; border: none; cursor: pointer; float: left; clear: left;}
input.submit:hover, input.submit_btn:hover {background-position: bottom left;}
input#postcode, #standardForm input.input_postcode {width: 90px;}
input#address_search, #standardForm input.find_address_input {float: left;}
textarea#query {margin: 0 0 10px 0; float: left; position: relative;}
#standardForm select#hear_about {float: left; clear: left;}
#standardForm select#users {width: auto;}
#standardForm .hide {display: none;}
.compQuoteForm {display: block; width: 100%;}
.compQuoteForm label, .phoneMeForm label {float: left; width: 100%;}
.compQuoteForm input, .phoneMeForm input {float: left;}
.compQuoteForm input.submit, .phoneMeForm input.submit {float: left; clear: none; margin: 0 0 0 5px;}

#standardForm .fs_postcoder_pro {border: 1px solid #E8E8E8; width: 260px; padding: 5px 10px; margin: 0 0 10px 0;}
#standardForm .fs_postcoder_pro legend {display: inline;}
#standardForm .fs_postcoder_pro input, #standardForm .checkbox_left, .checkbox_left {width: auto; float: left; clear: left; margin: 0 0 0 0;}
#standardForm .fs_postcoder_pro label, #standardForm .label_right, .label_right {width: auto; float: left; clear: none; padding: 0 0 0 6px;}
#standardForm .fs_postcoder_pro label {width: 240px;}
fieldset .label_right {width: 240px;}

#standardForm .fs_postcoder_pro .fs_check {display: block; float: left; clear: left; padding: 4px 0 0 0;}

#standardForm .fs_address {padding: 20px 0 0 0;}

#standardForm .fs_address legend {display: block; padding: 5px 0 0 0; margin: 0; color: #E51B24; float: left; clear: both; width: 100%; font-size: 1.2em;}

/*input.input_rounded, input.input_postcode_rounded {border: 0; background: transparent url(../../images/form/input_rounded.gif) no-repeat top left; height: 18px; width: 183px; padding: 4px;)}
input.input_postcode_rounded {background-image: url(../../images/form/input_postcode_rounded.gif); width: 97px;)}*/

ul.error_list {display: block; position: relative; float: left; padding: 4px 0px; color: #E51B24; font-weight: bold; width: 100%;}

fieldset {float: left;}
#partnerApply fieldset#fs_remember {display: block; position: relative; float: left; clear: both;}
#standardForm ul.error_list li {display: block; position: relative; float: left; clear: both;}
#standardForm ul.error_list label {width: 100%;}
#standardForm fieldset {float: left; clear: left;}

.partner_contact_block{float:left; margin:5px 20px 5px 0px; padding:15px; border:1ps solid #999; background:#ddd;}
.partner_contact_block h3{margin-bottom:8px;}

#standardForm label#eu_vat_reg_label {display: block; position: relative; float: left; width: 100%;}
#standardForm input#eu_vat_reg {float: left; clear: left;}

/* phone me back form in panel */
.compQuoteForm, .phoneMeForm {padding: 0 8px;}
.compQuoteForm legend, .phoneMeForm legend {display: none;}
.compQuoteForm label, .phoneMeForm label {font-weight: bold;}
.compQuoteForm input.submit, .phoneMeForm input.submit {background: url(../../images/button/go.gif) no-repeat center center; height: 16px; width: 16px; border: none; cursor: pointer;}
.input_error {border: 1px solid #FF0000;}

/* world addresses web beta*/
.wawBeta input{width:350px;}

/* accessibility link */
#skipToContent {position: absolute; left: -9999px; top: 0;}/* page resets */

.img_border {border: 1px solid #C3C3C3; padding: 6px;}
.hidden {visibility: hidden;}

.glossary {border-bottom: 1px dashed #4D4D4D; text-decoration: none; cursor: help;}

.button {background: url(../../images/button/button.gif) no-repeat top center; width: 118px; height: 22px; line-height: 22px; color: #FFFFFF; text-decoration: none; display: block; text-indent: 10px; font-weight: bold;}
.button:hover {background-position: bottom; color: #FFF;}

.partnerDirectory legend {font-size: 1.4em; color: #E51B24; font-weight: normal; margin: 14px 0 0 0;}
.partnerDirectory input {margin-bottom: 6px;}
.partnerDirectory select {margin-bottom: 6px;}

.partnerDirectory fieldset.searchBy {padding-bottom: 15px;}
.partnerDirectory fieldset.searchBy label {display: none;}

.partnerDirectory fieldset {display: block; float: left; margin-right: 10px;}
.leftCol .partnerDirectory fieldset {display: inline; float: none; margin: auto;}

.product_box { float: left; width: 300px; }
.section_title { border-bottom: 1px solid #f1f1f1; padding: 0 0 5px 0;}
.product_box h3 { color: #e51b24; font-size: 16px;}
.product_box p { padding-bottom: 10px; padding-right: 20px;}


.partnerDirectory input.formSubmitRed {background: url(../../images/button/button.gif) no-repeat 0 0; height: 22px; width: 118px; border: none; text-align: left; cursor: pointer; color: #FFF; padding-bottom: 2px; padding-left: 10px; display: inline;}
.partnerDirectory input.formSubmitGrey {background: url(../../images/button/buttonGrey.gif) no-repeat 0 0; height: 22px; width: 118px; border: none; text-align: left; cursor: pointer; color: #FFF; padding-bottom: 2px; padding-left: 22px; display: inline;}
.partnerDirectory .partnerDrop {width: 280px;}

.nearest_div {padding-top: 0px;}
.partnerDirectoryResults {width: 100%; margin: 10px 0px;}
.nearest_div .partnerDirectoryResults {margin-top: 0px;}
.partnerDirectoryResults caption {display: none;}
.partnerDirectoryResults th {background: #D6D6D6; padding: 3px; color: #353535;}
.partnerDirectoryResults td {padding: 3px; border-bottom: 1px solid #F4F4F4;}
.partnerDirectoryResults tr.enhanced {font-weight: bold;}
.partnerDirectoryResults .colBrd {border-left: 1px solid #F4F4F4; width: 60%;}

.pager_class input.pagedisplay {width: 50px;}
.pager_class img {cursor: pointer;}

.partnerForm legend {font-size: 1.4em; color: #E51B24; font-weight: normal; margin: 14px 0 0 0;}
.partnerForm input {margin-bottom: 6px;}
.partnerForm fieldset#fieldset_address label {display: block; float: left; width: 100px; padding-right: 5px; line-height: 20px; margin-bottom: 6px; clear: left;}
.partnerForm input.formSubmitRed {background: url(../../images/button/button.gif) no-repeat 0 0; height: 22px; width: 118px; border: none; text-align: left; cursor: pointer; color: #FFF; padding-bottom: 2px; padding-left: 10px !important; display: inline;}
.partnerForm #partnerNearest {width: 20px;}
.partnerForm #partnerPostcode {width: 65px;}
.partnerForm fieldset#fieldset_interests {display: block; float: left; clear: left; width: 100%;}
.partnerForm textarea {width:640px; height:150px}

#fieldset_address a.find_address{float:left;}

.company_solution_ul {font-weight: bold; padding: 0px 0px 0px 10px;}
h2.partner_name {margin-bottom: 0px; padding-bottom: 5px;}

#benefits_accordion > a {display: block; width: 100%; padding: 5px; margin: 0 auto;}

.product_general h1 {padding: 0px; margin: 0px;}

.div_center {text-align: center;}
.div_right {text-align: right;}
.img_left {float: left; margin: 3px 3px 3px 0;}
.img_right {float: right; margin: 3px 0 3px 3px;}

pre.code {margin-top: 0px; padding-top: 0px; background-color: #E8E8E8; border: 1px solid #7A7A7A; font-size: 0.8em; font-family: Arial,sans-serif; overflow: auto;}
pre .line_number {padding-left: 10px;}

a .code_link {line-height: 0.8em;}

#glossary_list {display: block; position: relative; float: left; width: 100%;}
#glossary_list span {display: block; position: relative; width: 100%;}
#glossary_list span.term_title {font-weight: bold; padding: 10px 0px 0px 0px;}
/*.staff_profile {display: block; position: relative; float: left; width: 50%; padding: 0px 0px 16px 0px; text-align: center;}
.staff_profile-i {display: block; width: 140px; height: 200px; margin: 0px auto; padding: 8px; border: 1px solid #7A7A7A;}
.staff_profile p {padding: 0px; margin: 0px;}
.staff_profile-i:hover {background-color: #E1E1E1;}*/
.staff_image img {float: left; margin: 0 10px 10px 0;}

#staff_gallery {display: block; position: relative; float: left; width: 100%; font-size: 0.9em; line-height: 1.4em; padding: 0 0 10px 0;}
.staff_thumb {display: block; position: relative; float: left; width: 132px; padding: 0 15px 0 0; height: 185px;}
.staff_thumb img, .staff_thumb p {margin: 0; padding: 0;}

#staff_gallery a {text-decoration: none;}

#staff_thumbs img {margin: 0 15px 10px 0;}

/*.ui-accordion-header a {font-weight: bold; color: #4D4D4D;}
.ui-accordion-header a span {color: #6B6B6B;}
#news_accordion .ui-accordion-content img, .news_gallery_item_incopy {float: right; border: 1px solid #C9C9C9; padding: 4px; margin: 0px 0px 10px 10px; clear: right; text-align: center;}
.news_gallery_item_incopy img {float: left; border: none; padding: 4px; margin: 0 0 10px 10px; clear: both;}
#news_accordion .ui-accordion-content a.img_a {display: block; position: relative; float: right; clear: right; width: 220px;}
#news_accordion .ui-accordion-content a.img_a:hover img {border-color: #E51B24;}
#news_accordion .ui-widget-content {background: none;}
*/

#news_accordion {width: 760px;}

.newsArticle {float: left; border-top: 1px solid #ECECEC; padding-bottom: 10px;}
h3.newsHeadline {font-weight: bold; color: #4D4D4D; font-size: 1em; padding: 6px 0px;}
.newsHeadline strong, .newsHeadline span {color: #6B6B6B;}
.newsArticle img, .newsArticle a.img_a {clear: right; float: right; border: 1px solid #C9C9C9; padding: 4px; margin: 0 0 10px 10px;}
.newsArticle a.img_a img {float: left;border: none; padding: 0; margin: 0;}
.newsArticle a.img_a:hover {border-color: #BE0811;}
.newsArticle p {clear: left;}

.news_gallery {display: block; float: left; clear: right; margin: 0 0 10px 10px;}
.news_gallery_item, .news_gallery_full {display: block; float: left; border: 1px solid #C9C9C9; text-align: center; padding: 10px; font-weight: bold; clear: both;}
.news_gallery_item {width: 200px; height: 250px; clear: none; margin: 0 10px 10px 0;}
.news_gallery_item img {float: left; margin: 0 0 10px 0; border: none; padding: 0;}
.news_gallery_full img {float: left; clear: right; border: none; margin: 0 0 10px 0; padding: 0;}
.news_gallery_item_incopy {display: block; float: right; clear: right; margin: 0 0 10px 10px; border: 1px solid #C9C9C9; text-align: center; padding: 10px; font-weight: bold;}
.news_gallery_item_incopy img {float: left; margin: 0px; border: none; padding: 0; margin: 0 0 10px 0;}
.news_gallery_item_incopy p {width: 180px;}
.width_300 p {width: 300px;}

.news_years {clear: both; border-top: 1px solid #ECECEC; padding-top: 10px; height: 30px;}
.news_years li {float: left;}
.news_years li a {display: block; padding: 0 4px; color: #6B6B6B; text-decoration: none; font-weight: bold;}
.news_years li.here a, .news_years li a:hover {color: #BE0811;}

/*.news_gallery_item_incopy {padding: 10px;}
.news_gallery_item_incopy p {margin: 0px; padding: 0px; width: 200px; font-weight: bold;}
.news_gallery_item_full p {display: block; position: relative; float: left; margin: 0px; padding: 0px; clear: left; font-weight: bold;}
.news_gallery {display: block; position: relative; float: left; clear: both; width: 100%;}
.news_gallery_item, .news_gallery_full {display: block; float: left; width: 200px; border: 1px solid #C9C9C9; text-align: center; margin: 0px 10px 10px 0px; padding: 10px; height: 240px; font-weight: bold;}
.news_gallery_full {width: auto; height: auto;}
.news_gallery_full img, .news_gallery_item img, .news_gallery_item_incopy img {float: none; border: none; padding: 0px; margin: 0px auto 15px auto; clear: both;}
*/
body.casestudies .masthead {background: url(../../images/casestudies-masthead.jpg) no-repeat center center;}
body.casestudies .strapline {color: #FFF; top: 55px; right: 50px; position: absolute; font-size: 1.5em;}
hr { border: 0; background: #D3D3D3; height: 1px;}

.casestudy_ul_parent span, .casestudy_ul_parent2 span {font-weight: bold; display: block; position: relative; float: left; clear: left;}
.casestudy_list li, .casestudy_list2 li {display: block; position: relative; float: left; width: 116px; height: 146px; background-position: 5px 5px; background-repeat: no-repeat; margin: 0px 10px 0px 0px;}
.cs_a_2bgraphics {background-image: url(../../images/case_studies/2bgraphics.jpg);}
.cs_a_west_suffolk_hospital_NHS_trust {background-image: url(../../images/case_studies/west_suffolk_hospital_NHS_trust.jpg);}
.cs_a_alpha_telecom {background-image: url(../../images/case_studies/alpha_telecom.jpg);}
.cs_a_buycosmetics {background-image: url(../../images/case_studies/buycosmetics.jpg);}
.cs_a_callscripter {background-image: url(../../images/case_studies/callscripter.jpg);}
.cs_a_chocolate_now {background-image: url(../../images/case_studies/chocolate_now.jpg);}
.cs_a_bits_for_pets {background-image: url(../../images/case_studies/bits_for_pets.jpg);}
.cs_a_cpfr {background-image: url(../../images/case_studies/cpfr.jpg);}
.cs_a_godfrey {background-image: url(../../images/case_studies/godfrey2.jpg);}
.cs_a_ipro {background-image: url(../../images/case_studies/ipro.jpg);}
.cs_a_magicalia {background-image: url(../../images/case_studies/magicalia.jpg);}
.cs_a_merus_dsgi {background-image: url(../../images/case_studies/merus_dsgi.jpg);}
.cs_a_natures_own {background-image: url(../../images/case_studies/natures_own.jpg);}
.cs_a_tribal {background-image: url(../../images/case_studies/tribal.jpg);}
.cs_a_ukphotoevent {background-image: url(../../images/case_studies/ukphotoevent.jpg);}
.cs_a_jjb {background-image: url(../../images/case_studies/jjb.png);}
.cs_a_sofa_and_chair_company {background-image: url(../../images/case_studies/sofa_chair.jpg);}
.cs_a_fabric_warehouse {background-image: url(../../images/case_studies/fabric_warehouse.jpg);}
.cs_a_velux {background-image: url(../../images/case_studies/velux.jpg);}
.cs_a_iip {background-image: url(../../images/case_studies/iip.jpg);}
.css_a_amadeus {background-image: url(../../images/case_studies/amadeus.jpg);}
.cs_a_whitehill_publishing {background-image: url(../../images/case_studies/whitehill_publishing.jpg);}

/* extra testimonials page icons */
.cs_a_tony_purslow {background-image: url(../../images/case_studies/Tony_Purslow_Mercedes-Benz_and_smart.jpg);}
.css_a_lloyds_tsb {background-image: url(../../images/case_studies/lloyds_tbs.jpg);}
.css_a_dune {background-image: url(../../images/case_studies/dune.jpg);}

.casestudy_list li a, .casestudy_list2 li a, .casestudy_list li span {display: block; position: relative; float: left; text-align: center; width: 106px; padding: 114px 5px 3px 5px; height: 24px; background: url(../../images/case_studies/border.gif) no-repeat;}
.casestudy_list li.here a, .casestudy_list li.here a:hover, .casestudy_list2 li.here a, .casestudy_list2 li.here a:hover {background-position: -232px 0px;}
.casestudy_list li a:hover, .casestudy_list2 li a:hover {background-position: -116px 0px;}
.casestudy_list, .casestudy_list2 {display: block; position: relative; float: left; width: 99%; background: #FFF;}
#side_accordion > div > div {display: block; position: relative; float: left; width: 100%; clear: both;}
#side_accordion .ui-accordion-header {display: block; position: relative; float: left; clear: both; width: 100%;}

#casestudy_drop {display: block; clear: both;}

#casestudy_wrap span {font-weight: bold;}

#cs_prevnext {display: block; position: relative;	float: right; padding: 0px; margin: 0px; width: 100%;}
#cs_prevnext li {display: block; position: relative; float: left; width: 16px; height: 15px; padding: 0px;background-image: url(../../images/case_studies/cs_prev_li.gif); background-repeat: no-repeat; background-position: 0px 5px;}
#cs_prevnext li#cs_next {background-image: url(../../images/case_studies/cs_next_li.gif);}
#cs_prevnext li a {display: block; position: relative; float: left; width: 16px; height: 15px; background-image: url(../../images/case_studies/cs_prev.gif); background-repeat: no-repeat; text-indent: -9999em; background-position: 0px 5px;}
#cs_prevnext li#cs_next a {background-image: url(../../images/case_studies/cs_next.gif);}

.th_premise, .th_thoroughfare, .th_locality, .th_postzon {width: 40px; height: 35px; text-indent: -9999em; background: url(../../images/th_premise.gif) no-repeat;}
.th_thoroughfare {background-image: url(../../images/th_thoroughfare.gif);}
.th_locality {background-image: url(../../images/th_locality.gif);}
.th_postzon {background-image: url(../../images/th_geodata.gif);}

td span.yes, td span.optional, td span.no {display: block; width: 18px; height: 15px; text-indent: -9999em; background: url(../../images/tick.gif) no-repeat;}
td span.no {background-image: none;}
td span.optional {background-image: url(../../images/optional.gif);}

tr.even {background-color: #E4E4E4;}

table.licence_table {
	border-spacing: 0px;
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

table.licence_table th, table.licence_table td {
	padding: 2px;
	border-color: #808080;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
}

table.licence_table thead th {
	background-color: #404040;
	color: #FFF;
	border-top-width: 0px;
}

table.licence_table thead th:first-child, table.licence_table tbody th {
	border-left-width: 0px;
}

table.licence_table tbody th {
	background-color: #DDD;
	color: #404040;
}

#map_zoom_out, #map_zoom_out #message {display: block; position: relative; float: left;}
#map_zoom_out #message {font-weight: bold; font-size: 1.3em; padding: 0 20px 0 0; color: #000;}

#map_zoom_out, #search_post_area {padding: 0 0 10px 0;}

div#saving_string {display: block; width: 449px; padding: 11px 0 0 0; background-image: url(../../images/panels/speech_top.gif); background-repeat: no-repeat;}
div#saving_string div {display: block; width: 449px; padding: 0 0 21px 0; background-image: url(../../images/panels/speech_bottom.gif); background-repeat: no-repeat; background-position: bottom;}
div#saving_string p {padding: 0 5px; margin: 0; width: 437px; border: 1px solid #CCC; border-top: none; border-bottom: none;}
div#saving_string p strong {font-weight: normal; color: #AB040C;}

fieldset#post_areas input {display: inline; width: auto; float: left; clear: left; margin: 4px 0 0 0;}
fieldset#post_areas label {display: inline; width: 110px; float: left; clear: none; padding: 0 0 0 5px; margin: 0;}
span.span_post_area {display:block; position: relative; width: 25%; float: left;}
span.span_post_area_block {display:block; position: relative; float: left; width: 100%;}
.order_address {display: block; position: relative; float: left; width: 50%;}

#order_review {display: block; float: left; margin: 10px 0 0 0;}
.review_row {display: block; width: 628px; float: left; clear: left;}
.review_head {background-color: #CDCDCD; font-weight: bold; padding: 5px 0; color: #404040;}
.review_cell {display: block; float: left; padding: 5px;}
.review_prod {width: 290px;}
.review_total {border-top: 1px solid #CDCDCD;}
.review_title {width: 529px; font-weight: bold; text-align: right;}
.review_unit, .review_net, .review_vat {width: 79px;}
.review_qty {width: 51px;}
#hear_group_block {width: 100%; text-align: center;}
#hear_group_block label, #hear_group_block select, #hear_group_block input {clear: left; float: left;}
#hear_group_block select, #hear_group_block input {width: 220px;}
#reviewForm #terms {width: auto;}

#areaMap {display: block; position: relative; float: left; margin: 0 20px 0 0;}
/*#flashmap_block {display: block; position: relative; float: left; width: 100%;}*/
#flashmap_areas {display: block; position: relative; float: left; width: 206px;}

input#zoom_out {width: auto;}

#map_zoom_block {display: block; position: relative; float: left; width: 210px; height: 30px; padding: 0; margin: 0;}

.area_select_block {display: block; position: relative; float: left; width: 204px; padding: 2px 2px 0 2px; border: 1px solid #686868; margin: 0 0 2px 0;}
.area_select_item {display: block; position: relative; float: left; clear: left; width: 200px; background-color: #F3F7F8; margin: 0 0 2px 0; padding: 2px;}
.area_select_item_empty {height: 19px;}

#standardForm input.inputMonth, #standardForm input.inputYear, #standardForm input.inputIssue {width: 26px;}
#standardForm input.inputCV2 {width: 39px;}

#nearest_results {display: block; position: relative; float: left; width: 760px; height: 351px; padding: 15px 0 0 0;}
#nearest_addresses, #nearest_map {display: block; position: relative; float: left; width: 360px; height: 351px;}
#nearest_addresses {overflow: auto;}

.nearest_address {display: block; position: relative; float: left; width: 340px; padding:0 0 15px 0;}
.nearest_distance {color: #E51B24;}

.panel p.fixed_height {height: 50px;}
.panel p.find_out_more {display: none;}

.panel_quote {font-weight: bold;}
.panel_quote span {font-style: italic; font-weight: normal;}

#glossary_alpha_links {display: block; position: relative; float: left; padding: 0; margin: 0;}

#glossary_alpha_links li {display: block; position: relative; float: left; width: 25px; text-align: center;}
#glossary_alpha_links li:first-child a {border-left: 1px solid #E8E8E8;}
#glossary_alpha_links li a {display: block; position: relative; float: left; width: 24px; height: 24px; border: 1px solid #E8E8E8; border-left: none; line-height: 24px; text-decoration: none;}
#glossary_alpha_links li span.link_span_holder {display: block; position: relative; float: left; width: 25px; height: 20px;}
#glossary_alpha_links li a:hover {text-decoration: underline;}
#glossary_alpha_links li.freq-0 {display: none;}

#paf_fields_key li {display: block; position: relative; float: left; width: 130px; border: 1px solid #CCC; padding: 2px; margin-right: 5px;}

#paf_fields_detailed {display: block; position: relative; float: left; padding: 10px;}
#paf_fields_table {display: block; position: relative; float: left; width: 700px; height: 250px;}

/*#paf_fields_table table .col_1 {width: 82px;}
#paf_fields_table table .col_2 {width: 400px;}
#paf_fields_table table .col_3, #paf_fields_table table .col_4, #paf_fields_table table .col_5, #paf_fields_table table .col_6, #paf_fields_table table .col_7 {width: 40px;}
*/
#paf_fields_table p.table_footnote {display: block; position: relative; float: left; clear: left;}

.paf_detailed_link {display: block; position: relative; float: left; width: 156px; height: 22px; background: url(../../images/button/review_detailed_list.gif) no-repeat; text-indent: -1999em; margin: 0 0 10px 0;}
.paf_detailed_link:hover {background-position: 0 -22px;}

#emailFriendForm fieldset {display: block; position: relative; float: left; width: 300px; padding: 3px; border: 1px solid #E8E8E8; clear: both; margin: 0 10px 20px 0;}

body.email_page_thickbox {background-image: none; background-color: #FFF;}

body.email_page_thickbox h2 {margin-top: 0px;}

body.email_page_thickbox #header,
body.email_page_thickbox #mainNav,
body.email_page_thickbox .masthead,
body.email_page_thickbox .breadcrumb,
body.email_page_thickbox #footer,
body.email_page_thickbox .footer,
body.email_page_thickbox .leftCol {display: none;}

body.email_page_thickbox #columns,
body.email_page_thickbox #center,
body.email_page_thickbox #width,
body.email_page_thickbox .cornersTop,
body.email_page_thickbox .cornersBottom,
body.email_page_thickbox .columnsTwoSpreadNoPad {background: none; width: auto;}

body.email_page_thickbox #emailFriendForm fieldset {clear: none;}
body.email_page_thickbox label.hear_about_label, body.email_page_thickbox #standardForm label.hear_about_label {width: auto; padding: 0 5px 0 0; margin: 0;}

.masthead p {display: none}

#postcoder_pro_demo_wrap {display: block; position: relative; float: left; width: 569px;}
.postcoder_pro_demo_blocks {display: block; position: relative; float: left; width: 398px;}
.postcoder_pro_demo_block {display: block; position: relative; float: left; padding: 0px 24px 41px 0px; height: 377px; width: 374px; background: url(../../images/handy_tools/postcoder_pro_demo_back.jpg) no-repeat;}
#postcoder_pro_demo_key {display: block; position: relative; float: right; width: 171px; padding: 10px 0 0 0;}
#postcoder_pro_demo_key h3 {font-size: 1em; padding: 0 0 10px 0; margin: 0;}

#postcoder_pro_demo_key ol {display: block; position: relative; float: left; padding: 0 0 0 2px; margin: 0; list-style: none;}
#postcoder_pro_demo_key ol li {display: block; position: relative; float: left; padding: 3px; width: 165px; margin: 0 0 5px 0; border: 1px solid #8D8D8D; background-color: #FFFEDF;}
#postcoder_pro_demo_key ol li.li_hover {background-color: #9FFE9F; color: #3A3A3A;}

.postcoder_pro_demo_head {display: block; position: relative; float: left; padding: 0; margin: 0; height: 120px; width: 100%;}
.postcoder_pro_demo_head li {display: block; position: relative; float: left; width: 28px; height: 26px; padding: 75px 0 0 0;}

.postcoder_pro_demo_head li.postcoder_pro_demo_head_back, .postcoder_pro_demo_head li.postcoder_pro_demo_head_fwd {padding-top: 67px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_back {padding-left: 28px; width: 39px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_back_active {background: url(../../images/handy_tools/postcoder_pro_demo_back_hover.jpg) no-repeat 0 26px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_fwd {padding-left: 0px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_key1 {padding-left: 5px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_key2 {padding-left: 44px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_key3 {padding-left: 26px;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_key4 {padding-left: 78px;}

.postcoder_pro_demo_head li a {display: block; position: relative; float: left; width: 100%; padding: 4px 0 0 0; height: 22px; background-image: none; background-repeat: no-repeat; text-align: center; text-decoration: none; color: #000; font-weight: bold;}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_back a, .postcoder_pro_demo_head li.postcoder_pro_demo_head_fwd a {text-indent: -9999em;}

.postcoder_pro_demo_head li.postcoder_pro_demo_head_back a {background-image: url(../../images/handy_tools/postcoder_pro_demo_back_hover.gif);}
.postcoder_pro_demo_head li.postcoder_pro_demo_head_fwd a {background-image: url(../../images/handy_tools/postcoder_pro_demo_fwd_hover.gif);}
.postcoder_pro_demo_head_key1 a:hover {background-image: url(../../images/handy_tools/postcoder_pro_demo_key1_hover.gif);}
.postcoder_pro_demo_head_key2 a:hover {background-image: url(../../images/handy_tools/postcoder_pro_demo_key2_hover.gif);}
.postcoder_pro_demo_head_key3 a:hover {background-image: url(../../images/handy_tools/postcoder_pro_demo_key3_hover.gif);}
.postcoder_pro_demo_head_key4 a:hover {background-image: url(../../images/handy_tools/postcoder_pro_demo_key4_hover.gif);}

.postcoder_pro_demo_block_main, .postcoder_pro_demo_block_main2 {display: block; position: relative; float: left; padding: 0 0 0 30px; width: 344px; height: 257px; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
.postcoder_pro_demo_block_main2 {background-color: #E8E8E8;}

.postcoder_pro_demo_block_main label, .postcoder_pro_demo_block_main2 label {display: block; position: relative; float: left; clear: left; font-weight: bold; font-size: 0.9em; color: #000; width: 100%;}
.postcoder_pro_demo_block_main #search_results, .postcoder_pro_demo_block_main #search_noresults, .postcoder_pro_demo_block_main #search_result, .postcoder_pro_demo_block_main2 #search_results, .postcoder_pro_demo_block_main2 #search_noresults, .postcoder_pro_demo_block_main2 #search_result {display: block; position: relative; float: left; width: 329px; height: 182px; border: 1px solid #3A3A3A; overflow: auto;}
.postcoder_pro_demo_block_main2 #search_results, .postcoder_pro_demo_block_main2 #search_noresults, .postcoder_pro_demo_block_main2 #search_result {width: 282px; height: 80px; background-color: #FFF;}
.postcoder_pro_demo_block_main #search_result, .postcoder_pro_demo_block_main2 #search_result {padding-left: 5px; width: 324px;}
.postcoder_pro_demo_block_main2 #search_result {width: 277px;}

.postcoder_pro_demo_block_main2 .speech_below {display: none;}

.speech_below {display: block; position: relative; float: left; padding: 19px 0 0 0; margin: 0; background: #9FFE9F url(../../images/handy_tools/speech_below.gif) no-repeat; color: #3A3A3A;}
.speech_below p {display: block; position: relative; float: left; padding: 0 5px; width: 188px; margin: 0; border: 1px solid #8D8D8D; border-top: none;}
.postcoder_pro_demo_block_main .speech_below {width: 200px;}

.postcoder_pro_demo_block_main #search_address_wrap, .postcoder_pro_demo_block_main2 #search_address_wrap {display: block; position: relative; float: left; width: 303px; margin: 0; padding: 0 0 3px 0; background: url(../../images/handy_tools/search_drop.gif) top right no-repeat;}
.postcoder_pro_demo_block_main #search_address_wrap, .postcoder_pro_demo_block_main2 #search_address_wrap {background: none;}
.postcoder_pro_demo_block_main #search_address, .postcoder_pro_demo_block_main2 #search_address {width: 280px; height: 20px; margin: 0;}
.postcoder_pro_demo_block_main #search_submit {float: right; margin: 165px 20px 0 0; background: #F0F0F0; padding: 3px 6px; border: 1px solid #8D8D8D;}
.postcoder_pro_demo_block_main2 #search_submit {float: right; margin: 0 58px 0 0; background: #F0F0F0; padding: 3px 6px; border: 1px solid #8D8D8D;}
#search_loading {display: none; position: absolute; top: 205px; left: 260px;}

.float_right {float: right;}

#active_demo {display: block; position: relative; float: left; width: 100%;}

.demo_tab_list {display: block; position: relative; float: left; margin: 0 0 10px 0; padding: 0; list-style: none; background: url(../../images/handy_tools/demo_tab_list_back.gif) repeat-x bottom; width: 100%;}
.demo_tab_list li {display: block; position: relative; float: left; padding: 0 0 0 10px;}
.demo_tab_list li a {display: block; position: relative; float: left; padding: 3px 4px; border: 1px solid #8D8D8D; width: auto;}
.demo_tab_list li a.active {border-bottom-color: #FFF; text-decoration: none;}

ul.trial_button {display: block; position: relative; float: left; width: 100%; padding: 0 0 15px 0; margin: 0; list-style: none;}

ul.trial_button li {display: block; position: relative; float: left; padding: 0 15px 0 0;}
ul.trial_button li a {display: block; position: relative; float: left; padding: 3px 20px; text-decoration: none; border: 1px solid  #8D8D8D; background-color: #E5E5E5;}

#pricing_info_wrap, #matrix_wrap {display: block; position: relative; float: left; text-align: center; width: 100%; padding: 0 0 10px 0;}
#pricing_info_wrap table, #matrix_wrap table {margin: 0 auto; border: 1px solid #CCC; border-bottom: none; width: 90%; font-weight: normal;}

#pricing_info_wrap table th, #matrix_wrap table th {font-weight: bold; background-color: #E5E5E5; text-align: center;}
#pricing_info_wrap table tbody th, #pricing_info_wrap table tbody td.title, #matrix_wrap table tbody th, #matrix_wrap table tbody td.title {width: 28%; padding: 2px;}
#pricing_info_wrap table tbody th, #pricing_info_wrap table tbody td, #matrix_wrap table tbody th, #matrix_wrap table tbody td {border-bottom: 1px solid #CCC;}

#pricing_info_wrap #price_notes {text-align: left;}
#pricing_info_wrap table tbody td.title, #matrix_wrap table tbody td.title {text-align: center;}

.width_20 {width: 20%;}
.width_24 {width: 24%;}
.text_left, #pricing_info_wrap table tbody td.title, #pricing_info_wrap table tbody td.title_left, #pricing_info_wrap table tbody th.title, #pricing_info_wrap table tbody th.title_left, #matrix_wrap table tbody td.title, #matrix_wrap table tbody td.title_left, #matrix_wrap table tbody th.title, #matrix_wrap table tbody th.title_left {text-align: left;}

#flash_search_demo {display: block; position: relative; float: left; width: 288px; height: 101px; padding: 0 0 10px 0px;}

span.no_gif, span.yes_gif {display: block; float: left; height: 15px; width: 18px; background-repeat: no-repeat; text-indent: -9999em;}
span.yes_gif {background-image: url(../../images/tick.gif);}
span.no_gif {background-image: url(../../images/cross2.gif);}
span.check_width {margin: 0 auto; float: none;}

.quote_ul {display: block; list-style: none; padding: 0 8px; margin: 0;}
.quote_1st {height: 100px;}
.quote_ul li, .quote_ul li a {display: block; position: relative; float: left; width: 66px; height: 22px; padding: 0 5px 0 0; background-repeat: no-repeat;}
.quote_ul li a {padding: 0; text-indent: -9999em;}
.quote_ul li a:hover {background-position: 0 -22px;}
.quote_ul li a.active {background-position: 0 -44px;}
.quote_ul li a.quote_email_btn {background-image: url(../../images/panels/quote_email_btn.gif);}
.quote_ul li a.quote_phone_btn {background-image: url(../../images/panels/quote_phone_btn.gif);}
#quote_success {padding-top: 20px; clear: left; width: 200px;}

blockquote.style1 {
  font: 1.1em italic Arial, Helvetica, sans-serif;
  line-height: 130%;
  padding: 8px;
  background-color: #F5F5F5;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin: 5px;
  background-image: url(/images/openquote1.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(/images/closequote1.png);
     background-repeat: no-repeat;
     background-position: bottom right;
   }

cite {width:100%;display:block; text-align:right; margin-bottom:20px;font-weight:bold;}

.news_headlines {display: block; position: relative; float: left; margin: 0 0 30px 0;}
.news_headlines span.short_date {display: block; float: left; width: 115px;}
.news_headlines span.short_title {display: block; float: left; width: 180px;}

table.pad td, table.pad th{padding:5px;}
#datasets{margin-bottom:30px;}
span.u{text-decoration: underline;}

#side_accordion .ui-accordion-content {padding-left: 0; padding-right: 0;}
#side_accordion p {margin-left: 1em; margin-right: 1em;}
#side_accordion .casestudy_ul_parent {margin-left: 1em;}

#xmasBannerButton {
	height:40px;
	left:327px;
	position:absolute;
	top: 95px;
	/*top:-85px;*/
	width:160px;
}

#xmasBannerButton a {
	background:url("../../images/xmas-2010-banner01-button.png") no-repeat scroll 0 0 transparent;
	color:white;
	display:block;
	font-size:16px;
	height:20px;
	padding:10px 35px;
	text-decoration:none;
	width:90px;
}

#xmasBannerButton a:hover {
	background-position: 0 -40px;
	cursor: pointer;
}

#special_offer {
	color: #00951E !important;
}

#xmas_accordion {
	margin-bottom: 10px;
}

#xmas_accordion ol, #xmas_accordion ol li {
	list-style: decimal inside !important;
	padding: 5px 0px;
}

#xmas_accordion ul, #xmas_accordion ul li {
	list-style: lower-latin inside !important;
	padding: 3px 10px;
}

div.spacer{height:20px;}


/* Media Queries */
/* 
@media only screen and (max-width:500px){
	.leftCol, .rightCol, .centerCol { clear: both; padding: 0; margin: 0; width: 100%;}	
	#width { width: 100%; }
	#flashcontent, .masthead { display: none; }
	#thelogo { height: 100px; display:block; clear: both; background-color: #fff;}
	#mainNav, #mainNavMenu { height: 100px; position: relative; clear: both; margin-top: 70px; background-color: #fff;}
	#topNav_div { height: 80px; overflow: hidden; }
	
	.columnsTwoSpread {width: 100%;}
	.subNav { clear: both !important; float: none; }
	#content { margin-left: 0; margin: 0;  }
}*/

.clearfix { clear: both; }