/* CSS for UK Web Sites - Copyright www.ukwebsites.net */

/* ----------------------------------------------------------------------------------- */
/*		COLOURS:		BLUE: #003399												   
						RED:  #ff0000
*/
/* ----------------------------------------------------------------------------------- */
						
body, html {height: 100%}
body {margin: 0; padding: 10px 0 0 0; color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; background:url(../images/body-background.jpg) 50% 0 no-repeat; background-attachment: fixed; font-size: 11px}
* {margin: 0; padding: 0; outline: 0}
a img {border: 0}

a {text-decoration: underlined; color: #003399}
a:hover {color: #ff0000}


h1, h2, h3, h4, h5 {color: #003399; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
h1 {margin: 30px 15px 10px 15px; font-size: 25px; letter-spacing: -1px}
h2 {margin: 20px 15px 10px 15px; font-size: 18px;}
h2.subTitle {margin: -5px 15px 15px 15px; font-size: 16px; color:#dc0000}
/* NEWS PAGE ONLY */
h2.news {position: relative; display: block; width: 690px; padding-bottom: 29px; margin-top: 35px; clear: both}
h2.news span {color: #888; display: block; width: 700px; height: 20px; line-height: 20px; position: absolute; right: 0; bottom: 7px; font-size: 11px; border-bottom: 1px solid #ddd;}

h3 {margin: 25px 15px 5px 15px; font-size: 17px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 5px}
h4 {margin: 25px 15px 0 15px; font-size: 14px; font-weight: bold}
h4.withBullet {padding-left: 20px; background: url(../images/arrow-bullet.gif) 2px 3px no-repeat}

.strike {text-decoration: line-through}

p, ol, ul {margin: 0 15px 15px 15px; line-height: 1.6}
p {text-align: justify}

ul li {margin: 0; padding: 0 0 0 18px; list-style: none outside; background: url(../images/arrow-bullet.gif) 2px 4px no-repeat; line-height: 1.8}
ol li {margin: 0 0 0 25px; line-height: 2}

ul.headingsList li {margin: 0; padding: 0 0 0 10px; list-style: none outside; background: url(../images/arrow-bullet.gif) 2px 7px no-repeat; line-height: 1.8}

ol.theProcessList li {padding: 7px 0}
ol.theProcessList li h4 {margin-top: 0; line-height: 1.4}

.smalltext {font-size: 10px}

br.clear {clear: both}

acronym {cursor: help; border-bottom: 1px dotted #888}

a#ukwebsites {position: absolute; left: 10px; top: 23px; z-index: 12}

.imgRight {float: right; margin: 0 0 20px 20px}


table {margin: 15px; border: 0; padding: 0; border-collapse: collapse;}
table tr th {text-align:left}

strong {color: #003399}


/* ---------------------------------- LAYOUT ------------------------------------------ */
div#container 	{position: relative; z-index: 2; margin: 0 auto; width: 992px; background: #fff; overflow: hidden}

div#content		{margin: 0 13px; width: 966px; overflow: hidden; padding: 0 0 20px 0}

div#top			{position: relative; z-index: 3; width: 992px; height: 109px; background: url(../images/top-back.jpg) 0 0 no-repeat}

div#mainNav 	{position: relative; z-index: 900; width: 992px; height: 44px; background: url(../images/nav-back.jpg) 0 0 repeat-x}

div#navShadow	{width: 992px; margin: 0; height: 13px; background: url(../images/nav-shadow.gif) 0 0 repeat-x}

div#sliderTrans 	{position: relative; z-index: 4; width: 992px; height: 263px; padding: 0;
          background: url(../images/slider-trans.jpg) 0 0 no-repeat; margin: 0}
		  
div#telNumber {position: absolute; top: 43px; right: 430px; z-index: 12; width: auto; padding: 0 0 0 27px; line-height: 40px; height: 40px; font-weight: bold; font-size: 20px; background: url(../images/telNumber.gif) left 50% no-repeat; color: #000; letter-spacing: -1px}		  

div#topRightNav	{position: absolute; bottom: 0; right: 10px; z-index: 11; width: 352px; height: 39px; background: url(../images/top-right-nav.gif) 0 bottom no-repeat; overflow: hidden; padding: 0}

div#leftCol {float: left; width: 230px; overflow: visible; position: relative}
body#bodyHome div#leftCol {float: left; width: 736px; overflow: visible; position: relative}

body#bodyContactUs div#leftCol {float: left; width: 736px; overflow: visible; position: relative}
body#bodyContactUs div#rightCol {float: right; width: 230px; overflow: hidden}

#leftColLeft {width: 368px; float: left; overflow: hidden}
#leftColRight {width: 368px; float: right; overflow: hidden}


p.hr {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 14px;
}

div#rightCol {float: right; width: 736px; overflow: hidden}

#fullCol {width: 966px; float: left; overflow: hidden}

div#footer {margin: 0 auto; width: 992px; height: 150px; background: url(../images/footer-back.png) 0 0 no-repeat transparent;position: relative; z-index: 1001}

div#copybar {margin: 0 auto; width: 972px; height: 70px; overflow: hidden; color: #fff; font-size: 10px; text-transform: uppercase; padding: 10px 0 0 20px; position: relative; z-index: 100}

a#htmlValidationLink {position: absolute; right: 10px; top: 12px; z-index: 110}
a#cssValidationLink {position: absolute; right: 110px; top: 12px; z-index: 111}

a#ttt {float: left; font-weight: normal; text-transform: uppercase; color: #666; margin: 15px 0 0 20px; font-size: 10px}

div#footer ul {float: right; margin: 15px 10px 0 0}
div#footer ul li {display: block; float: left; background: none; border-right: 1px solid #d9d9d9; padding: 0 11px 0 11px; margin: 0;  }
div#footer ul li.liLast {border: 0}
div#footer ul li a {font-weight: normal; text-transform: uppercase; color: #666; font-size: 10px; text-decoration: none}
div#footer ul li a:hover {color: #000}

a#ttt {background: url(../images/ttt.gif) left 50% no-repeat; padding: 3px 0 0 15px; text-decoration: none}
a#ttt:hover {color: #000}

#topcontrol {display: none}

div#footer div#lowerNav			{margin: 0; width: 934px; padding: 0px 15px 8px 15px; overflow: hidden; clear: both; position: absolute; left: 22px; top: 54px;}
div#footer div#lowerNav ul 		{margin: 16px 0 0 0; padding: 0 55px 0 15px; float: left}
div#footer div#lowerNav ul li 	{margin: 0; padding: 0 0 0 10px; background: url(../images/footerArrow.gif) left 50% no-repeat; border: 0; float: none;}
div#footer div#lowerNav ul li a {margin: 0; padding: 0; color: #fff}
div#footer div#lowerNav ul li a:hover {color: #bbcff5}

/* preloader */
span.image-box {display: block; width: 966px; height: 263px; background: url(../images/loading.gif) 80% 50% no-repeat}



/* ------------------------------- TOP RIGHT NAVIGATION ------------------------------------ */
div#topRightNav ul {margin: 1px 5px 0 5px; padding: 0;}
div#topRightNav ul li {display: block; float: left; margin: 0; padding: 0 27px; height: 38px; line-height: 39px; background: url(../images/topDivider.gif) right 0 no-repeat}
div#topRightNav ul li.last {background: none}
div#topRightNav ul li a {display: block; float: left; font-size: 11px; height: 38px; line-height: 39px; font-weight: normal; text-decoration: none}


/* --------------------------------- MAIN NAVIGATION --------------------------------------- */
#mainNav ul {padding: 0 2px 0 8px; width: 990px; height: 44px; background: url(../images/navDivider.jpg) 6px 0 no-repeat; margin: 0 0 0 13px;}
#mainNav ul li {float: left; display: block; height: 44px; margin: 0; padding: 0 2px 0 0; background: url(../images/navDivider.jpg) right 0 no-repeat;}
#mainNav ul li a {float: left; display: block; height: 44px; line-height: 44px; text-decoration: none; font-weight: bold; color: #f3f3f3; text-align: center}

/* HOVER AND ACTIVE STATES */ 
#mainNav ul li a:hover, 
#mainNav ul li a:active {
	background: url(../images/top-nav-hover.gif) left top repeat-x;
	outline: 0;
	color: #fff
}

/* TOP LINK WIDTHS */
#navHome a					{width: 60px}
#navCustomWebSites a		{width: 138px}
#navFreeUpdates a			{width: 115px}
#navSearchOptimisation a	{width: 210px}
#navStockManagement a		{width: 146px}
#navVideo a					{width: 60px}
#navShowCase a				{width: 92px}
#navWebSiteAnalytics a    	{width: 116px}

/* CURRENT STATES */
body#bodyHome #navHome a,
body#bodyCustomWebSites #navCustomWebSites a,
body#bodyFreeUpdates #navFreeUpdates a,
body#bodySearchOptimisation #navSearchOptimisation a,
body#bodyStockManagement #navStockManagement a,
body#bodyVideo #navVideo a,
body#bodyShowCase #navShowCase a,
body#bodyWebSiteAnalytics #navWebSiteAnalytics a
{background: url(../images/top-nav-current.gif) left bottom repeat-x}



/* ------------------------------------ SIDE NAV ------------------------------------------- */
ul.sideNav {margin: 30px 0 20px 10px; width: 210px;}
ul.sideNav li {display: block; padding: 0; text-indent: 15px; background: none}
ul.sideNav li a {display: block; background: url(../images/sideNavLink.gif) 0 -30px no-repeat; border-bottom: 2px solid #fff; height: 30px; width: 210px; line-height: 30px; text-decoration: none}
ul.sideNav li a:hover {background: url(../images/sideNavLink.gif) 0 -60px no-repeat; color: #003399}
ul.sideNav li a.current {color: #fff; background: url(../images/sideNavLink.gif) 0 0 no-repeat}


/* ------------------------------------- CONTENT ------------------------------------------ */
/* CALL ME BACK */
div#callback {margin: 36px 0 0 10px; width: 718px; height: 168px; background:url(../images/callback.jpg) right 0 no-repeat; color: #fff; overflow: hidden; position: relative; z-index: 10}

body#bodyHome div#callback {margin-top: 10px}

div#callback h3 {margin: 25px 0 0 20px; border: 0; color: #fff; font-size: 18px;}
div#callback p {margin: 0 0 0 20px; text-align: left}


/* ------------------------------------ WEB SITES ---------------------------------------- */ 
ul#webSitesLinks {margin: 15px 0 30px 0; padding: 0; height: 120px; width: 100%}
ul#webSitesLinks li {margin: 0; padding: 0 0 0 5px; float: left; display: block; width: 115px; height: 120px; list-style: none outside; background:url(../images/web-sites/link-shadow.jpg) 50% 78px no-repeat}
ul#webSitesLinks li a {float: left; display: block; height: 120px; color: #333; width: 115px; position: relative; z-index: 10}
ul#webSitesLinks li a span.linkTitle {position: absolute; left: 0; bottom: 0; z-index: 11; width: 115px; text-align: center}

/* INDIVIDUAL BUTTONS */
ul#webSitesLinks li#webSitesbespokeDesign a span.animatedLink
{position: absolute; left: 0; bottom: 42px; z-index: 12; display: block; width: 115px; height: 80px; background: url(../images/web-sites/bespoke-design.gif) -13px 0 no-repeat; cursor: pointer}
ul#webSitesLinks li#webSitesbespokeDesign a span.animatedLink:hover {display: block; width: 115px; height: 80px; background-position: -153px 0}

ul#webSitesLinks li#webSitesPromotion a span.animatedLink
{position: absolute; left: 0; bottom: 42px; z-index: 12; display: block; width: 115px; height: 80px; background: url(../images/web-sites/promotion.gif) -13px 0 no-repeat; cursor: pointer}
ul#webSitesLinks li#webSitesPromotion a span.animatedLink:hover {display: block; width: 115px; height: 80px; background-position: -153px 0}

ul#webSitesLinks li#webSitesSeo a span.animatedLink
{position: absolute; left: 0; bottom: 42px; z-index: 12; display: block; width: 115px; height: 80px; background:url(../images/web-sites/seo.gif) -13px 0 no-repeat; cursor: pointer}
ul#webSitesLinks li#webSitesSeo a span.animatedLink:hover {display: block; width: 115px; height: 80px; background-position: -153px 0}

ul#webSitesLinks li#webSitesUpdates a span.animatedLink
{position: absolute; left: 0; bottom: 42px; z-index: 12; display: block; width: 115px; height: 80px; background:url(../images/web-sites/updates.gif) -13px 0 no-repeat; cursor: pointer}
ul#webSitesLinks li#webSitesUpdates a span.animatedLink:hover {display: block; width: 115px; height: 80px; background-position: -153px 0}

ul#webSitesLinks li#webSitesVisitorStats a span.animatedLink
{position: absolute; left: 0; bottom: 42px; z-index: 12; display: block; width: 115px; height: 80px; background:url(../images/web-sites/web-stats.gif) -13px 0 no-repeat; cursor: pointer}
ul#webSitesLinks li#webSitesVisitorStats a span.animatedLink:hover {display: block; width: 115px; height: 80px; background-position: -153px 0}

ul#webSitesLinks li#webSitesWebPresenter a span.animatedLink
{position: absolute; left: 0; bottom: 42px; z-index: 12; display: block; width: 115px; height: 80px; background:url(../images/web-sites/web-presenter.gif) -13px 0 no-repeat; cursor: pointer}
ul#webSitesLinks li#webSitesWebPresenter a span.animatedLink:hover {display: block; width: 115px; height: 80px; background-position: -153px 0}


/* ---------------------------------- PORTFOLIO PAGE -------------------------------------- */ 
ul.portfolioList {margin: 25px 0 0 15px; padding: 0; overflow: hidden}
ul.portfolioList li {margin: 0 8px 10px 0; padding: 8px 0 0 8px; width: 220px; height: 150px; display: block; float: left; list-style: none outside; background:url(../images/web-sites/portfolio-item.jpg) 0 0 no-repeat;}

ul.portfolioList li span.portItem {margin: 0; padding: 0; display: block; width: 212px; height: 142px; position: relative; z-index: 11; overflow: hidden}
ul#portfolioList li span.portItem img {position: absolute; left: 0; bottom: 0; z-index: 13;}

/* SLIDING PANEL */
ul.portfolioList li span.portItem span.slidingPanel {position: absolute; left: 0; bottom: -50px; z-index: 15; display: block; width: 212px; height: 50px; background: url(../images/black75percent.png) 0 0 repeat; color: #fff}
ul.portfolioList li span.portItem span.slidingPanel span {position: absolute; left: 0; top: 6px; z-index: 20; font-size: 12px; text-indent: 10px;}
ul.portfolioList li span.portItem span.slidingPanel a {position: absolute; left: 0; top: 26px; z-index: 21; font-size: 11px; padding: 0 0 0 27px; color: #fff; font-weight: normal; background:url(../images/portItemLinkArrow.gif) 8px 2px no-repeat}
ul.portfolioList li span.portItem span.slidingPanel a:hover {color: #FFCC00}



/* -------------------------------- WEB SITE PROMOTION ------------------------------------ */ 
ul.promotionList {margin: 25px 15px; width: 700px; padding: 0; overflow: hidden}
ul.promotionList li {margin: 0 0 10px 0; padding: 0; display: block; float: left; list-style: none outside; border: 1px solid #003399; background: url(../images/promotion-logos/promotionDescBack.gif) left bottom repeat-x #003399}
ul.promotionList li div.promotionListDescription {display: block; float: left; width: 480px; overflow: hidden; padding: 15px 5px; height: 70px; color: #fff}
ul.promotionList li div.promotionListDescription a {color:#FFCC00}
ul.promotionList li div.promotionListDescription a:hover {color: #fff}
ul.promotionList li div.promotionListLogo {display: block; float: right; width: 180px; overflow: hidden; padding: 10px; height: 80px; text-align: center; background: #fff}
ul.promotionList li div.promotionListLogo img {margin-top: 27px}



/* ----------------------------------- DATA FEEDS --------------------------------------- */ 
ul.dataFeedList {margin: 25px 15px; padding: 0; overflow: hidden}
ul.dataFeedList li {margin: 0 0 10px 0; padding: 0; display: block; float: left; list-style: none outside; background: none; border: 1px solid #1f4ca5}
ul.dataFeedList li div.dataFeedDescription {display: block; float: right; width: 480px; overflow: hidden; padding: 15px 5px; color: #fff; background: url(../images/promotion-logos/promotionDescBack.gif) left bottom repeat-x #1f4ca5}
ul.dataFeedList li div.dataFeedDescription a {color:#FFCC00}
ul.dataFeedList li div.dataFeedDescription a:hover {color: #fff}
ul.dataFeedList li div.dataFeedLogo {float: left; display: block; width: 180px; overflow: hidden; text-align: center; background: #fff; margin: 0; padding: 10px; }
ul.dataFeedList li div.dataFeedLogo a {display: block; width: 100%; position: relative}
ul.dataFeedList li div.dataFeedLogo img {margin-top: 27px}


/* --------------------------------- DOMAIN NAME CHECK ------------------------------------- */ 
#domainNameCheck {margin: 5px 10px 0 10px; border: 1px solid #ccc; padding: 10px; overflow: hidden;}
#domainNameCheck h2 {margin: 5px 5px 15px 0}
#domainNameCheck label {float: left; text-align: right; line-height: 20px}
#domain {float: right; background: #eee!important; border: 1px solid #aaa!important}
.submitCheck {float: right; margin: 10px -2px 0 0; background: url(../images/formSubmitButton.gif) 50% 50% no-repeat!important; border: 0!important; width: 143px!important;height: 36px!important; color: #fff; line-height: 30px;	cursor: pointer; font-weight: bold; font-size: 11px}


table.domainResults {margin: 10px 10px 0 10px; width: 350px; background: #eee; border: 1px solid #999}
table.domainResults tr td {padding: 3px}


/* --------------------------------- TESTIMONIALS ------------------------------------- */ 
div.testimonial {padding: 25px 0 15px 0; background: url(../images/quotes.gif) 50% 10px no-repeat; border-bottom: 1px dotted #eee}
div.testimonial a {padding: 0 0 0 18px; background: url(../images/linkArrow.gif) 2px 1px no-repeat}

p.quotes {font-style: italic; font-size: 13px; margin: 20px 15px 0 15px}

a.viewSite {text-decoration: none; margin: 20px 15px 0 0; padding: 0 0 0 18px; background: url(../images/viewTestimonialSite.gif) left 50% no-repeat}

p.author {float: left; display: block; width: 65%; margin: 20px 0 0 15px; line-height: 60px}
a.viewSite {float: right; display: block; width: 85px; line-height: 60px; text-align: right}


/* --------------------------------- CONTACT US ------------------------------------- */ 
div#callUs {width: 350px; height: 100px; position: relative; z-index: 11; margin: 20px 0 0 0}
div#callUs p#callUsOn {margin: 0; position: absolute; left: 30px; top: 0; font-size: 16px; color: #003399; text-align: left; font-family:Arial, Helvetica, sans-serif}
div#callUs p#callUsNumber {margin: 0; position: absolute; left: 30px; top: 20px; font-size: 30px; color: #003399; text-align: left; font-family:Arial, Helvetica, sans-serif}

div#faxUs {width: 350px; height: 100px; position: relative; z-index: 11; margin: 0}
div#faxUs p#faxUsOn {margin: 0; position: absolute; left: 30px; top: 0; font-size: 16px; color: #003399; text-align: left; font-family:Arial, Helvetica, sans-serif}
div#faxUs p#faxUsNumber {margin: 0; position: absolute; left: 30px; top: 20px; font-size: 24px; color: #003399; text-align: left; font-family:Arial, Helvetica, sans-serif}

div#byPost {width: 219px; height: 275px; background: url(../images/postbox.jpg) left top no-repeat; position: relative; z-index: 11; margin: 50px 0 0 0}
div#byPost p#byPostbyPost {margin: 0; position: absolute; left: 83px; top: 140px; font-size: 14px; color: #fff; text-align: left; font-family:Arial, Helvetica, sans-serif}
div#byPost p#byPostPoBox {margin: 0; position: absolute; left: 83px; top: 160px; font-size: 18px; line-height: 1.25; color: #fff; text-align: left; font-family:Arial, Helvetica, sans-serif}


div#companyMessage {width: 966px; clear: left}


/* ------------------------------------ 404 PAGE -------------------------------------- */
#searchFormContainer {padding: 15px; margin: 30px 15px 20px 15px; color: #fff; background: url(../images/promotion-logos/promotionDescBack.gif) left bottom repeat-x #1f4ca5}
#searchFormContainer h3, #searchFormContainer p, #searchFormContainer a {margin: 0; color: #fff}
#searchFormContainer h3 {border-color: #003399}

#searchform {margin: 20px 0 0 0}
#searchform p {line-height: 3}

.formitem, .formitemlarge {width: 350px; overflow: hidden; padding: 3px 0; height: 20px; text-transform: uppercase; position: relative; z-index: 100}
.formitemlarge {height: 30px}
.formitem label {display: block; float: left; width: 130px; text-transform: uppercase; font-size: 11px}
.formitem input,
.formitemlarge input {position: absolute; right: 0; top: 0; width: 150px; margin: 0}

.formitem select {position: absolute; right: 0; top: 0; width: 154px; margin: 0}
.formitemlarge #button {right: -2px; display: block; margin: 0!important; width: 158px; line-height: 30px; height: 30px!important; background: url(../images/404button.gif) 0 0 no-repeat!important; border: 0!important; color: #000!important; cursor: pointer}

#usedCarMakes {margin: 15px 0 30px 0; padding: 0 15px 15px 15px; overflow: hidden}
#usedCarMakes h3 {margin-left: 0; margin-bottom: 10px}
#usedCarMakes a {padding: 0 10px 0 0; font-weight: normal; color: #888; display: block; float: left; width: 130px;}
#usedCarMakes a:hover {color: #666}
.dealerLink {padding: 0 0 0 20px; background: url(../images/linkArrow.gif) 2px 50% no-repeat; line-height: 2.5; font-size: 13px}



/* ------------------------------- PRICES PAGE ------------------------------------------- */
table.tblPrices {width: 700px}
table.tblPrices tr th {padding: 7px; color: #fff; background: #003399}
table.tblPrices tr.even td {padding: 7px; background: #e9e9e9}
table.tblPrices tr.odd td {padding: 7px; background: #f3f3f3}
.specialOffer {color: #F00}
table.tblPrices tr.underlined td {border-bottom: 10px solid #fff}

#noSetUpFee {width: 168px; height: 170px; background: url(../images/nosetup.jpg) 0 0 no-repeat; float: right; position: relative; color: #fff; overflow: hidden; margin: 15px 0 0 20px}
#noSetUpFee .bigText {margin: 55px 0 0 0; text-align: center; font-size: 16px}
#noSetUpFee .medText {margin: 0; text-align: center; font-size: 12px;}


/* ------------------------- AWARDS ON ABOUT US PAGE ------------------------------------- */
div.award {padding: 10px 0 10px 70px; background: url(../images/trophy.jpg) 13px top no-repeat}
#imi {margin: 20px 0px 10px 20px}
#imi img {margin-right: 20px;}

/* ----------------------------- PRESENTER STYLES ------------------------------------- */

#flashcontainer {
	position: absolute;
	top: 405px;
	right: 40px;
	width: 230px; 
	z-index: 5000;
}

#bodyWebPresenter #flashcontainer {top: 200px}
#bodyWebPresenter #presenter-offer {margin-right: 30px}

#flashcontainer2 {
	position: absolute;
	top: 670px;
	right: 40px;
	height: 224px; 
	width: 155px; 
	z-index: 60000;
	background: url(../images/trans.gif) 0 0 repeat
}

#flashfake {
	width: 170px;
	height: 420px;
	float: right;
}
#presenter-offer {
	position: absolute;
	top: 460px;
	right: 0;
	z-index: 10000;
}
.presenter {
	float: right;
	width: 210px;
	height: 98px;
	display: block;
	background: url(../images/web-presenter-link.jpg) no-repeat left top;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	margin: 10px 0 0 0;
}
.presenter span {
	margin: 64px 60px 0 10px;
	display: block;
}
a:hover.presenter {
	background: url(../images/web-presenter-link.jpg) no-repeat left bottom;	
	color: #ffffff;
}

#pr {
	
}
#pr hr {
	margin: 0 15px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #e4e4e4;
	border-right: none;
	border-left: none;
}
h4.four {
	color: #ffffff;	
	margin: 0;
	padding: 0;
	font-size: 18px;
	padding: 0 0 10px 0;
}


body#bodyHome #hitwiseLogo {position: absolute; right: 70px; top: 900px;}

/* ------------------------------------ NEWS --------------------------------------- */
ul#recentNews {margin-top: 80px;}
ul#recentNews li {padding-bottom: 8px}
.newsRight {float: right; margin: 5px 20px 20px 20px; display: block}
.newsRight img {display: block}
.border {border: 1px solid #000}

.topBar {width: 700px; clear: both; border-top: 1px solid #eee; height: 25px; line-height: 25px; font-size: 11px; margin: 0 0 0 15px;}
.topBar a {color: #888; font-weight: normal; display: block; height: 25px; line-height: 25px; float: left; margin: 0; background: url(../images/topBarBack.gif) 2px 6px no-repeat; padding: 0 0 0 17px}
.topBar a:hover {color: #666}


/* ------------------------------ BREADCRUMB LINKS --------------------------------- */
#breadCrumbLinks {margin: 0 30px; padding: 0 0 5px 0; height: 20px; line-height: 20px; font-size: 11px; border-bottom: 1px solid #eee; color: #666}
#breadCrumbLinks span {font-weight: normal; padding: 0 3px 0 0; font-style: italic; color: #999}


.placeholder {color: #666}



/* ----------------------------------- LOGOS ----------------------------------------- */
#logos {position: absolute; right: 0; bottom: 30px; width: 230px; z-index: 1000}
#logos .hitWiseLogo {margin: 10px 0 10px 60px}



/* -------------------------------- CHAT BUTTON --------------------------------------- */
#whoson_chat_link {position: absolute; right: 10px; top: 0; z-index: 10000}


/* ----------------------------- EFFECTIVE WEB SITES ---------------------------------- */
div.processBox {border: 1px solid #ccc; background: #fbfbfb; overflow: hidden; padding: 5px 10px; margin: 5px 10px; width: 694px}
div.processBox h3 {margin-top: 15px; border: 0; padding: 0}
div.processArrow {width: 100%; height: 35px; background: url(../images/process-arrow.gif) 50% 50% no-repeat}