@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */
body { font:11px Tahoma, Verdana, Arial; background:#d8d7d4;}
.left { float:left; }
.right{ float:right; }
.center { text-align:center; }
.clear { display:block; clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.important { color:#d1181f; font-weight:bold; }
.right-float { float:right; width:220px; padding:0 10px; }
.left-float { float:left; padding:0 10px 0 0; }

h1 { font-size:16px; padding-bottom:20px; }
h5 { padding-bottom:10px; font-size:13px; }
dl { padding-bottom:15px; }
dt { font-weight:bold; float:left; display:block; width:200px; font-size:12px;}
dd { padding-bottom:10px; }
em { color:#D1181F; }
hr { border-style:solid; margin-bottom:10px; display:inherit; color:#999;}

body#popup-page {padding:10px; }

/* containers */
#container-wrapper{width:990px; margin:0 auto 20px auto; background:url(../images/core/content-container.gif) repeat-y;}
	#container{width:980px; padding:0 5px;}
		#header{height:80px; position:relative; background:url(../images/core/header-bg.jpg) no-repeat 0 0;}
		#banner{height:98px; background:#fff; overflow:hidden;}
		#main{}
			#alpha{float:left; width:201px; overflow:hidden;}
			#beta{float:left; width:560px; padding:0 9px; background:url(../images/core/beta-bg.gif) no-repeat 0 0; position:relative; margin-bottom: 10px;}
			#beta-wide{float:left; width:761px; padding:0 9px; background:url(../images/core/beta-wide-bg.gif) no-repeat 0 0; position:relative;}
				#search{}
			#charlie{float:left; width:201px; overflow:hidden;}
		#traps{ background:url(../images/core/trap-bg.gif) repeat-x; padding:8px 20px 0 20px;}
	#footer{clear:both;width:930px; height:45px; padding:30px 30px 6px 30px; background:url(../images/core/footer-bg.gif) no-repeat 0 0; position:relative;}
	
/* header elements */
#logo { position:absolute; top:31px; left:37px; width:357px; height:41px; background:url(../images/core/logo.gif); text-indent:-9999px;}
ul#nav{ position:absolute; display:block; width:501px; height:36px; right:20px; top:44px;}
#nav li{ float:left; display:block; height:36px; position:relative;}
#nav li a{display:block; height:36px; text-indent:-9999px; background:url(../images/core/nav-sprite.gif) no-repeat 0 0;}
#nav li#home a{width:70px; background-position:0 0;} 
#nav li#busi a{width:90px; background-position:-71px 0;} 
#nav li#shop a{width:105px; background-position:-161px 0;} 
#nav li#arou a{width:124px; background-position:-266px 0;} 
#nav li#abou a{width:111px; background-position:-390px 0;}

/* Commented out to fix background of navs on each specific page. Robert Lim - 13/05/2009

body#home-page #nav li#home a, #nav li#home a:hover{background-position:0 -36px;} 
body#business-page #nav li#busi a, #nav li#busi a:hover{background-position:-71px -36px;} 
body#shop-around-page #nav li#shop a, #nav li#shop a:hover{background-position:-161px -36px;} 
#nav li#arou a:hover{background-position:-266px -36px;} 
#nav li#abou a:hover, #about-page #nav li#abou a{background-position:-390px -36px;} */

ul#nav li ul { display:none; position:absolute; top:100%; left:0; z-index:10; background:none!important;}

ul#nav li ul li{ display:block; height:auto; padding:0; margin:0; line-height:18px;}
ul#nav li ul li a{text-indent:0!important; background:#d1181f url('../images/core/second_level-navigation-background.gif') repeat-x 0 0; height:18px; text-indent:-9999em; color:#fff!important; padding:0 16px; text-decoration:none;}
ul#nav li ul li a:hover {background-position:0 -18px !important;}

ul#nav li#busi ul li a {width:160px;}
ul#nav li#arou ul li a {width:120px;}

/* buttons elements */
a#location-map { display:block; width:133px; height:45px; background:url(../images/buttons/location-map.gif) no-repeat 0 0; text-indent:-999em; margin:10px 0;}
a#location-map:hover { background-position:0 -45px; }
a#email-us-now { display:block; width:160px; height:75px; background:url(../images/buttons/email-us-now.gif) no-repeat 0 0; text-indent:-999em; margin:10px 0;}
a#email-us-now:hover { background-position:0 -75px; }
a#view-products { display:block; width:188px; height:22px; background:url(../images/buttons/view-products.gif) no-repeat 0 0; text-indent:-999em; float:right; margin:5px 5px 0 0;}
a#view-products:hover { background-position:0 -22px; }
a#send-enquiry { display:block; width:233px; height:22px; margin-bottom:4px; background:url(../images/buttons/send-enquiry.gif) no-repeat 0 0; text-indent:-999em;}
a#send-enquiry:hover { background-position:0 -22px; }
a#send-email { display:block; width:115px; height:22px; background:url(../images/buttons/send-us-an-email.gif) no-repeat 0 0; text-indent:-999em; position:absolute; top:60px; right:40px;}
a#send-email:hover { background-position:0 -22px; }
a#other-news { display:block; width:76px; height:22px; background:url(../images/buttons/other-news.gif) no-repeat 0 0; text-indent:-999em; margin:5px; float:right;}
a#other-news:hover { background-position:0 -22px; }
a#other-events { display:block; width:83px; height:22px; background:url(../images/buttons/other-events.gif) no-repeat 0 0; text-indent:-999em; margin:5px; float:right;}
a#other-events:hover { background-position:0 -22px; }
a#tell-a-friend { display:block; width:159px; height:44px; background:url(../images/buttons/tell-a-friend.gif) no-repeat 0 0; text-indent:-999em; margin:10px 0;}
a#tell-a-friend:hover { background-position:0 -44px; }

/* main elements */

/* alpha elements */
#alpha h2, #charlie h2 { height:80px; display:block; text-indent:-9999px; background:url(../images/headings/h2-business.gif) no-repeat 0 0;}
h2#business-details {background-image:url('../images/headings/h2-business-details.gif');}
#alpha ul#businesses-navigation { padding:0 30px 0 20px; background:url(../images/core/alpha-bg.gif) no-repeat 0 0; height:800px;}
#alpha ul#businesses-navigation li, #charlie ul li { line-height:18px; border-bottom:1px dotted #bd3a3e; }
#alpha ul#businesses-navigation li a, #charlie ul li a { display:block; color:#fff; text-decoration:none; background:url(../images/core/button-animation-bg.gif) no-repeat 0 -220px; padding-left:3px;}
.opening-hours {}


/* beta elements */
#beta ol { padding:10px 0; }
#beta ol li{ padding-bottom:5px; margin-left:15px; }
#beta ol.thinner li { width: 350px; list-style: disc; }
				.thinner { width: 350px; }

#search { height:30px; display:block; padding:10px 0 20px 20px;}
#search p {float:left; line-height:24px; padding:5px 40px 0 0; width:188px;}
#search form { }
#search form input#searchbox { width:259px; border:none; }
#search form button { width:31px; height:22px; background:url(../images/buttons/search.gif) no-repeat 0 0; border:none; text-indent:-9999px; cursor:pointer;}

#beta a, #beta-wide a{ color:#d1181f; text-decoration:none; }
#beta a:hover, #beta-wide a:hover { text-decoration:underline; }
#beta p, #beta-wide p {line-height:1.2em; color:#555; padding-bottom:10px; }
#beta h2, #beta-wide h2 { font-size:14px; color:#ad090e; padding-bottom:10px;}
#beta h3, #beta-wide h3 { font-size:16px; height:25px; line-height:25px; margin:10px 0 15px 0; text-indent:40px; background:#000; color:#fff; position:relative;}
#beta h3 span.start {position:absolute; left:0; bottom:0; width:29px; height:39px; display:block; background:url(../images/headings/h3-background.gif) no-repeat 0 0; }
#beta h3 span.end { position:absolute; right:0; top:0; width:5px; height:6px; display:block; background:url(../images/core/end-h3-background.gif) no-repeat 0 0; }

#beta h4 { font-size:13px; height:25px; line-height:25px; margin-bottom:10px; border-bottom:1px solid #ddd;}

#top-business { width:280px; float:left; padding:10px 5px 0 0; font-size:11px; }
#top-business h2 { width:275px; height:39px; padding-bottom:10px; display:block; text-indent:-9999px; background:url(../images/headings/h2-top-business.gif) no-repeat 0 0;}

ul#businesses {  padding-right:5px; color:#555; /*width: 280px;*/ float: left; }
ul#businesses li {  padding:10px; /*float:left;*/ background:#f6f6f6; display:block; margin:5px 0 5px 5px; }
ul#businesses li img {padding-bottom:5px;}

#top-business ul#businesses li {width:270px; padding:0 5px 10px 0;background:url(../images/core/top-business-bg.gif) bottom center no-repeat; height:auto; display:block; float: left;}

ul#businesses li img { float:left; padding-right:20px; }
ul#businesses li h4 { padding-bottom:20px; color:#000; }
ul#businesses li p { padding-bottom:10px; line-height:1.3em; }
ul#businesses li p.company-name { color:#000; font-weight:bold; padding:5px 0 10px 0; }

#top-business ul li strong { display:block; }
#top-business ul li a { color:#d1181f; text-decoration:none; }

#top-products { width:275px; float:left; background:#fff; padding-top:10px;}
#top-products h2 { width:275px; height:39px; padding-bottom:10px; display:block; text-indent:-9999px; background:url(../images/headings/h2-top-products.gif) no-repeat 0 0;}
ul#products li { float:left; padding:0 19px; margin:0 1px 1px 0; width:98px; height: 220px; background:#f6f6f6; display:block; text-align:center; font-weight:bold; line-height:.9em; position: relative; }


.vtp { position: absolute; bottom: 10px; left: 30px; }

ul#products li img { margin:10px 0; border:3px solid #f6f6f6;  }
ul#products li p { color:#000;}
ul#products li p.price { padding:3px 0 3px 0; }
ul#products li a { font-weight:normal; line-height:16px;  }

#business-details ul#products { padding-bottom:10px; }
#business-details ul#products li { padding:0 3px; margin:0 1px 1px 0; width:98px; height:196px; background:#f6f6f6; display:block; text-align:center; font-weight:bold; line-height:.9em;}

ul#sub-categories { display:block; }
ul#sub-categories li{ float:left; width:170px; list-style:outside disc; margin-left:15px; padding-bottom:10px; }

#events-list li {clear:both; padding-bottom:40px;}
#events-list li img {border:2px solid #ccc; margin-right:10px;}
#events-list li h4 { color:#d1181f; font: 16px bold Verdana, Arial, Helvetica, sans-serif; padding-bottom: 20px; }
#events-list li p{line-height:1.4em;}

ul#event-images { float:right; padding-left:10px; width:220px;}
ul#event-images li { padding:2px; text-align:center; float:left;}
ul#event-images li#larger-image {width:220px;}
ul#event-images li.caption {color:#d1181f!important; width:220px;}
#breadcrumbs {position:absolute; top:70px; right:5px; background:url(../images/core/breadcrumbs-background.gif) no-repeat 0 0; display:block; padding:10px 0 0 35px;}
#breadcrumbs a { color:#d1181f; text-decoration:none; padding:0 2px;}
#breadcrumbs a:hover {text-decoration:underline;}

ul#pdf, ul#file { padding-bottom:20px; display:block;}
ul#pdf li{ width:440px; float:left; color:#333; padding:0 10px 10px 0; clear: both;}
ul#pdf li a, ul#file li a {padding:0 5px 5px 20px; background:url(../images/icon-file.gif) no-repeat 0 0; line-height:25px;}
ul#pdf li a.pdf, ul#file li a.pdf  {padding:0 5px 5px 20px; background:url(../images/icon-pdf.gif) no-repeat 0 0; line-height:25px;}
ul#pdf li a.doc, ul#file li a.doc  {padding:0 5px 5px 20px; background:url(../images/icon-word.gif) no-repeat 0 0; line-height:25px;}
ul#pdf li span  { color:#aaa; }
ul#file li span { color:#666; }
ul#file li .file-caption {color:#666; margin:0 0 0 20px;}

ul#affiliates { float:right; padding-left:10px; text-align:center; }
ul#affiliates li { width:175px; padding-bottom:10px; }

p#paging, p.paging {padding-top:5px; text-align:right; font-size:12px;}
p#paging em, p.paging em {color:#999999;}
ul#images {float:left; width: 310px; }
ul#images li {float:left; padding:2px 4px 2px 0;}
ul#images li a img {border:2px solid #eee; }
ul#images li a:hover img { border:2px solid #ccc; }

.basic-listing{color:#333; width:260px; float:left; padding:5px; height:120px;}
.basic-listing .name, #businesses .company-name{font-weight:bold; margin-bottom:5px;}
.basic-listing .phone, #businesses .phone{font-weight:bold; margin-bottom:5px;}

.detail-heading {padding-top:50px;}

#information {float:left;width:330px;}
#information p {line-height:16px; padding-bottom:15px;}

dl#more-info dd img {float:right;}
dl#more-info dd h5 {}

p#paging { /*letter-spacing:3px;*/ padding-top:5px; text-align:right; font-size:12px;}
	.thin { letter-spacing: normal; color: #999999; float: right; width: 150px; text-align: center;   }


/*Buisness Details */

span#welcome { line-height:20px; color:#000; font-size:12px; font-weight: bold; position:absolute; bottom:4px; left:210px; padding-top: 10px;}
#beta-wide h1 {color:#fff; line-height:40px; height:50px; font-size:28px; margin-bottom: 5px;}
#business-info {padding:10px 20px 0 20px; background: url('../images/core/alpha-bg.gif') no-repeat 0 0; height:800px; color:#fff;}
#business-info a img { margin-bottom:10px;}
#business-info ul { padding-bottom:10px; margin-bottom:5px; border-bottom:0px dashed #b31f23;}
#business-info ul li{line-height:14px;}
#business-info ul li.important{color:#eee; font-size:14px;}



h3#business-name {font-size:14px; line-height:24px; padding-bottom:5px;}
#business-info ul.contact-details { border-top:2px solid #eee; border-bottom:2px solid #eee; padding:5px 0; display:block; }
#business-info ul.contact-details li {font-size:12px; color:#eee; padding:5px 0; }
#business-info ul.contact-details li span {font-size:14px; font-weight:bold;}

h3#downloads {background:url('../images/headings/h3-downloads.gif') no-repeat 0 0; width:133px; height:45px; text-indent:-999em; clear:both;}
#left-downloads ul#pdf {margin-left:7px; border:none;}
#left-downloads ul#pdf li {width:auto;}
#left-downloads ul#pdf li a{font-weight:bold; color:#ad090e;}
#left-downloads ul#pdf li span{}
#left-downloads ul#pdf li {width:auto;}

#business-description {float:left; width:460px; padding:0 20px 20px 0; border-right:1px dashed #eee; margin-right:20px;}
#business-description p {padding-bottom:10px; }

h4#product-services {background:url('../images/headings/h3-products-services.gif') no-repeat 0 0; width:238px; height:45px; text-indent:-999em;margin:10px 0 10px 13px; float:left;}
#beta-wide ul#products li { width:200px; font-size:1.1em; float:right; margin:7px; }
#beta-wide ul#products li a {display:block;}

a#company-link { font-size:16px; font-weight:bold; position:relative; top:-10px; color:#0063b2; display:block;}
.feature { line-height:18px; background:#f2eeed; margin-bottom:20px; padding:10px 5px; border:1px solid #ccc; color:#555;}

.feature p {line-height:18px !important;}
h3#about-us {margin-bottom:0;}

.desc {color:#555;}
.about-business ul, .desc ul{list-style:disc; margin-left:5px; padding:10px 0;}
.about-business ul li, .desc ul li { list-style:outside disc; margin-left:15px; font-size:12px; font-weight:bold; padding:2px 0;}

#business-media { display:inline; text-align:center; width:260px;}

ul#business-images li{text-align:center; padding-bottom:10px;}
ul#business-images li h5 {padding-top:5px; font-weight:bold; color:#d1181f; font-size:12px;}
ul#business-images li p {padding:5px 0;}
ul#business-images li a img {border:4px solid #ccc;}
ul#business-images li a:hover img {border:4px solid #eee;}

#beta-wide h3 { background-color:#bd1e0e; text-indent:10px;}
#beta-wide h3 span.start {position:absolute; left:0; top:0; width:5px; height:6px; display:block; background:url(../images/core/h3-business_details-background.gif) no-repeat 0 0; }
#beta-wide h3 span.end { position:absolute; right:0; top:0; width:5px; height:6px; display:block; background:url(../images/core/end-h3-business_details-background.gif) no-repeat 0 0; }

#business-search { height:50px; display:block; padding:10px 0 20px 20px; background:url('../images/core/business-search.gif') no-repeat 210px 12px; position:relative;}
#business-search p {float:left; line-height:24px; padding:5px 30px 0 0; width:188px;}
#business-search form { padding-top:3px; padding-bottom: 20px; }
#business-search form input#searchbox { width:259px; border:none; }
#business-search form button { width:31px; height:22px; background:url(../images/buttons/search.gif) no-repeat 0 0; border:none; text-indent:-9999px; cursor:pointer;}

#business-search #breadcrumbs {top:10px; right:10px;}

/* charlie elements */
#charlie ul { padding:0 20px 0 40px; background:url(../images/core/charlie-bg.gif) no-repeat 0 0; height:800px;}
#charlie h2 { background-image:url(../images/headings/h2-product.gif); }

/* traps elements */
h2#h2-traps{ width:940px; height:37px; display:block; background:url(../images/headings/h2-traps.gif) no-repeat 0 0; text-indent:-9999px;}
#traps ul {}
#traps ul li { width:153px; padding:15px 17px 25px 17px; float:left; margin-right:1px; background:#f6f6f6; }
#traps ul li img { border:2px solid #f6f6f6; }
#traps ul li p.title { color:#000; font-weight:bold; padding:10px 0;}
#traps ul li p { color:#555; padding-bottom:10px;}
#traps ul li a { color:#d1181f; text-decoration:none; padding:0 4px;}
#traps ul li a:hover { text-decoration:underline; }

.news-events li {height:280px; position: relative; }
.news-events li p.center { position: absolute; bottom: 0px; left: 60px;  }

/* footer elements */
#footer p { text-align:center; padding:0 0 5px 0; color:#fff;}
#footer p#copy { color:#000; }
#footer p a { color:#fff; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }
#mission { position:absolute; top:20px; left:20px; }
#webfirm { position:absolute; top:40px; right:20px; }

/* Search Listing Page */
body#search-page #beta h3 {margin-top: 20px;}
.search-listing {padding: 10px 5px; border-bottom: 1px solid #ccc;}
.name-number {font-weight:bold;}