/*-- THIS WEBSITE - CUSTOM STYLES --*/

/*
e4d8ea - light

802a8f -mid

451547 -dark
*/


body, html {font: 0.9em "trebuchet ms", arial, verdana;}
a {color:#802a8f;}
a:hover {color:#000;}
#wrapper {margin:0px;text-align:center}
#centred {margin:auto;text-align:left;width:900px;}
#login {color:#fff;height:30px;line-height:30px;margin-bottom:20px;text-align:center;position:relative;background:#802a8f url(/images/default/gradients/v-light/op25/50.png) top left repeat-x;}
	#login a {color:#e4d8ea;}
#logo-area {height:130px;position:relative;margin-top:10px;}
	#logo {width:210px;height:100px;display:block;background:url(/images/dp/logo.gif);position:absolute;top:0;left:10px;}
	h1#strapline {position:absolute;top:100px;left:8px;font-size:11px;margin:0;color:#802a8f;}
	
		#logo-strip img {float:right;margin-left:30px;}
	#contact {position:absolute;bottom:0px;right:10px;text-align:right;}
		#contact p {margin:0 0 10px;text-align:right;}	
		p#phone {font-size:18px}
			
		p#email a:hover {color:#802a8f;}		
	
#links-bar {height:30px;line-height:30px;background:#802a8f url(/images/default/gradients/v-light/op25/50.png) top left repeat-x;position:relative;}

	a.main-link {border-right:1px solid #fff;width:109px;float:left;padding:0 20px;color:white;text-align:center;}
	#links-bar .corner-top-left {margin-right:290px;}
	a.main-link:hover {background:url(/images/default/gradients/v-dark/op50/50.png) top left repeat-x;text-decoration:none;color:#fff;}
	a.end {border-right:0px solid #fff;}
	
#image-area {height:250px;position:relative;border:1px solid white;border-width:1px 0px 1px;}
	#ss {height:250px;width:900px;position:absolute;z-index:0;background:#000;overflow:hidden;}
	#ss-op {height:250px;width:300px;background:#3c003e;opacity:0.8;filter:alpha(opacity=80);position:absolute;z-index:1;}
	#ss-test {height:250px;width:300px;position:absolute;z-index:2;color:#fff;}
	#ss-test a {background:transparent !important;height:160px;width:209px;text-align:center;padding:45px;color:#fff;border-right:1px solid #fff;}
	#ss-test a:hover {text-decoration:none;}
	#ss-test a p {text-align:right;line-height:25px;}
		
#content-area {background:url(/images/dp/bg.gif) repeat-y;min-height:280px;}
	#sidebar {width:300px;height:327px;float:left;text-align:right;}
		.service-link {display:block;color:#451547;color:#444;line-height:40px;padding-right:20px;border-bottom:1px solid white;font-size:12px;}
		.service-link:hover {background:#451547; color:#e4d8ea;font-weight:bold;text-decoration:none;background:#802a8f url(/images/default/gradients/h-light/op25/500.png) top left repeat-y;}
	#content {width:570px;padding:20px 0px 20px 20px;float:right;position:relative;}
	
	#content h2 {margin-top:40px;}
	#content ul, #content ol {margin:20px 0px;padding:0px 0px 0px 20px; line-height:1.5em;}
	#content li {margin:10px 0px;}

#footer {background:#802a8f url(/images/default/gradients/v-dark/op25/50.png) top left repeat-x;height:30px;line-height:30px;border-top:1px solid #fff;position:relative;color:#e4d8ea;padding-right:10px;text-align:right;}
	#footer-text {color:#666;text-align:center;font-size:0.9em;margin-top:20px;}
	#logo-strip {padding:20px 0px; float:right;}

.corner-top-left {width:9px;height:9px;background:url(/images/default/corners/10/top-left.png) bottom right;position:absolute;top:-1px;left:-1px;}
.corner-top-right {width:9px;height:9px;background:url(/images/default/corners/10/top-right.png) bottom left;position:absolute;top:-1px;right:-1px;}	
.corner-bottom-left {width:9px;height:9px;background:url(/images/default/corners/10/bottom-left.png) top right;position:absolute;bottom:-1px;left:-1px;}
.corner-bottom-right {width:9px;height:9px;background:url(/images/default/corners/10/bottom-right.png) top left;position:absolute;bottom:-1px;right:-1px;}

table.clients {margin:40px 0px;}
table.clients td {padding:0 25px 25px 25px;}	

img.page-image {margin: 0px 0px 20px 20px;float: right;}

.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 

		
/*-- DEFAULT STYLES --*/ 

* {padding:0;margin:0;}
img {border:0;}
a img {border:0;}
blockquote {margin:20px 30px;}
body, html {height:101%;}

/*-- PARAGRAPHS AND HEADINGS --*/ 
    
p {line-height:1.5em;text-align:left;margin-bottom:1em;}
h1 {font-size:1.6em;margin:0px 0px 35px;}
h2 {font-size:1.2em;margin:0px 0px 20px;}
h3 {font-size:1em; margin:30px 0px 5px;}
h4 {margin-top:20px;}


/*-- MAIN LINKS --*/

a {text-decoration:none;} 	
a:hover {text-decoration:underline;}


/*-- GLOSSY / BUTTON LINKS --*/

a.glossy {text-align:center;font-weight:bold;display:block;}	
a.glossy:hover {}	
a.gSmall {font-size:15px;width:100px;height:30px;line-height:30px;background:url(/images/default/buttons/glossy-small.png);}
a.gSmall:hover {background-position:0px -30px;}
a.gMed {font-size:15px;width:150px;height:45px;line-height:45px;background:url(/images/default/buttons/glossy-med.png);}
a.gMed:hover {background-position:0px -45px;}
a.gLarge {font-size:15px;width:200px;height:60px;line-height:60px;background:url(/images/default/buttons/glossy-large.png);}
a.gLarge:hover {background-position:0px -60px;}


/*-- ICONS  (put relevant imageset in "/images/icons/" --*/

.icon {padding-left:40px;height:40px;line-height:40px;display:block;text-decoration:none;} 


	.!-two {background:url(/images/icons/!-two.png) no-repeat left;} 
	.@ {background:url(/images/icons/@.png) no-repeat left;} 
	.add-to-list {background:url(/images/icons/add-to-list.png) no-repeat left;} 
	.airport {background:url(/images/icons/airport.png) no-repeat left;} 
	.airport-two {background:url(/images/icons/airport-two.png) no-repeat left;} 
	.arrow-left {background:url(/images/icons/arrow-left.png) no-repeat left;} 
	.arrow-right {background:url(/images/icons/arrow-right.png) no-repeat left;} 
	.article {background:url(/images/icons/article.png) no-repeat left;} 
	.atom {background:url(/images/icons/atom.png) no-repeat left;} 
	.atom-two {background:url(/images/icons/atom-two.png) no-repeat left;} 
	.bag-purchase {background:url(/images/icons/bag-purchase.png) no-repeat left;} 
	.bin {background:url(/images/icons/bin.png) no-repeat left;} 
	.binfull {background:url(/images/icons/binfull.png) no-repeat left;} 
	.binoculars {background:url(/images/icons/binoculars.png) no-repeat left;} 
	.bm {background:url(/images/icons/bm.png) no-repeat left;} 
	.book {background:url(/images/icons/book.png) no-repeat left;} 
	.briefcase {background:url(/images/icons/briefcase.png) no-repeat left;} 
	.briefcase-three {background:url(/images/icons/briefcase-three.png) no-repeat left;} 
	.briefcase-two {background:url(/images/icons/briefcase-two.png) no-repeat left;} 
	.bug {background:url(/images/icons/bug.png) no-repeat left;} 
	.calculator {background:url(/images/icons/calculator.png) no-repeat left;} 
	.calendar {background:url(/images/icons/calendar.png) no-repeat left;} 
	.cam {background:url(/images/icons/cam.png) no-repeat left;} 
	.cart {background:url(/images/icons/cart.png) no-repeat left;} 
	.cart-emptiness {background:url(/images/icons/cart-emptiness.png) no-repeat left;} 
	.cart-empty {background:url(/images/icons/cart-empty.png) no-repeat left;} 
	.cash {background:url(/images/icons/cash.png) no-repeat left;} 
	.cash-register {background:url(/images/icons/cash-register.png) no-repeat left;} 
	.chat {background:url(/images/icons/chat.png) no-repeat left;} 
	.chat-dialog {background:url(/images/icons/chat-dialog.png) no-repeat left;} 
	.chat-message {background:url(/images/icons/chat-message.png) no-repeat left;} 
	.check {background:url(/images/icons/check.png) no-repeat left;} 
	.clock {background:url(/images/icons/clock.png) no-repeat left;} 
	.clock-two {background:url(/images/icons/clock-two.png) no-repeat left;} 
	.closed {background:url(/images/icons/closed.png) no-repeat left;} 
	.connection {background:url(/images/icons/connection.png) no-repeat left;} 
	.credit-card {background:url(/images/icons/credit-card.png) no-repeat left;} 
	.denied {background:url(/images/icons/denied.png) no-repeat left;} 
	.disk {background:url(/images/icons/disk.png) no-repeat left;} 
	.e-mail {background:url(/images/icons/e-mail.png) no-repeat left;} 
	.envelope-closed {background:url(/images/icons/envelope-closed.png) no-repeat left;} 
	.envelope-open {background:url(/images/icons/envelope-open.png) no-repeat left;} 
	/*.error {background:url(/images/icons/error.png) no-repeat left;} */
	.file-add {background:url(/images/icons/file-add.png) no-repeat left;} 
	.file-cabinet {background:url(/images/icons/file-cabinet.png) no-repeat left;} 
	.file-cabinet-closet {background:url(/images/icons/file-cabinet-closet.png) no-repeat left;} 
	.file-remove {background:url(/images/icons/file-remove.png) no-repeat left;} 
	.flag-icon {background:url(/images/icons/flag-icon.png) no-repeat left;} 
	.folder {background:url(/images/icons/folder.png) no-repeat left;} 
	.globe {background:url(/images/icons/globe.png) no-repeat left;} 
	.go-shopping {background:url(/images/icons/go-shopping.png) no-repeat left;} 
	.graph {background:url(/images/icons/graph.png) no-repeat left;} 
	.heart {background:url(/images/icons/heart.png) no-repeat left;} 
	.house {background:url(/images/icons/house.png) no-repeat left;} 
	.id {background:url(/images/icons/id.png) no-repeat left;} 
	.items {background:url(/images/icons/items.png) no-repeat left;} 
	.key {background:url(/images/icons/key.png) no-repeat left;} 
	.keys {background:url(/images/icons/keys.png) no-repeat left;} 
	.laptop {background:url(/images/icons/laptop.png) no-repeat left;} 
	.left {background:url(/images/icons/left.png) no-repeat left;} 
	.letter {background:url(/images/icons/letter.png) no-repeat left;} 
	.light {background:url(/images/icons/light.png) no-repeat left;} 
	.light-bulb {background:url(/images/icons/light-bulb.png) no-repeat left;} 
	.list {background:url(/images/icons/list.png) no-repeat left;} 
	.lock {background:url(/images/icons/lock.png) no-repeat left;} 
	.lock-two {background:url(/images/icons/lock-two.png) no-repeat left;} 
	.magic {background:url(/images/icons/magic.png) no-repeat left;} 
	.magicwond {background:url(/images/icons/magicwond.png) no-repeat left;} 
	.man {background:url(/images/icons/man.png) no-repeat left;} 
	.marker {background:url(/images/icons/marker.png) no-repeat left;} 
	.megaphone {background:url(/images/icons/megaphone.png) no-repeat left;} 
	.mobile-phone {background:url(/images/icons/mobile-phone.png) no-repeat left;} 
	.mobile-phone-two {background:url(/images/icons/mobile-phone-two.png) no-repeat left;} 
	.money {background:url(/images/icons/money.png) no-repeat left;} 
	.mouse {background:url(/images/icons/mouse.png) no-repeat left;} 
	.necktie {background:url(/images/icons/necktie.png) no-repeat left;} 
	.net-diagnosis {background:url(/images/icons/net-diagnosis.png) no-repeat left;} 
	.net-search {background:url(/images/icons/net-search.png) no-repeat left;} 
	.network {background:url(/images/icons/network.png) no-repeat left;} 
	.network-two {background:url(/images/icons/network-two.png) no-repeat left;} 
	.news {background:url(/images/icons/news.png) no-repeat left;} 
	.notebook-two {background:url(/images/icons/notebook-two.png) no-repeat left;} 
	.off {background:url(/images/icons/off.png) no-repeat left;} 
	.ok {background:url(/images/icons/ok.png) no-repeat left;} 
	.on {background:url(/images/icons/on.png) no-repeat left;} 
	.open {background:url(/images/icons/open.png) no-repeat left;} 
	.open-icon {background:url(/images/icons/open-icon.png) no-repeat left;} 
	.options {background:url(/images/icons/options.png) no-repeat left;} 
	.paper-clip {background:url(/images/icons/paper-clip.png) no-repeat left;} 
	.paper-clip-two {background:url(/images/icons/paper-clip-two.png) no-repeat left;} 
	.paper-plane {background:url(/images/icons/paper-plane.png) no-repeat left;} 
	.parabolic {background:url(/images/icons/parabolic.png) no-repeat left;} 
	.pay {background:url(/images/icons/pay.png) no-repeat left;} 
	.pc {background:url(/images/icons/pc.png) no-repeat left;} 
	.pc-two {background:url(/images/icons/pc-two.png) no-repeat left;} 
	.phone {background:url(/images/icons/phone.png) no-repeat left;} 
	.phone-three {background:url(/images/icons/phone-three.png) no-repeat left;} 
	.phone-two {background:url(/images/icons/phone-two.png) no-repeat left;} 
	.plant {background:url(/images/icons/plant.png) no-repeat left;} 
	.plug {background:url(/images/icons/plug.png) no-repeat left;} 
	.plus {background:url(/images/icons/plus.png) no-repeat left;} 
	.present {background:url(/images/icons/present.png) no-repeat left;} 
	.present-two {background:url(/images/icons/present-two.png) no-repeat left;} 
	.printer {background:url(/images/icons/printer.png) no-repeat left;} 
	.promotion {background:url(/images/icons/promotion.png) no-repeat left;} 
	.puzzle {background:url(/images/icons/puzzle.png) no-repeat left;} 
	.refresh {background:url(/images/icons/refresh.png) no-repeat left;} 
	.refresh-icon {background:url(/images/icons/refresh-icon.png) no-repeat left;} 
	.right {background:url(/images/icons/right.png) no-repeat left;} 
	.sailing {background:url(/images/icons/sailing.png) no-repeat left;} 
	.sale {background:url(/images/icons/sale.png) no-repeat left;} 
	.sale-two {background:url(/images/icons/sale-two.png) no-repeat left;} 
	.screen {background:url(/images/icons/screen.png) no-repeat left;} 
	.sendbox {background:url(/images/icons/sendbox.png) no-repeat left;} 
	.shield {background:url(/images/icons/shield.png) no-repeat left;} 
	.signal {background:url(/images/icons/signal.png) no-repeat left;} 
	.sms {background:url(/images/icons/sms.png) no-repeat left;} 
	.spider {background:url(/images/icons/spider.png) no-repeat left;} 
	.star {background:url(/images/icons/star.png) no-repeat left;} 
	.subfolders {background:url(/images/icons/subfolders.png) no-repeat left;} 
	.talk {background:url(/images/icons/talk.png) no-repeat left;} 
	.thumbtack {background:url(/images/icons/thumbtack.png) no-repeat left;} 
	.tl {background:url(/images/icons/tl.png) no-repeat left;} 
	.toaster {background:url(/images/icons/toaster.png) no-repeat left;} 
	.tools-two {background:url(/images/icons/tools-two.png) no-repeat left;} 
	.two-folder {background:url(/images/icons/two-folder.png) no-repeat left;} 
	.two-p {background:url(/images/icons/two-p.png) no-repeat left;} 
	.unlock {background:url(/images/icons/unlock.png) no-repeat left;} 
	.unlock-two {background:url(/images/icons/unlock-two.png) no-repeat left;} 
	.update {background:url(/images/icons/update.png) no-repeat left;} 
	.ventilator {background:url(/images/icons/ventilator.png) no-repeat left;} 
	.videocam {background:url(/images/icons/videocam.png) no-repeat left;} 
	.warning {background:url(/images/icons/warning.png) no-repeat left;} 
	.whirl {background:url(/images/icons/whirl.png) no-repeat left;} 
	.wi-fi {background:url(/images/icons/wi-fi.png) no-repeat left;} 
	.window {background:url(/images/icons/window.png) no-repeat left;} 
	.window-two {background:url(/images/icons/window-two.png) no-repeat left;} 
	.woman {background:url(/images/icons/woman.png) no-repeat left;} 
	.world-net {background:url(/images/icons/world-net.png) no-repeat left;} 
	.write {background:url(/images/icons/write.png) no-repeat left;} 
	.wrongway {background:url(/images/icons/wrongway.png) no-repeat left;} 
	.x {background:url(/images/icons/x.png) no-repeat left;} 
	.zoom-in {background:url(/images/icons/zoom-in.png) no-repeat left;} 
	.zoom-out {background:url(/images/icons/zoom-out.png) no-repeat left;} 


/*-- FORMS --*/  

fieldset {float:left;clear:none;width:100%;border:0;}
fieldset ul, fieldset ol {padding:0;list-style:none;}	/* ie: zoom:1; */
fieldset ul, fieldset ol {list-style:none;}
label {float:left;margin-right:10px;text-align:right;font-weight:bold;}
label.error {clear:both;text-align:left;}
fieldset li {padding-bottom:1em;clear:left;float:left;width:100%;}
.button {width:150px;height:45px;line-height:45px;text-align:center;font-weight:bold;border:0;font-size:15px;background-image:url(/images/default/buttons/glossy-med.png);}

.checkboxSingle {float:left;border:0;}
.checkboxMultiple {}

span.checkboxComment {display:inline;float:left;margin-left:10px;}
span.textboxComment {display:block;}


/*-- COMMON STYLES - REUSED THROUGHOUT --*/

.clear {clear:both;}
.leftAlign {float:left;}
.rightAlign {float:right;}
.flushLeft {margin-left:0;padding-left:0;}
.attention {background:#ffcccc;color:#000;padding:10px;margin-bottom:20px;}


/*-- TO DISPLAY MESSAGES  AND EDIT PAGE LINKS --*/

.theMessage {padding:15px;display:block;margin-bottom:20px;}
.theMessage a {}
.adminEditLinks {width:100px;float:right;}
.adminEditLinks a {margin-bottom:10px;}