body { background: url(/images/bg.gif) repeat-x #c0c1c1; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 17px; color: #555; }

p { font-size: 1.1em; }

li { font-size: 1.1em; }

img { border: 0px; }

.green	{ color: #4C7C0B; }

.greensml	{ font-size: 0.8em; color: #4C7C0B; }
.bluesml	{ font-size: 0.8em; color: #0E6A9E; }

.blue	{ color: #0E6A9E; }

h1, h2 { font-size: 1.8em; letter-spacing: -0.3px; color: #602765; }

h3, h4 { font-size: 1.8em; letter-spacing: -0.3px; color: #602765; }

a { outline: none; color: #555; text-decoration: underline; }

a:hover { color:#602765; text-decoration: none; }

.title	{ font-weight: bold; font-size: 1.3em; color: #602765; list-style-type: none; }

.seperate	{ width: 500px; margin: 10px auto 0; text-align: center; }

/* TOP NAV */

#nav { width: 380px; height: 37px; float: right; }

#nav li { font-size: 1.1em; list-style-type: none; display: inline; text-align: center; line-height: 37px; float: left; }

#nav ul { margin: 0px; padding: 0px; line-height: 37px; }

#nav a { color: #FFF; text-decoration: none; line-height: 37px; display: block; }

#nav a:hover { background-color: #602765; }

.nav1 { width: 60px; background:url(/images/nav-border.gif) no-repeat right; }

.nav2 { width: 130px; background:url(/images/nav-border.gif) no-repeat right; }

.nav3 { width: 100px; background:url(/images/nav-border.gif) no-repeat right; }

.nav4 { width: 90px; }

/* IDS */

#container { width: 880px; margin: 0 auto; }

#header { width: 880px; height: 100px; float: left; padding: 25px 0 25px 0; }

#info { width: 880px; height: 96px; }

#banner { width: 680px; height: 19px; text-align: center; padding: 18px 0 0 0; float: right; }

#maincontainer { background: url(/images/mainbg.gif) no-repeat; width: 872px; padding: 4px; clear: both; overflow: hidden; }

#newscontainer { width: 872px; clear: both; margin: 0 0 28px 0; }

#leftcol { width: 666px; float: left; }

#left { width: 419px; float: left; }

#right { width: 203px; float: right; }

#ex { width: 642px; clear: both; }

#mainbottom { background: url(/images/main-bottom.gif) no-repeat; width: 666px; height: 10px; margin: 0 0 28px 0; }

#rightcol { width: 206px; float: right; }

#maintop { background: url(/images/main-top.gif) no-repeat; width: 666px; height: 10px; overflow: hidden; }

#mainmiddle { background: url(/images/main-middle.gif) repeat-y; width: 642px; overflow: hidden; padding: 0 12px 0 12px; }

#formcon { width: 400px; border-right: 1px solid #d3d3d3; padding: 0 20px 10px 0; float: left; }

#contactinfo { width: 200px; float: right; }

#footertop { background: url(/images/footer-top.gif) no-repeat; width: 870px; height: 10px; clear: both; overflow: hidden; }

#footermiddle { background: url(/images/footer-middle.gif) repeat-y; width: 870px; overflow: auto; }

#footermiddle li { font-size: 1.1em; line-height: 22px; list-style-type: none; }

#footermiddle ul { margin: 0px; padding: 0px; }

#footermiddle a { color: #555; text-decoration: none; }

.seperate a { color: #555; text-decoration: none; }

#footermiddle a:hover { color:#602765; text-decoration: underline; }

.seperate a:hover { color:#602765; text-decoration: underline; }

#footerbottom { background: url(/images/footer-bottom.gif) no-repeat; width: 870px; height: 10px; }

#footer { width: 870px; text-align: center; margin: 10px 0 0 0; }

#footer ul	{ list-style-type:none; font-size: 1em; }

#footer li { display: inline; }

#footer li:last-child a	{ border: none; }

#footer li a, .seperate li a	{ padding: 2px 5px; }

#footer p, #footer ul { font-size: 0.9em; letter-spacing: 1px; color: #555; }

#footer a { color: #555; text-decoration: none; }

#footer a:hover { color:#602765; text-decoration: underline; }

/* HP IDS & CLASSES */

#hpmaincon { width: 664px; float: right; }

#hpmaintop { background: url(/images/hpmain-top.gif) no-repeat; width: 664px; height: 12px; overflow: hidden; }

#hpmainmiddle { background: url(/images/hpmain-middle.gif) repeat-y; width: 644px; overflow: hidden; padding:0 10px 0 10px; }

* html #hpmainmiddle { background: url(/images/hpmain-middle.gif) repeat-y; width: 654px; overflow: hidden; padding:0 0px 0 10px; }

#hpmainbottom { background: url(/images/hpmain-bottom.gif) no-repeat; width: 664px; height: 16px; }

.hpdomesticheading { background: url(/images/hpdom-headingbg.gif) no-repeat; width: 309px; height: 30px; padding: 0 0 0 10px; margin:0 0 10px 0; font-size: 1.6em; letter-spacing: -0.3px; line-height: 30px; color: #FFF; }

.hpdomesticheading a { color: #FFF; text-decoration: none; font-weight:bold; }

.hpdomesticheading a:hover { text-decoration: underline; }

.hpcommercialheading { background: url(/images/hpcom-headingbg.gif) no-repeat; width: 309px; height: 30px; padding: 0 0 0 10px; margin:0 0 10px 0; font-size: 1.6em; letter-spacing: -0.3px; line-height: 30px; color: #FFF; }

.hpcommercialheading a { color: #FFF; text-decoration: none; font-weight:bold; }

.hpcommercialheading a:hover { text-decoration: underline; }

#domesticcol { width: 309px; padding: 0 0px 0 0px; float: left; clear:none; }

#commercialcol { width: 309px; padding: 0 0px 0 0px; float: right;  clear:none; }

.flash { width: 309px; height: 190px; }

#hpleft { width: 206px; float: left; }

#hpcon { width: 870px; clear: both; }

#hptop { background: url(/images/hp-top.gif) no-repeat; width: 870px; height: 9px; overflow: hidden; }

#hpmiddle { background: url(/images/hp-middle.gif) repeat-y; width: 870px; overflow: auto; }

#hpbottom { background: url(/images/hp-bottom.gif) no-repeat; width: 870px; height: 9px; margin: 0 0 28px 0; }

/* PRESENTER & ONSITE VIDEO */

#videotop { background: url(/images/videotop.gif) no-repeat; width: 664px; height: 12px; overflow: hidden; }

#videomiddle { background: url(/images/videomiddle.gif) repeat-y; width: 644px; overflow: hidden; padding:0 10px 0 10px; }

#video { width: 419px; height: 236px; float: left; }

#videobottom { background: url(/images/videobottom.gif) no-repeat; width: 664px; height: 16px; }

#rfaccreditations { background: url(/images/rfdigital-accreditations.gif) no-repeat; width: 199px; height: 236px; float: right; }

#presenter { width: 206px; height: 310px; }

/* CLASSES */

.testimonials { width: 187px; padding: 0 10px 0 10px; float: left; }

.specialoffers { width: 311px; padding: 0 12px 0 10px; float: left; }

.accreditations { width: 310px; padding: 0 10px 0 10px; float: left; }

.infotop { background: url(/images/info-top.gif) no-repeat; width: 206px; height: 10px; overflow: hidden; }

.infomiddle { background: url(/images/info-middle.gif) repeat-y; width: 186px; overflow: hidden; padding: 0 10px 0 10px; }

.infobottom { background: url(/images/info-bottom.gif) no-repeat; width: 206px; height: 10px; }

.middleimg	{ margin: 0 11px; }

	/* form */
	
	.fieldstyle	{ width: 180px; margin: 0 auto 5px; }
	.fieldstyle2	{ width: 186px; margin: 0 auto 5px; }

.products { background: url(/images/product-bg.gif) no-repeat; width: 204px; height: 263px; float: left; text-align: center; padding: 6px 0 0 0; margin: 0 0 3px 3px; }

.newsmainmiddle { width: 642px; float: left; overflow: hidden; }

.newsrightcol { width: 206px; float: right; }

.bra { width: 194px; padding: 0 0 0 12px; float: left; }

.information { width: 120px; border-right: 1px solid #d3d3d3; padding: 0 0 0 20px; float: left; }

.domestic { width: 130px; border-right: 1px solid #d3d3d3; padding: 0 0 0 20px; float: left; }

.commercial { width: 140px; border-right: 1px solid #d3d3d3; padding: 0 0 0 20px; float: left; }

.news { width: 182px; padding: 0 0 0 20px; float: left; }

.formstyle { font-size: 1.1em; color: #555; width: 238px; background: #f6f6f6; border :1px solid #c6c6c6; padding: 6px; margin: 0px; }

.line { border-bottom: 1px solid #602765; padding: 5px 0 5px 0; }

.bulletpoint { list-style-type: none; }

/* COMMERCIAL NUMBERS */

.comnumbers { width: 128px; padding: 3px 0 0 50px; float: left; }

.comlocation { font-size: 1.4em; line-height: 20px; letter-spacing: -0.30px; color: #602765; }

.comnumber { font-size: 1.6em; font-weight: bold; letter-spacing: -0.30px; color: #161716; }

/* DOMESTIC NUMBERS */

.domnumbers { width: 122px; padding: 3px 0 0 18px; float: left; }

.domlocation { font-size: 1.1em; line-height: 20px; letter-spacing: -0.30px; color: #602765; }

.domnumber { font-size: 1.3em; font-weight: bold; letter-spacing: -0.30px; color: #161716; }

/* DOMESTIC NAV */

#domnav { background: url(/images/nav-bg.gif) no-repeat; width: 602px; height: 34px; padding: 0 20px 0 20px; }

#domnav li { font-size: 1.1em; list-style-type: none; display: inline; text-align: center; line-height: 33px; float: left; }

#domnav ul { margin: 0px; padding: 0px; line-height: 33px; }

#domnav a { color: #FFF; text-decoration: none; line-height: 33px; display: block; }

#domnav a:hover { background-color: #602765; }

.domnav1 { width: 90px; background:url(/images/navborder.gif) no-repeat right; }

.domnav2 { width: 90px; background:url(/images/navborder.gif) no-repeat right; }

.domnav3 { width: 110px; background:url(/images/navborder.gif) no-repeat right; }

.domnav4 { width: 190px; background:url(/images/navborder.gif) no-repeat right; }

.domnav5 { width: 120px; }

/* COMMERCIAL NAV */

#comnav { background: url(/images/nav-bg.gif) no-repeat; width: 602px; height: 34px; padding: 0 20px 0 20px; }

#comnav li { font-size: 1.1em; list-style-type: none; display: inline; text-align: center; line-height: 33px; float: left; }

#comnav ul { margin: 0px; padding: 0px; line-height: 33px; }

#comnav a { color: #FFF; text-decoration: none; line-height: 33px; display: block; }

#comnav a:hover { background-color: #602765; }

.comnav1 { width: 200px; background:url(/images/navborder.gif) no-repeat right; }

.comnav2 { width: 200px; background:url(/images/navborder.gif) no-repeat right; }

.comnav3 { width: 200px; }

/* BREADCRUMBS */

#breadcrumb { width: 642px; padding: 6px 0 6px 0; font-size: 0.80em; letter-spacing: 1px; }

#breadcrumb a { color: #602765; text-decoration: underline; }

#breadcrumb a:hover { color: #602765; text-decoration: none; }

/* FONTS */

.domesticheading { background: url(/images/domestic-headingbg.gif) no-repeat; width: 642px; height: 34px; padding: 0 0 0 10px; font-size: 1.6em; font-weight: bold; letter-spacing: -0.3px; line-height: 34px; color: #FFF; }

.commercialheading { background: url(/images/commercial-headingbg.gif) no-repeat; width: 642px; height: 34px; padding: 0 0 0 10px; font-size: 1.6em; font-weight: bold; letter-spacing: -0.3px; line-height: 34px; color: #FFF; }

.subheading { background: url(/images/heading-bg.gif) repeat-x; font-size: 1.4em; color: #602765; padding: 6px 0 10px 10px; }

.boldsubheading { background: url(/images/heading-bg.gif) repeat-x; font-size: 1.4em; font-weight: bold; color: #602765; padding: 6px 0 10px 10px; }

.boldheading { background: url(/images/heading-bg.gif) repeat-x; font-size: 1.1em; font-weight: bold; color: #555; padding: 6px 0 10px 10px; }

.newssubheading { background: url(/images/heading-bg.gif) repeat-x; font-size: 1.2em; padding: 6px 0 10px 10px; }

.moreinfo { border-top: 1px solid #d3d3d3; margin: 20px 0 0 0; font-size: 1em; text-align: right; }

.boldpurple { font-size: 1.2em; font-weight: bold; color: #602765; }

.purple { font-weight: bold; color: #602765; }

.black { font-size: 1.2em; font-weight: bold; line-height: 12px; color: #161716; }

.smallheading { font-size: 1.1em; font-weight: bold; padding: 10px 0 0 0; }

/* SPECIAL OFFERS ON HP */

#specialoffers { background: url(/images/special-offers-bg.gif) no-repeat; width: 309px; height: 82px; padding: 2px 0 0 0; }

#specialoffers a {  color: #d3a2d4; text-decoration: none; }

#specialoffers a:hover { color: #d3a2d4; text-decoration: underline; }

#soleft { width: 138px; text-align: center; padding: 0 10px 0 10px; float: left; }

#soleft p { font-size: 1.6em; font-weight: bold; letter-spacing: -0.6px; line-height: 20px; margin-top: 8px; }

#soright { width: 131px; text-align: center; padding: 0 10px 0 10px; float: right; }

#soright p { font-size: 1.6em; font-weight: bold; letter-spacing: -0.6px; line-height: 20px; margin-top: 8px; }

/* SPECIAL OFFERS ON DOM / COM */

#specialoffers2 { background: url(/images/specialoffers-bg.gif) no-repeat; width: 182px; height: 185px; text-align: center; padding: 10px 0 0 0; }

#specialoffers2 a {  color: #d3a2d4; text-decoration: none; }

#specialoffers2 a:hover { color: #d3a2d4; text-decoration: underline; }

#soleft2 { width: 160px; height: 93px; text-align: center; padding: 0 10px 0 10px; }

#soleft2 p { font-size: 1.6em; font-weight: bold; letter-spacing: -0.6px; line-height: 20px; margin-top: 8px; }

#soright2 { width: 160px; height: 92px; text-align: center; padding: 0 10px 0 10px; }

#soright2 p { font-size: 1.6em; font-weight: bold; letter-spacing: -0.6px; line-height: 20px; margin: 0px; }

/* JQUERY */

#jcontainer				{ width: 419px; overflow: hidden;}

#jcontainer a			{ color: #555; text-decoration: underline; }

#jcontainer a:hover     { color: #602765; text-decoration: none; }

#expand					{ width: 419px; display:none; padding: 0 5px 0 0; margin-bottom:5px; }

/* lightbox */

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

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }