/*************************************************************************************************
									SystemCare CSS - Screen
										Version - 1.0


See also, for overrides and alternative styles:

		css/ie.css (for all Internet Explorer browsers)
		css/ie6.css (for Internet Explorer 6 only)
		css/print.css (for Print media only)


HTML Tags
*************************************************************************************************/
body,
html{
	width:100%;
	text-align:center;
	}

body{
	font:62.5% 'Lucida Grande', Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	background:#f2f2f2 url(../graphics/bg.gif) repeat-y center top;
	}
body.pop{
	text-align:left;
	margin:10px;
	width:auto;
	}

h1, h2, h3, h4, h5, h6, blockquote, p{
	margin:.5em 0;
	padding:0;
	}
p, li, blockquote{
	line-height:160%;
	}

img{
	border:none;
	}
	
abbr{
	border:none;
	}
	
a{
	color:#333;
	text-decoration:none;
	}

a:hover{
	color:#000;
	}
	
p{
	color:#000;
	margin-bottom:1.5em;
	font-size:1.2em;
	}
	
q{
	quotes:"\201C" "\201D" "\2018" "\2019";
	}
q:before{
	content:open-quote;
	}
q:after{
	content:close-quote;
	}	
h1{
	font-size:2.2em;
	color:#043f7b;
	margin-top:0;
	}	
h2{
	font-size:1.6em;
	color:#900;
	}
h3{
	font-size:1.3em;
	color:#043f7b;
	}
h4{
	font-size:1.3em;
	color:#900;
	}
	
	
blockquote{
	background:url(../graphics/icon-quoteleft.gif) no-repeat left top;
	margin:20px;
	}
blockquote p{
	background:url(../graphics/icon-quoteright.gif) no-repeat right bottom;
	font-size:1.2em;
	color:#888;
	padding:5px 5px 0 20px;
	margin:0;
	}
blockquote p.nostyle{
	background:none;
	font-size:1em;
	color:#555;
	padding:5px 20px 0;
	margin:0;
	}

/* Structure
*************************************************************************************************/
#wrapper{
	background:url(../graphics/bg-top.jpg) no-repeat center top;
	min-height:460px;
	}

#container{
	width:674px;
	text-align:left;
	margin:0 auto;
	padding:35px 50px;
	}	

#header{
	height:118px;
	overflow:hidden;
	}
#main{
	clear:both;
	}
#footer{
	clear:both;
	}
	
/* Logo
*************************************************/
#logo{
	font-size:2.7em;
	color:#043f7b;
	text-transform:uppercase;
	float:left;
	}
	
/* Top Navigation
*************************************************/
#topnav{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	}
#topnav li{
	display:inline;
	}
#topnav li a{
	color:#aaa;
	text-transform:uppercase;
	padding:9px 5px 0;
	line-height:.9em;
	height:0;
	overflow:hidden;
	display:block;
	float:left;
	border-right:1px solid #aaa;
	background-repeat:no-repeat;
	background-position:50% 0;
	}
#topnav li a:hover{
	color:#333;
	background-position:50% -50px;
	}
#topnav li.last a{
	border-right:none;
	}
	
#navlogin a{
	background-image:url(../graphics/btn-navlogin.gif);
	width:32px;
	}
#navcontactus a{
	background-image:url(../graphics/btn-navcontactus.gif);
	width:68px;
	}
#navsitemap a{
	background-image:url(../graphics/btn-navsitemap.gif);
	width:49px;
	}
	
body.login #navlogin a,
body.contactus #navcontactus a,
body.sitemap #navsitemap a{
	color:#333;
	background-position:50% -50px;
	}
	
/* Main Navigation
*************************************************/
#mainnav{
	margin:30px 0 29px;
	padding:0;
	list-style:none;
	display:block;
	clear:both;
	float:left;
	width:674px;
	}
#mainnav  li{
	display:inline;
	}
#mainnav li a{
	color:#043f7b;
	text-transform:uppercase;
	margin:0 15px 0 1px;
	display:block;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	padding:21px 0 0;
	height:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:50% 0;
	}
#mainnav li.last a{
	margin-right:0;
	}	
#mainnav li a:hover{
	background-position:50% -50px;
	}	
body.home #navhome a,
body.companyinfo #navcompanyinfo a,
body.support #navsupport a,
body.products #navproducts a,
body.networkservices #navnetworkservices a,
body.finance #navfinance a{
	background-position:50% -100px;
	}
	
#navhome a{
	background-image:url(../graphics/btn-navhome.gif);
	width:60px;
	}
#navcompanyinfo a{
	background-image:url(../graphics/btn-navcompanyinfo.gif);
	width:123px;
	}
#navsupport a{
	background-image:url(../graphics/btn-navsupport.gif);
	width:80px;
	}
#navproducts a{
	background-image:url(../graphics/btn-navproducts.gif);
	width:90px;
	}
#navnetworkservices a{
	background-image:url(../graphics/btn-navnetworkservices.gif);
	width:150px;
	}
#navfinance a{
	background-image:url(../graphics/btn-navfinance.gif);
	width:76px;
	}

/* Left Navigation
*************************************************/
#leftcol{
	float:left;
	width:174px;
	background:url(../graphics/bg-leftnav.gif) no-repeat 0 0;
	}
#leftcol ul{
	background:url(../graphics/bg-leftnav.gif) no-repeat 0 100%;
	list-style:none;
	margin:12px 0 0;
	padding:0 6px 11px;
	font-size:1.1em;
	width:148px;
	}
#leftcol ul li{
	display:block;
	padding:1px;
	margin:-1px 0 0;
	}
#leftcol ul li a{
	color:#043F7B;
	padding:6px 00 6px 22px;
	display:block;
	background:#ececec url(../graphics/icon-arrow.gif) no-repeat 10px 50%;
	margin:0 0 0;
	line-height:1.2em;
	}
#leftcol ul li a:hover{
	color:#003;
	background:#eaeaea url(../graphics/icon-arrow2.gif) no-repeat 10px 50%;
	}
#leftcol ul li.active a{
	background:#e8e8e8 url(../graphics/icon-arrow3.gif) no-repeat 10px 50%;
	color:#000;
	}
#contactinfo{
	background:#fff;
	padding:10px 0 10px 5px;
	display:none;
	}
#contactinfo p{
	font-size:1.1em;
	padding:0 5px;
	}
#contactinfo ol{
	font-size:1.1em;
	padding:0;
	margin:0 0 0 25px;
	}
body.contactus #contactinfo,
body.login #contactinfo{
	display:block;
	}
#leftcol ul ul{
	background:none;
	margin:0;
	padding:0 6px 0 0;
	font-size:1em;
	}
#leftcol ul ul li a{
	padding:4px 0 4px 27px;
	background:#ececec url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}
#leftcol ul ul li a:hover{
	background:#eaeaea url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}	
#leftcol ul li.active ul li a{
	padding:3px 0 3px 27px;
	background:#ececec url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	color:#043F7B;
	}
#leftcol ul ul li.active a{
	padding:3px 0 3px 27px;
	background:#e8e8e8 url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}
	
#leftcol div.secondlist{
	border-top:15px solid #fff;
	width:174px;
	background:url(../graphics/bg-leftnav.gif) no-repeat 0 0;
	}
#leftcol div.secondlist ul ul li a:hover{
	background:#eaeaea url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}
	

/* Content
*************************************************************************************************/
	
#content{
	float:left;
	width:495px;
	padding-left:5px;
	}
#content img.mast{
	padding:6px;
	background:#fff url(../graphics/bg-mast.gif) no-repeat;
	margin:0 0 10px -5px;
	}
#content img{
	margin:0 0 10px 10px;
	float:right;
	}
#content img.nofloat{
	float:none;
	margin:10px 0;
	}
#content img.bordered{
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
	}
#content a:hover img.bordered{
	border:1px solid #bbb;
	}
p.webability a{
	border-bottom:none !important;
	text-decoration:none !important;
	}
p.pdf a{
	border-bottom:none !important;
	text-decoration:none !important;
	}	
#content dt{
	margin:10px 0 3px 0;
	padding:0;
	font-weight:bold;
	font-size:1.6em;
	color:#900;
	}
#content dd{
	margin:0 0 20px;
	padding:0 5px;
	line-height:1.5em;
	font-size:1.2em;
	}
#content ul{
	list-style:none;
	margin:0 30px 25px 13px;
	padding:0;
	line-height:1.2em;
	font-size:1.2em;
	}
#content ol{
	margin:0 30px 25px 33px;
	padding:0;
	font-size:1.2em;
	}
#content ol li{
	padding:5px 0;
	}

#content ul li{
	margin:0;
	display:block;
	background:url(../graphics/icon-arrow.gif) no-repeat 3px 12px;
	padding:5px 0 5px 15px;
	}
#content ul.twocol li{
	width:200px;
	float:left;
	}
	
#content ul.tick li{
	margin:0;
	display:block;
	background:url(../graphics/tick.gif) no-repeat 0 9px;
	padding:5px 0 5px 15px;
	}
	
#content p a,
#content li a{
	color:#900;
	border-bottom:1px dashed #ccc;
	}
#content p a:hover,
#content li a:hover{
	color:#043f7b;
	}
#content a .adobe{
	margin:0;
	padding:0;
	clear:left;
	}	
p.goback a{
	margin:0;
	background:url(../graphics/btn-goback.gif) no-repeat;
	width:85px;
	display:block;
	float:left;
	padding:10px 0 10px 10px;
	letter-spacing:-1000em;
	overflow:hidden;
	border:none !important;
	cursor:pointer;
	}
p.goback a:hover{
	background:url(../graphics/btn-goback.gif) no-repeat 0 -50px;
	}

p.quickquote a{
	margin:0;
	background:url(../graphics/btn-quickquote.gif) no-repeat;
	width:95px;
	display:block;
	padding-top:20px;
	height:0;
	overflow:hidden;
	border:none !important;
	cursor:pointer;
	}
p.quickquote a:hover{
	background:url(../graphics/btn-quickquote.gif) no-repeat 0 -40px;
	}
p.btndownload a{
	margin:0;
	background:url(../graphics/btn-download-now.gif) no-repeat;
	width:115px;
	display:block;
	padding-top:20px;
	height:0;
	overflow:hidden;
	border:none !important;
	cursor:pointer;
	}
p.btndownload a:hover{
	background:url(../graphics/btn-download-now.gif) no-repeat 0 -40px;
	}
p.btnfreedownload a{
	margin:0;
	background:url(../graphics/btn-free-download.gif) no-repeat;
	width:115px;
	display:block;
	padding-top:20px;
	height:0;
	overflow:hidden;
	border:none !important;
	cursor:pointer;
	}
p.btnfreedownload a:hover{
	background:url(../graphics/btn-free-download.gif) no-repeat 0 -40px;
	}
p.btnhomehosting a{
	margin:8px 0 20px 20px;
	background:url(../graphics/btn-home-broadband.jpg) no-repeat;
	width:145px;
	display:block;
	padding-top:50px;
	height:0;
	overflow:hidden;
	border:none !important;
	cursor:pointer;
	float:left;
	}
p.btnhomehosting a:hover{
	background:url(../graphics/btn-home-broadband.jpg) no-repeat 0 -100px;
	}
p.btnbusinesshosting a{
	margin:0 0 20px 40px;
	background:url(../graphics/btn-business-broadband.jpg) no-repeat;
	width:170px;
	display:block;
	padding-top:50px;
	height:0;
	overflow:hidden;
	border:none !important;
	cursor:pointer;
	float:left;
	}
p.btnbusinesshosting a:hover{
	background:url(../graphics/btn-business-broadband.jpg) no-repeat 0 -100px;
	}
.clearboth{
clear:both;
}
#flashcontent{
	clear:left;
	padding:5px;
	}
#flashmovie{
	clear:left;
	padding:5px;
	}
	
/* Alphabet Bar
*************************************************/	
#alphabar{
	padding:0 10px;
	border:5px double #fff;
	background:#eee;
	margin:0 0 15px;
	display:block;
	float:left;
	width:465px;
	}
#alphabar a{
	display:block;
	float:left;
	color:#043f7b;
	font-weight:bold;
	padding:5px;
	font-size:1.2em;
	text-decoration:none;
	}
#alphabar a:hover{
	background:#e8e8e8;
	color:#7b2266;
	text-decoration:none;
	}
	

/* Site Map
*************************************************/
#content ul#sitemap{
	list-style:none;
	margin:12px 0 0;
	padding:0 6px 11px;
	font-size:1.2em;
	}
#content ul#sitemap li{
	margin:0;
	background:none;
	padding:0;
	}
#content ul#sitemap li a{
	color:#043F7B;
	padding:6px 0 6px 22px;
	display:block;
	border:none;
	background:url(../graphics/icon-arrow.gif) no-repeat 10px 50%;
	margin:0 0 1px;
	line-height:1.2em;
	}
#content ul#sitemap li a:hover{
	color:#003;
	background:url(../graphics/icon-arrow2.gif) no-repeat 10px 50%;
	}
#content ul#sitemap li.active a{
	background:url(../graphics/icon-arrow3.gif) no-repeat 10px 50%;
	color:#000;
	}
#content ul#sitemap ul{
	background:none;
	margin:0 0 0 15px;
	padding:0 6px 0 0;
	font-size:1em;
	}
#content ul#sitemap ul li a{
	padding:4px 0 4px 27px;
	background:url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}
#content ul#sitemap ul li a:hover{
	background:url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}	
#content ul#sitemap li.active ul li a{
	padding:3px 0 3px 27px;
	background:url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	color:#043F7B;
	}
#content ul#sitemap ul li.active a{
	padding:3px 0 3px 27px;
	background:url(../graphics/icon-arrow4.gif) no-repeat 15px 42%;
	}
	
	
/* 
*************************************************/	
	
p.top a{
	margin:0;
	display:block;
	background:url(../graphics/icon-arrow5.gif) no-repeat 3px 50%;
	padding:5px 0 5px 15px;
	}
#loginpage{
	padding:20px 0 40px 50px;
	}
	
	
#player,
#player2{
	padding:5px;
	border:1px solid #ccc;
	width:400px;
	height:300px;
	margin:0 0 30px;
	}
	
/* Hompeage Banner
*************************************************/	
#banner{
	clear:both;
	color:#fff;
	font-size:2em;
	display:block;
	float:left;
	font-weight:normal;
	background:#900;
	margin:6px 0 30px;
	}
	
/* Offer Boxes
*************************************************/
h2.offer{
	width:216px;
	float:left;
	clear:none;
	height:115px;
	margin-right:11px;
	margin-bottom:30px;
	text-align:center;
	font-weight:normal;
	font-size:1.8em;
	}
h2.offer a{
	color:#fff;
	}
h2.blue{
	background:#043f7b;
	}
h2.gray{
	background:#ccc;
	}
h2.last{
	margin-right:0;
	}
	
/* Testimonial Box
*************************************************/
#testimonialbox{
	clear:both;
	float:left;
	width:250px;
	margin-right:34px;
	}
#testimonialbox h3{
	color:#043f7b;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	}
#testimonialbox blockquote{
	margin:15px 0 0; 
	}
#testimonialbox blockquote p{
	font-size:1.1em;
	padding:5px 5px 0 20px;
	margin:0;
	}


/* Login Box
*************************************************/
#loginbox{
	float:right;
	width:250px;
	}
#loginbox h3{
	color:#043f7b;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	}
#loginbox p{
	font-size:1.1em;
	margin:0;
	color:#888;
	}
#loginbox a{
	background:url(../graphics/btn-loginnow.gif) no-repeat;
	width:85px;
	height:0;
	margin-top:5px;
	display:block;
	overflow:hidden;
	padding-top:23px;
	border:none;
	cursor:pointer;
	}
#loginbox a:hover{
	background:url(../graphics/btn-loginnow.gif) no-repeat 0 -50px;
	}



/* Job Vacancy Boxes
*************************************************/
div.jobvacancy{
	padding:10px;
	border:5px double #fff;
	background:#eee;
	margin:0 0 20px;
	}

		
/* Login Form
*************************************************/
#login{
	width:320px;
	float:left;
	}
#login fieldset{
	border:none;
	}
#login legend{
	color:#043f7b;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	}
#login p{
	font-size:1em;
	margin-bottom:5px;
	clear:both;
	display:block;
	}
#login label{
	color:#aaa;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	width:72px;
	float:left;
	padding:0 0 0;
	margin-right:3px;
	text-align:right;
	}
#login p input{
	display:block;
	float:left;
	width:194px;
	margin:0 3px 0 0;
	font:1.2em Arial, Verdana, Helvetica, sans-serif;
	color:#666;
	padding:2px 3px 3px;
	background:url(../graphics/bg-input.gif) no-repeat;
	border:none;
	cursor:text;
	letter-spacing:normal;
	}
#login p input:hover,
#login p input:focus{	
	background:url(../graphics/bg-input.gif) no-repeat 0 -50px;
	}
#login p a{
	display:block;
	background:#eee url(../graphics/btn-help.gif) no-repeat;
	float:left;
	height:0;
	overflow:hidden;
	width:20px;
	padding:20px 0 0;
	color:#666;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	text-align:center;
	border:none;
	}
#login p a:hover{
	background:#eee url(../graphics/btn-help.gif) no-repeat 0 -50px;
	color:#ccc;
	}
#login input{
	margin:0 28px 0 0;
	float:right;
	background:url(../graphics/btn-loginnow.gif) no-repeat;
	width:85px;
	padding:2px;
	letter-spacing:-1000em;
	overflow:hidden;
	border:none;
	cursor:pointer;
	}
#login input:hover{
	background:url(../graphics/btn-loginnow.gif) no-repeat 0 -50px;
	}
	
/* Contact Form
*************************************************************************************************/
.splitform{
	font-size:1.2em;
	float:left;
	display:block;
	padding:0 0 2em;
	overflow:hidden;
	border:none;
	}
.splitform fieldset{
	padding:15px 5px;
	margin:0 15px 0 0;
	float:left;
	width:482px;
	display:block;
	border:none;
	}	
.splitform legend{
	font-size:1.1em;
	font-weight:bold;
	color:#043f7b;
	}
.splitform label{
	display:block;
	float:left;
	clear:left;
	text-align:right;
	cursor:pointer;
	padding:2px 0;
	margin:0 5px 10px 0;
	width:140px;
	}
.splitform input,
.splitform textarea,
.splitform select{
	padding:3px 5px;
	margin:0 0 10px;
	display:block;
	float:left;
	width:230px;
	font-family:'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
	}
.splitform strong{
	padding:4px 5px 4px 22px;
	display:block;
	float:left;
	clear:none;
	color:#f00;
	border:1px solid #f00;
	margin:0 0 0 5px;
	white-space:nowrap;
	font-weight:normal;
	text-transform:lowercase;
	background:#ffc url(../graphics/icon-arrow-red-left.gif) no-repeat 5px 55%;
	}
.splitform select{
	padding:3px 2px 3px 0;
	width:244px;
	}
.splitform select.dmy{
	width:90px;
	margin-right:5px;
	}
.splitform select.dmy.last{
	margin-right:1px;
	}
.splitform input:hover,
.splitform select:hover,
.splitform textarea:hover,
.splitform input:focus,
.splitform select:focus,
.splitform textarea:focus{
	}
.splitform input.error,
.splitform textarea.error,
.splitform select.error{
	}
.splitform textarea{
	font-size:1em;
	}
.splitform em{
	font-style:normal;
	color:#f00;
	}
.splitform #submit{
	cursor:pointer;
	padding:5px;
	width:auto;
	}
.splitform #apply{
	cursor:pointer;
	padding:2px 5px;
	margin-left:5px;
	margin-bottom:20px;
	width:auto;
	}
	
.splitform input.noshow{
	display:none;
	}

.splitform #submit:hover{
	}
.splitform p{
	font-size:1em;
	}

.splitform fieldset.radiocheck{
	margin:0 0 5px;
	width:255px;
	padding:0;
	}
.splitform fieldset.radiocheck div{
	float:left;
	diaply:block;
	}
.splitform fieldset.radiocheck input{
	clear:both;
	float:left;
	width:auto;
	margin:3px 2px;
	}
.splitform fieldset.radiocheck label{
	clear:none;
	width:auto;
	padding-right:32px;
	text-align:left;
	}	
	
.formtable{
	clear:left;
	border:1px solid #ccc;
	border-collapse:collapse;
	}
.formtable td,
.formtable th{
	border:1px solid #ccc;
	}
	
	
/* Footer
*************************************************************************************************/
#footer p{
	font-size:1em;
	text-align:center;
	color:#999;
	float:left;
	}
.boxlogo{
	float:left;
	padding:8px 0 0 25px;
	}
.logotext{
	float:left;
	width:495px;
	padding-left:15px;
	}
#footer p a{
	color:#999;
	}
#footer p a:hover{
	color:#333;
	}
#footernav{
	margin:10px 0 5px;
	padding:10px 0 0 0;
	border-top:1px solid #ccc;
	list-style:none;
	clear:both;
	float:left;
	text-align:center;
	width:674px;
	}
#footernav li{
	display:inline;
	padding:0 5px;
	border-right:1px solid #ccc;
	}
#footernav li a{
	color:#999;
	text-transform:uppercase;
	}
#footernav li a:hover{
	color:#333;
	}
#footernav li.last{
	border-right:none;
	}
	
#copyright{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	text-align:center;
	width:674px;
	}
#copyright li{
	display:inline;
	padding:0 5px;
	border-right:1px solid #ccc;
	color:#999;
	}
#copyright li a{
	color:#999;
	}
#copyright li a:hover{
	color:#333;
	}
#copyright li.last{
	border-right:none;
	}


/* sIFR styles
*************************************************************************************************/
.sIFR-flash{
	visibility:visible !important;
	margin:0;
	}
.sIFR-replaced{
	visibility:visible !important;
	}
span.sIFR-alternate{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{
  display:none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*
.sIFR-hasFlash h3,
.sIFR-hasFlash legend{
	visibility:hidden;
	line-height:1.7em;
	}
.sIFR-hasFlash label{
	visibility:hidden;
	line-height:1.8em;
	}
*/
	
/* Clearfix (updated for IE7 compatibility)
*************************************************************************************************/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
   
* html>body .clearfix {
    display:inline;
    width:100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height:1%;
    /* End hide from IE-mac */
    }
	
	
/* Lytebox
*************************************************************************************************/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../graphics/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../graphics/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../graphics/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../graphics/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../graphics/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../graphics/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../graphics/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../graphics/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../graphics/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../graphics/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../graphics/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../graphics/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../graphics/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../graphics/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../graphics/close_red.png) no-repeat; }
	#lbClose.green { background: url(../graphics/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../graphics/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../graphics/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../graphics/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../graphics/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../graphics/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../graphics/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../graphics/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../graphics/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../graphics/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../graphics/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../graphics/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../graphics/pause_gold.png) no-repeat; }