/* --------------
PIREAN STYLE SHEET: FOUNDATION

Defines the broad styling of the Pirean site.

-------------- */
* {
	margin: 0;
	padding: 0;
}

body{
font:11px Arial, Helvetica, sans-serif;
text-align: left;
color: #505050;
}
	
p {
line-height: 1.2em;
padding-bottom: 5px;
padding-top: 0;
}

#RightColumn p {
display: block;
float: left;
}

#LeftColumn p {
display: block;
float: left;
}

#Wrapper #pageAdContent {
/**background-image:url(../Images/IndexStill.jpg);
background-repeat:no-repeat;
height:434px;
width:900px;
display:block;
float:left;**/
}

#Wrapper #pageAdContent p{
padding:0px;
margin:0px;
line-height:1.25em;
font-size:1em;
vertical-align:middle;
color:#666666;
text-align:center;
}

div {
}

dd {
margin-left:0;
}

td {
}

.Stretcher{
display: block;
float: left;
width: 305px;
}
/* --------------
basic heading settings - to customised using descendant selectors. All except h6 are bigger / more prominent than the body copy itself
-------------- */

/* -- BASIC H1 SETTINGS --*/
h1 {
color: #434341; 
font: 20px "Arial",Trebuchet MS, Verdana, sans-serif;
letter-spacing: 0.05em;
text-align: left;
padding: 0;
margin: 0;
}

html h1 {
margin:0;
padding: 0;
}


/* -- BASIC H2 SETTINGS --*/
h2 {
color: #434341;
font: 16px "Arial",Trebuchet MS, Verdana, sans-serif;
letter-spacing: 0.05em;
text-align: left;
margin: 0;
padding: 0;
}

html h2 {
margin:0;
padding: 0;
}


/* -- BASIC H3 SETTINGS --*/
h3 {
color: #30506d;
font: 14px "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
margin: 0;
padding: 0;
}

/*
padding-bottom: 4px;
*/

html h3 {
margin:0;
padding: 0;
}

#LeftColumn .MapPanel  h3{
display: block;
float: left;
width: 670px;
padding-top: 8px;
padding-left: 8px;
padding-right: 0px;
margin-bottom: 10px;
}



#Privacy #MainContent #LeftColumn h3,
#TsCs #MainContent #LeftColumn h3{
display: block;
float: left;
width: 650px;
margin-left: 0;
margin-top: 6px;
padding-left: 0;
}


#MainContent #RightColumn h3{
display: block;
float: left;
width: 300px;
margin-left: 0;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 0;
}

#MainContent #LeftColumn h3{
display: block;
float: left;
width: 300px;
margin-left: 8px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 0;
}

#CBusIntegrationWorkflow #MainContent #LeftColumn h3{
display: block;
float: left;
width: 300px;
margin-left: 8px;
margin-top: 3px;
margin-bottom: 9px;
padding-left: 0;
}


/* -- BASIC H4 SETTINGS --*/
h4 {
color: #3d3c3b;
font: 12px "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
margin: 0;
padding: 0;
}

html h4 {
margin:0;
padding: 0;
}


#CCTV #MainContent #LeftColumn .Block h4 {
display: block;
float: left;
width: 296px;
margin: 0;
}



#CCTV #MainContent #RightColumn .Block h4 {
display: block;
float: left;
width: 277px;
margin: 0;
}





/* --------------
basic anchor settings - to customised using descendant selectors
-------------- */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover a:active {text-decoration:none;}

/* declares no borders around any images used in conjunction with link states */
a img{border: none;}

li .Internal a{
line-height: 15px;
}

.Internal {background: url(CSSimages/InternalLink.gif) no-repeat right top; padding-right: 13px; background-color: #dcdfe1;}
.Internal a:link{color: #474745;}
.Internal a:visited{color: #6d5d41;}
.Internal a:hover {color: #006292; text-decoration: none; border-bottom: 1px dotted #a6c8d8;}


.FeaturePanel .Internal {background: url(CSSimages/FeatureInternalLink.gif) no-repeat right top; padding-right: 13px; background-color: #979797;}
.Internal a:link{color: #474745;}
.Internal a:visited{color: #6d5d41;}
.Internal a:hover {color: #474745; text-decoration: none; border-bottom: 1px dotted #a6c8d8;}

.DNMpanel .Internal {background: url(CSSimages/FeatureInternalLink.gif) no-repeat right top; padding-right: 13px; background-color: #d0d0d0;}
.Internal a:link{color: #474745;}
.Internal a:visited{color: #6d5d41;}
.Internal a:hover {color: #474745; text-decoration: none; border-bottom: 1px dotted #a6c8d8;}

.External{background: url(CSSimages/ExternalLink.gif) no-repeat right top; padding-right: 13px; background-color: #dcdfe1;}
.External a:link{color: #474745;}
.External a:visited{color: #6d5d41;}
.External a:hover{color: #006292; text-decoration: none; border-bottom: 1px dotted #a6c8d8;}

.Email{background: url(CSSimages/EmailLink.gif) no-repeat right top; padding-right: 13px; background-color: #dcdfe1;}
.Email a:link{color: #474745;}
.Email a:visited{color: #6d5d41;}
.Email a:hover{color: #006292; text-decoration: none; border-bottom: 1px dotted #a6c8d8;}

.BodyDownload{background: url(CSSimages/BodyDocumentLink.gif) no-repeat right top; padding-right: 13px; background-color: #dcdfe1;}
.BodyDownload a:link{color: #474745;}
.BodyDownload a:visited{color: #6d5d41;}
.BodyDownload a:hover{color: #006292; text-decoration: none; border-bottom: 1px dotted #a6c8d8;}

.LargePanel {background: url(CSSimages/LargePanelMiddle.gif) repeat-y left top; background-color: #f6f6f6; clear:both; margin: 0px 10px 0 10px; padding-left: 45px; width: 624px;}
.LargePanelTop {background: url(CSSimages/LargePanelTop.gif) no-repeat left top; background-color: #f6f6f6; clear:both; height: 11px; margin: 10px 10px 0 10px; width: 669px;}
.LargePanelBottom {background: url(CSSimages/LargePanelBottom.gif) no-repeat left top; background-color: #f6f6f6; clear:both; height: 12px; margin: 0 10px 15px 10px; width: 669px;}


/* --------------
basic list settings - to customised using descendant selectors for:
-------------- */
ul {
display: block;
float: left;
padding: 0;
margin: 0;
}


#AboutPirean #MainContent #LeftColumn ul,
#SmarterTivoli #MainContent #LeftColumn ul,
#IBMTivoliAAA #MainContent #LeftColumn ul,
#BusinessConsulting #MainContent #LeftColumn ul,
#CCTV #MainContent #LeftColumn ul,
#CMMI #MainContent #LeftColumn ul,
#COBIT #MainContent #LeftColumn ul,
#ComplianceOne #MainContent #LeftColumn ul,
#AccessOne #MainContent #LeftColumn ul,
#CompositeApplication #MainContent #LeftColumn ul,
#Events #MainContent #LeftColumn ul,
#TechTrack #MainContent #LeftColumn ul,
#Pulse #MainContent #LeftColumn ul,
#PCTY #MainContent #LeftColumn ul,
#TUG #MainContent #LeftColumn ul,
#DNM #MainContent #LeftColumn ul,
#DNMScreensaver #MainContent #LeftColumn ul,
#DNMBigCorp #MainContent #LeftColumn ul,
#IBMSoftware #MainContent #LeftColumn ul,
#InformationSecurity #MainContent #LeftColumn ul,
#InfrastructureManagement #MainContent #LeftColumn ul,
#ISO9001 #MainContent #LeftColumn ul,
#ISO20000 #MainContent #LeftColumn ul,
#ISO27001 #MainContent #LeftColumn ul,
#Careers #MainContent #LeftColumn ul,
#ITIL #MainContent #LeftColumn ul,
#ITServiceManagement #MainContent #LeftColumn ul,
#ITSecurityManagement #MainContent #LeftColumn ul,
#LAM #MainContent #LeftColumn ul,
#MadeToMeasure #MainContent #LeftColumn ul,
#Methodology #MainContent #LeftColumn ul,
#Netcool #MainContent #LeftColumn ul,
#Outsourcing #MainContent #LeftColumn ul,
#OutsourcingSecurityMgt #MainContent #LeftColumn ul,
#OutsourcingServiceMgt #MainContent #LeftColumn ul,
#PireanApplications #MainContent #LeftColumn ul,
#PireanApproach #MainContent #LeftColumn ul,
#PireanPolicybase #MainContent #LeftColumn ul,
#PireanSoftware #MainContent #LeftColumn ul,
#PolicybaseHosted #MainContent #LeftColumn ul,
#Prince2PMBOK #MainContent #LeftColumn ul,
#SixSigma #MainContent #LeftColumn ul,
#SMBUS #MainContent #LeftColumn ul,
#SOAWebServices #MainContent #LeftColumn ul,
#SOAWebServicesSecurity #MainContent #LeftColumn ul,
#Systemz #MainContent #LeftColumn ul, 
#IBMbusinessAppMgt #MainContent #LeftColumn ul,
#IBMmainframeMgt #MainContent #LeftColumn ul,
#IBMsecurityMgt #MainContent #LeftColumn ul,
#IBMserverNetworkMgt #MainContent #LeftColumn ul,
#IBMserviceMgt #MainContent #LeftColumn ul,
#IBMTivoliAppliances #MainContent #LeftColumn ul,
#IBMTAMESSO #MainContent #LeftColumn ul,
#Showcase #MainContent #LeftColumn ul,
#PulseIndex #MainContent #LeftColumn ul {
display: block;
float: left;
padding-left: 22px;
padding-bottom: 8px;
width: 296px;
margin: 0;
}


#AboutPirean #MainContent #RightColumn ul,
#SmarterTivoli #MainContent #RightColumn ul,
#IBMTivoliAAA #MainContent #RightColumn ul,
#BusinessConsulting #MainContent #RightColumn ul,
#CCTV #MainContent #RightColumn ul,
#CMMI #MainContent #RightColumn ul,
#COBIT #MainContent #RightColumn ul,
#ComplianceOne #MainContent #RightColumn ul,
#AccessOne #MainContent #RightColumn ul,
#CompositeApplication #MainContent #RightColumn ul,
#Events #MainContent #RightColumn ul,
#TechTrack #MainContent #RightColumn ul,
#PCTY #MainContent #RightColumn ul,
#TUG #MainContent #RightColumn ul,
#Pulse #MainContent #RightColumn ul,
#DNM #MainContent #RightColumn ul,
#DNMScreensaver #MainContent #RightColumn ul,
#DNMBigCorp #MainContent #LeftColumn ul,
#IBMSoftware #MainContent #RightColumn ul,
#InformationSecurity #MainContent #RightColumn ul,
#InfrastructureManagement #MainContent #RightColumn ul,
#ISO9001 #MainContent #RightColumn ul,
#ISO20000 #MainContent #RightColumn ul,
#ISO27001 #MainContent #RightColumn ul,
#Careers #MainContent #RightColumn ul,
#ITIL #MainContent #RightColumn ul,
#ITServiceManagement #MainContent #RightColumn ul,
#ITSecurityManagement #MainContent #RightColumn ul,
#LAM #MainContent #RightColumn ul,
#MadeToMeasure #MainContent #RightColumn ul,
#Methodology #MainContent #RightColumn ul,
#Netcool #MainContent #RightColumn ul,
#Outsourcing #MainContent #RightColumn ul,
#OutsourcingSecurityMgt #MainContent #RightColumn ul,
#OutsourcingServiceMgt #MainContent #RightColumn ul,
#PireanApplications #MainContent #RightColumn ul,
#PireanApproach #MainContent #RightColumn ul,
#PireanPolicybase #MainContent #RightColumn ul,
#PireanSoftware #MainContent #RightColumn ul,
#PolicybaseHosted #MainContent #RightColumn ul,
#Prince2PMBOK #MainContent #RightColumn ul,
#SixSigma #MainContent #RightColumn ul,
#SMBUS #MainContent #RightColumn ul,
#SOAWebServices #MainContent #RightColumn ul,
#SOAWebServicesSecurity #MainContent #RightColumn ul,
#Systemz #MainContent #RightColumn ul,
#TsCs #MainContent #RightColumn ul,
#IBMbusinessAppMgt #MainContent #RightColumn ul,
#IBMmainframeMgt #MainContent #RightColumn ul,
#IBMsecurityMgt #MainContent #RightColumn ul,
#IBMserverNetworkMgt #MainContent #RightColumn ul,
#IBMserviceMgt #MainContent #RightColumn ul,
#IBMTivoliAppliances #MainContent #RightColumn ul,
#IBMTAMESSO #MainContent #RightColumn ul,
#Showcase #MainContent #RightColumn ul,
#PulseIndex #MainContent #RightColumn ul {
display: block;
float: left;
padding-left: 22px;
padding-bottom: 8px;
width: 277px;
margin: 0;
}


#TsCs #MainContent #LeftColumn ul {
display: block;
float: left;
padding-left: 22px;
padding-bottom: 8px;
width: 612px;
margin: 0;
}


#InformationSecurity .Shorter ul{
padding-left: 16px;
padding-bottom: 8px;
width: 170px;
margin: 0;
}
.Push ul{
width: 300px;
}

#ISO20000 .Push ul{
width: 290px;
}

#Privacy ul {
display: block;
float: left;
padding-left: 18px;
width: 632px;
margin-bottom: 12px;
}


.Nudger {
display: block;
float: left;
margin-top: 2px;
margin-bottom: 10px;
}

.Nudger p{
display: block;
float: left;
width: 300px;
padding-bottom: 3px;
}

#DownloadTemplate .Nudger {
display: block;
float: left;
width: 667px;
margin-top: 4px;
text-align: center;
}

/* ---

padding-left: 14px;

--- */

li {

}

ol {
}

/*=========
CONTAINERS
===========*/

#Wrapper {
margin-left: auto;
margin-right: auto;
margin-bottom: 22px;
width: 900px;
text-align: left;    
background: url(CSSimages/Lines.gif) repeat-y top;
}

* html #Wrapper
    {
    width: 900px;
    background: url(CSSimages/Lines.gif);
    }

#Index #Wrapper,
#DownloadTemplate #Wrapper,
#LogIn #Wrapper {
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;    
background: url(CSSimages/Blank.gif) repeat-y top;
}

* html #Index #Wrapper,
#DownloadTemplate #Wrapper,
#LogIn #Wrapper {
    width: 900px;
    background: url(CSSimages/Blank.gif);
    }
    
#ContentArea {
display: block;
float: left;
width: 900px;
padding: 0;
margin-left: 0;
background: url(CSSimages/Lines.gif) repeat-y;
margin-bottom: 0px;
}

#MainContent {
display: block;
float: left;
width: 688px;
margin-bottom: 24px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

#MainContent h1 {
display: block;
float: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
width: 680px;
color: #ffffff;
background-color: #7d7d7d
}

#MainContent h2 {
display: block;
float: left;
padding-top: 2px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
margin-bottom: 5px;
color: #ffffff;
background-color: #7d7d7d
}

#MainContent h3 {
display: block;
float: left;
width: 674px;
padding-left: 8px;
padding-right: 6px;
margin-bottom: 10px;
}




.LargeImageTextMover{
display: block;
float: left;
margin: 0 0 0 0px;
padding: 0;
}


#DNMBigCorp .LargeImageTextMover,
#DNMScreensaver .LargeImageTextMover,
#AccessOne .LargeImageTextMover {
display: inline;
margin-top: 24px;
padding: 0;
}


#ComplianceOne .LargeImageTextMover{
display: inline;
margin-top: 4px;
margin-bottom: 16px;
padding: 0;
}


#Showcase .LargeImageTextMover {
display: inline;
background: url(CSSimages/ShowcaseTextStrip.gif) no-repeat bottom;
width: 665px;
height: 42px;
padding-top: 4px;
text-indent: -4000px;
margin-left: 5px;
}

#ContactPirean .LargeImageTextMover,
#EmailUs .LargeImageTextMover,
#Map .LargeImageTextMover{
height: 130px;
width: 670px;
}

#Events .LargeImageTextMover,
#Pulse .LargeImageTextMover,
#PCTY .LargeImageTextMover,
#TechTrack .LargeImageTextMover,
#TUG .LargeImageTextMover2{
	height: 185px;
	width: 665px;
	clear:both;
	margin-left: 7px;
}

*html {
display: block;
float: left;
width: 900px;
height: 33px;
padding: 0px;
margin: 0px;
}

#tickerContent {
display: block;
float: left;
width: 900px;
height: 31px;
margin: 0px;
padding:0px;
background:url(CSSimages/CentreRepeat.gif) repeat-x top;
}

#tickerContent p{
margin:0px;
text-align:center;
line-height:31px;
vertical-align:middle;
}

/* -- LEFT AND RIGHT COLUMNS --*/



#MainContent #LeftColumn .BenefitPanel{
display: block;
float: left;
width: 323px;
background: url(CSSimages/BenefitPanelBottom_L.gif) no-repeat bottom #e1e1e1;
padding-bottom: 38px;
margin-bottom: 6px;
}

#MainContent #RightColumn .BenefitPanel{
display: block;
float: left;
width: 314px;
background: url(CSSimages/BenefitPanelBottom_R.gif) no-repeat bottom #e1e1e1;
padding-bottom: 38px;
margin-bottom: 6px;
}

#QuickStart #MainContent #RightColumn .BenefitPanel,
#IBMTivoliAppliances #MainContent #RightColumn .BenefitPanel{
margin-top: 8px;
margin-bottom: 8px;
}


#TechTrack .BenefitPanel{
margin-top: 12px;
}

#TUG .BenefitPanel{
margin-top: 6px;
}

#PCTY .BenefitPanel{
margin-top: 0px;
}

#Showcase .BenefitPanel{
margin-top: 10px;
}

#PireanPolicybase #LeftColumn .BenefitPanel,
#Events #LeftColumn .BenefitPanel{
margin-top: 6px;
}

#MainContent #LeftColumn .BenefitPanel ul{
padding-left: 24px;
margin-right: 22px;
}
#PireanPolicybase #MainContent #LeftColumn .BenefitPanel ul{
margin-top: 4px;
}

#MainContent #RightColumn .BenefitPanel ul{
padding-left: 24px;
margin-right: 22px;
}
#MainContent #LeftColumn .BenefitPanel p{
padding-left: 8px;
width: 305px;
}

#MainContent #RightColumn .BenefitPanel p{
padding-left: 8px;
width: 296px;
}

#MainContent #LeftColumn .BenefitPanel h4{
display: block;
float: left;
width: 315px;
background: url(CSSimages/BenefitPanelTop_L.gif) no-repeat top #e1e1e1;
padding-top: 14px;
padding-left: 8px;
}

#MainContent #RightColumn .BenefitPanel h4{
display: block;
float: left;
width: 306px;
background: url(CSSimages/BenefitPanelTop_R.gif) no-repeat top #e1e1e1;
padding-top: 14px;
padding-bottom: 3px;
padding-left: 8px;
}


/*--- 
Showcase panel styling begins
---*/

#Showcase #MainContent #LeftColumn .BenefitPanel{
display: block;
float: left;
width: 323px;
background: url(CSSimages/ShowcasePanelBottom_L.gif) no-repeat bottom #ebebeb;
padding-bottom: 0px;
margin-bottom: 0px;
}

#Showcase #MainContent #RightColumn .BenefitPanel{
display: block;
float: left;
width: 314px;
background: url(CSSimages/BenefitPanelBottom_R.gif) no-repeat bottom #ebebeb;
padding-bottom: 0px;
margin-bottom: 0px;
}



#Showcase #MainContent #RightColumn .BigContinueBtn a{
display: block;
float: left;
width: 314px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_R.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}

#Showcase #MainContent #RightColumn .BigContinueBtn a:link{
display: block;
float: left;
width: 314px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_R.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}

#Showcase #MainContent #RightColumn .BigContinueBtn a:visited{
display: block;
float: left;
width: 314px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_R.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}

#Showcase #MainContent #RightColumn .BigContinueBtn a:hover{
display: block;
float: left;
width: 314px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_R.gif) no-repeat top;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}


#Showcase #MainContent #LeftColumn .BigContinueBtn a{
display: block;
float: left;
width: 323px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_L.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}

#Showcase #MainContent #LeftColumn .BigContinueBtn a:link{
display: block;
float: left;
width: 323px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_L.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}

#Showcase #MainContent #LeftColumn .BigContinueBtn a:visited{
display: block;
float: left;
width: 323px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_L.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}

#Showcase #MainContent #LeftColumn .BigContinueBtn a:hover{
display: block;
float: left;
width: 323px;
height: 33px;
background: url(CSSimages/ShowcaseContinue_L.gif) no-repeat top;
text-indent: -4000px;
margin-top: 0px;
padding-top: 0px;
}













#Showcase #MainContent #LeftColumn .BenefitPanel{
display: block;
float: left;
width: 323px;
background: url(CSSimages/Showcase_Appliances.jpg) no-repeat bottom #ebebeb;
padding-bottom: 90px;
margin-bottom: 0px;
}

#Showcase #MainContent #RightColumn .BenefitPanel{
display: block;
float: left;
width: 314px;
background: url(CSSimages/Showcase_TamEsso.jpg) no-repeat bottom #ebebeb;
padding-bottom: 90px;
margin-bottom: 0px;
}

#Showcase #MainContent #LeftColumn .BenefitPanel h4{
display: block;
float: left;
width: 315px;
background: url(CSSimages/ShowcasePanelTop_L.gif) no-repeat top #b8b8b8;
padding-top: 8px;
padding-left: 8px;
padding-bottom: 5px;
}

#Showcase #MainContent #RightColumn .BenefitPanel h4{
display: block;
float: left;
width: 306px;
background: url(CSSimages/ShowcasePanelTop_R.gif) no-repeat top #b8b8b8;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 8px;
padding-bottom: 5px;
}

#Showcase #MainContent #LeftColumn .BenefitPanel p{
padding-top: 4px;
padding-left: 8px;
width: 305px;
}

#Showcase #MainContent #RightColumn .BenefitPanel p{
padding-top: 4px;
padding-left: 8px;
width: 296px;
}
/*--- 
Showcase panel styling ends
---*/





#MainContent #LeftColumn .FeaturePanel{
display: block;
float: left;
width: 323px;
color: #3d3c3b;
background: url(CSSimages/FeaturePanelBottom_L.gif) no-repeat bottom #8f8f8f;
padding-bottom: 38px;
margin-bottom: 6px;
margin-top: 2px;
}


#ComplianceOne #MainContent #LeftColumn .FeaturePanel,
#PireanApproach #MainContent #LeftColumn .FeaturePanel,
#AccessOne #MainContent #LeftColumn .FeaturePanel{
margin-top: 12px;
margin-bottom: 10px;
}

#QuickStart #MainContent #LeftColumn .FeaturePanel{
display: block;
float: left;
width: 323px;
background: url(CSSimages/FeaturePanelBottom_L.gif) no-repeat bottom #8f8f8f;
padding-bottom: 38px;
margin-bottom: 6px;
margin-top: 8px;
}
#MainContent #RightColumn .FeaturePanel{
display: block;
float: left;
width: 314px;
color: #3d3c3b;
background: url(CSSimages/FeaturePanelBottom_R.gif) no-repeat bottom #8f8f8f;
padding-bottom: 38px;
margin-bottom: 6px;
margin-top: 2px;
}

#PCTY #MainContent #RightColumn .FeaturePanel{
margin-top: 12px;
margin-bottom: 10px;
}

#MainContent #LeftColumn .FeaturePanel ul{
padding-left: 24px;
margin-right: 22px;
}

#MainContent #RightColumn .FeaturePanel ul{
padding-left: 24px;
margin-right: 22px;
}

#TUG .FeaturePanel li{
padding-bottom: 12px;
}

#MainContent #LeftColumn .FeaturePanel p{
padding-left: 8px;
width: 305px;
}

#MainContent #RightColumn .FeaturePanel p{
padding-left: 8px;
width: 296px;
}

#MainContent #LeftColumn .FeaturePanel h4{
display: block;
float: left;
width: 315px;
background: url(CSSimages/FeaturePanelTop_L.gif) no-repeat top #8f8f8f;
padding-top: 14px;
padding-left: 8px;
}

#MainContent #RightColumn .FeaturePanel h4{
display: block;
float: left;
width: 306px;
background: url(CSSimages/FeaturePanelTop_R.gif) no-repeat top #8f8f8f;
padding-top: 14px;
padding-bottom: 3px;
padding-left: 8px;
}

#AccessOne blockquote{
	margin: 10px 0 10px 0;
	padding: 10px;
	font-size: 9px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	text-align:right;
	text-transform:capitalize;
	display: block;
}
#AccessOne blockquote q{
	display:block;
	clear:both;
	font-size: 14px;
	font-style: italic;
	text-align:left;
	text-transform:none;
}

#MainContent #RightColumn .DNMpanel{
display: block;
float: left;
width: 314px;
background: url(CSSimages/DNMpanelBottom_R.gif) no-repeat bottom #dbdbdb;
padding-bottom: 8px;
margin-bottom: 12px;
margin-top: 12px;
}

#MainContent #RightColumn .DNMpanel p{
padding-left: 8px;
width: 296px;
}

#MainContent #RightColumn .DNMpanel ul{
padding-left: 24px;
margin-right: 22px;
}

#MainContent #RightColumn .DNMpanel h4{
display: block;
float: left;
width: 306px;
background: url(CSSimages/DNMpanelTop_R.gif) no-repeat top #dbdbdb;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 8px;
}

#MainContent #LeftColumn {
display: block;
float: left;
width: 323px;
padding-left: 8px;
padding-right: 12px;
border-right: #e4e4e4 solid 1px;
}


#Showcase #MainContent #LeftColumn {
display: block;
float: left;
width: 323px;
padding-left: 8px;
padding-right: 12px;
border-right: 0;
}



#ContactPirean #MainContent #LeftColumn{
display: block;
float: left;
width: 670px;
padding-right: 7px;
border-right: 0px;
}

#ContactPirean .AddressesBtn a,
#EmailUs .AddressesBtn a,
#Map .AddressesBtn a{
	background:url(../images/ContactPirean_Addresses.png);
	background-position:left;
	height: 130px;
	width: 223px;
	text-indent: -4000px;
	float:left;
	display:block;
	border-bottom: 1px solid #dfdfdf;
}
#ContactPirean .AddressesBtn a:hover,
#EmailUs .AddressesBtn a:hover,
#Map .AddressesBtn a:hover{
	background-position:right;
}

#ContactPirean .MailBtn a,
#EmailUs .MailBtn a,
#Map .MailBtn a{
	background:url(../images/ContactPirean_Mail.png);
	background-position:left;
	height: 130px;
	width: 224px;
	text-indent: -4000px;
	float:left;
	display:block;
	border-bottom: 1px solid #dfdfdf;
}
#ContactPirean .MailBtn a:hover,
#EmailUs .MailBtn a:hover,
#Map .MailBtn a:hover{
	background-position:right;
}

#ContactPirean .MapBtn a,
#EmailUs .MapBtn a,
#Map .MapBtn a{
	background:url(../images/ContactPirean_Map.png);
	background-position:left;
	height: 130px;
	width: 223px;
	text-indent: -4000px;
	float:left;
	display:block;
	border-bottom: 1px solid #dfdfdf;
}
#ContactPirean .MapBtn a:hover,
#EmailUs .MapBtn a:hover,
#Map .MapBtn a:hover{
	background-position:right;
}

#ContactPirean .AddressesBtn a,
#EmailUs .MailBtn a,
#Map .MapBtn a{
	background-position:right;
}

#ContactPirean #FlashHeader{
display: block;
width: 670px;
height: 328px;
border: 0;
margin: 0;
padding: 0;
padding-top:5px;
}

#FlashHeader .InsideFlashHeader{
display: block;
width: 670px;
border: 0;
margin: 0;
padding-bottom: 12px;
}


#FlashHeader .InsideFlashHeader p{
display: block;
width: 670px;
clear:left;
border: 0;
margin: 2px 0px;
}

#ContactPirean #MainContent #LeftColumn h4{
display: block;
float: left;
width: 670px;
margin-top: 6px;
padding-top: 3px;
padding-bottom: 3px;
}

#Map #MainContent #LeftColumn{
display: block;
float: left;
width: 660px;
border-right: 0px;
}

#Subscribe #MainContent #LeftColumn,
#Pulse2009 #MainContent #LeftColumn,
#Economist #MainContent #LeftColumn,
#EmailUs #MainContent #LeftColumn{
display: block;
float: left;
width: 600px;
margin-left: 8px;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
}

#PCTYregister #MainContent #LeftColumn{
display: block;
float: left;
width: 650px;
margin-left: 8px;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
}

#Privacy #MainContent #LeftColumn,
#TsCs #MainContent #LeftColumn,
#Map #MainContent #LeftColumn{
display: block;
float: left;
width: 650px;
margin-left: 8px;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
}


#Developers #MainContent #LeftColumn, 
#Consultants #MainContent #LeftColumn,
#Sales #MainContent #LeftColumn,
#AdminMarketing #MainContent #LeftColumn{
display: block;
float: left;
width: 667px;
margin-left: 3px;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
}


#ContactPirean #MainContent #LeftColumn ul{
display: block;
float: left;
width: 582px;
list-style: none;
margin-top: 2px;
margin-left: 8px;
margin-bottom: 6px;
line-height: 1.3em;
}



#MainContent #RightColumn{
display: block;
float: left;
width: 314px;
padding-left: 18px;
padding-right: 12px;
}

#Events .PulseBtn a,
#Pulse .PulseBtn a,
#PCTY .PulseBtn a,
#TechTrack .PulseBtn a,
#TUG .PulseBtn a{
	background:url(../images/Events_Pulse.png);
	background-position:left;
	height: 185px;
	width: 224px;
	text-indent: -4000px;
	float:left;
	display:block;
}
#Events .PulseBtn a:hover,
#Pulse .PulseBtn a:hover,
#PCTY .PulseBtn a:hover,
#TechTrack .PulseBtn a:hover,
#TUG .PulseBtn a:hover{
	background-position:right;
}
#Events .PCTYBtn a,
#Pulse .PCTYBtn a,
#PCTY .PCTYBtn a,
#TechTrack .PCTYBtn a,
#TUG .PCTYBtn a{
	background:url(../images/Events_PCTY.png);
	background-position:left;
	height: 185px;
	width: 173px;
	text-indent: -4000px;
	float:left;
	display:block;
}
#Events .PCTYBtn a:hover,
#Pulse .PCTYBtn a:hover,
#PCTY .PCTYBtn a:hover,
#TechTrack .PCTYBtn a:hover,
#TUG .PCTYBtn a:hover{
	background-position:right;
}
#Events .TechBtn a,
#Pulse .TechBtn a,
#PCTY .TechBtn a,
#TechTrack .TechBtn a,
#TUG .TechBtn a{
	background:url(../images/Events_Tech.png);
	background-position:left;
	height: 185px;
	width: 155px;
	text-indent: -4000px;
	float:left;
	display:block;
}
#Events .TechBtn a:hover,
#Pulse .TechBtn a:hover,
#PCTY .TechBtn a:hover,
#TechTrack .TechBtn a:hover,
#TUG .TechBtn a:hover{
	background-position:right;
}

#Events .TUGBtn a,
#Pulse .TUGBtn a,
#PCTY .TUGBtn a,
#TechTrack .TUGBtn a,
#TUG .TUGBtn a{
	background:url(../images/Events_TUG.png);
	background-position:left;
	height: 185px;
	width: 113px;
	text-indent: -4000px;
	float:left;
	display:block;
}
#Events .TUGBtn a:hover,
#Pulse .TUGBtn a:hover,
#PCTY .TUGBtn a:hover,
#TechTrack .TUGBtn a:hover,
#TUG .TUGBtn a:hover{
	background-position:right;
}

#Pulse .PulseBtn a,
#PCTY .PCTYBtn a,
#TechTrack .TechBtn a,
#TUG .TUGBtn a{
	background-position:right;
}


/* --------------
BOOKMARK STYLE SETTINGS
-------------- */
#MainContent #Bookmark{
display: block;
float: left;
margin-top: 8px;
}

#ThinkTank #MainContent #Bookmark,
#ThinkTankService #MainContent #Bookmark,
#ThinkTankSecurity #MainContent #Bookmark {
display: block;
float: left;
margin-top: 8px;
margin-left: 7px;
}

#Index #MainContent #Bookmark{
margin-top: 12px;
}

/* #Map #LeftColumn #Bookmark,
#Developers #LeftColumn #Bookmark, 
#Consultants #LeftColumn #Bookmark,
#Sales #LeftColumn #Bookmark,
#AdminMarketing #LeftColumn #Bookmark{
display: block;
float: left;
margin-top: 8px;
} */

#SiteMap #Bookmark,
#News #Bookmark,
#DownloadPage #Bookmark,
#Timeline #Bookmark,
#OnTheRadar #Bookmark,
#InThePress #Bookmark,
#Error #Bookmark{
display: block;
float: left;
margin-top: 8px;
margin-left: 7px;
} 


/* --------------
TITLEDOTS STYLE SETTINGS
-------------- */
.TitleDots{
display: block;
width: 650px;
float: left;
margin-left: 0px;
padding-left: 0px;
border-top: 1px;
border-top-color: #ebebeb;
border-top-style: solid;
padding-top: 0px;
margin-bottom: 8px;
}




#Map #LeftColumn .TitleDots{
display: block;
float: left;
width: 650px;
margin-left: 0px;
padding-left: 0px;
border-top: 1px;
border-top-color: #ebebeb;
border-top-style: solid;
margin-top: 12px;
margin-bottom: 0px;
}


#SiteMap .TitleDots,
#DownloadPage #ListWrapper .TitleDots,
#Error .TitleDots{
display: block;
width: 680px;
float: left;
margin-left: 3px;
padding-left: 0px;
border-top: 1px;
border-top-color: #ebebeb;
border-top-style: solid;
padding-top: 0px;
margin-bottom: 2px;
}






/* --------------
FORM SETTINGS - SUBSCRIBE, PULSE, ECONOMIST & E-MAIL US
-------------- */



#Subscribe td p,
#Pulse2009 td p,
#EmailUs td p, 
#Economist td p,
#PCTYregister td p{
display: block;
float: left;
width: 190px;
font:11px Arial, Helvetica, sans-serif;
color: #505050;
line-height: 1.2em;
padding-bottom: 5px;
padding-top: 0;
text-align: top right;
}




/* ALL OF THIS WILL BE REDUNDANT SOON... FROM HERE */

#Subscribe .LeftColumn form{
padding: 0px;
width: 440px;
margin: 0px;
}

#Subscribe .LeftColumn form div{
display: block;
float: left;
width: 400px;
padding-top: 4px;
padding-bottom: 4px;
}

form label{
font-weight: bold;
}

form input{
width: 190px;
}


#LogIn input{
width: 220px;
}

#LogIn .TextUnderInput {
display: block;
float: left;
width: 240px;
margin-top: 2px;
margin-bottom: 5px;
}
#Subscribe .LeftColumn form p{
font-style: italic;
display: block;
width: 190px;
margin-top: 12px;
margin-bottom: 8px;
margin-left: 116px;
padding: 0;
border: 0;
}

form label.SpaceBeforeBox{
display: block;
text-align: right;
padding-top: 4px;
padding-right: 3px;
width: 110px;
float: left;
}


form .SubmitButton{
display: block;
padding-left: 110px;
float: left;
}

/*...TO HERE! */


.AddressPanel {
display: block;
float: left;
width: 240px;
padding-left: 8px; 
font-size: 13px;
padding-top: 12px;
padding-right: 42px;
}

.TelFaxEmail {
display: block;
float: left;
width: 80px;
text-align: right;
padding-right: 8px;
}



/* --------------
FOOTER STYLE SETTINGS
-------------- */
#Footer{
display: block;
float: left;
width: 900px;
padding-bottom: 9px;
padding-top: 7px;
margin-top: 12px;
text-align: center;
background: url(CSSimages/FooterBgnd.gif) no-repeat bottom #8b8b8b;
}

#Footer p{
color: #ffffff;
padding-bottom: 5px;
padding-top: 0px;
padding-left: 0px;
margin: 0;
}

#Footer a:link{
color: #ffffff;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}

#Footer a:hover{
color: #ffffff;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: underline;
}

#Footer a:visited{
color: #ffffff;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}

#Footer .TintText{
color: #e1e1e1;
}

/* --------------
MORE INFO BUTTON
-------------- */
.MoreInfoBtn a{
display: block;
float: left;
width: 310px;
height: 35px;
background: url(CSSimages/MoreInfoButton.gif) no-repeat top;
text-indent: -4000px;
margin-top: 11px;
margin-bottom: 6px;
}

.MoreInfoBtn a:link{
display: block;
float: left;
width: 310px;
height: 35px;
background: url(CSSimages/MoreInfoButton.gif) no-repeat top;
text-indent: -4000px;
margin-top: 11px;
margin-bottom: 6px;
}

.MoreInfoBtn a:visited{
display: block;
float: left;
width: 310px;
height: 35px;
background: url(CSSimages/MoreInfoButton.gif) no-repeat top;
text-indent: -4000px;
margin-top: 11px;
margin-bottom: 6px;
}

.MoreInfoBtn a:hover{
display: block;
float: left;
width: 310px;
height: 35px;
background: url(CSSimages/MoreInfoButton.gif) no-repeat bottom;
text-indent: -4000px;
margin-top: 11px;
margin-bottom: 6px;
}



/* --------------
LIST STYLE SETTINGS
-------------- */
#SiteMap #MainContent #ListWrapper ul,
#Error #MainContent #ListWrapper ul,
#DownloadPage #MainContent #ListWrapper ul {
display: block;
float: left;
width: 648px;
margin-left: 0px;
padding-left: 2px;
list-style: none;
}

.ListLevelZero{
display: block;
float: left;
margin-left: 0px;
padding-left: 0px;
}

/* #News .ListLevelZero,*/

#DownloadPage .ListLevelZero{
display: block;
font-size: 14px;
color: #505050;
padding-top: 18px;
padding-left: 4px;
padding-bottom: 0px;
}

#News .ListLevelZero ul{
display: block;
float: left;
list-style: none;
padding: 0px;
margin: 0px;
}


.ListLevelZero a{
display: block;
font-size: 14px;
color: #505050;
padding-top: 18px;
padding-left: 4px;
padding-bottom: 0px;
}

.ListLevelZero a:link{
color: #61605b;
text-decoration: none;
}

.ListLevelZero a:visited{
color: #8799bc;
text-decoration: none;
}

.ListLevelZero a:hover{
color: #2f6085;
}


.ListLevelOne{
display: block;
}

.ListLevelOne ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.ListLevelOne a{
display: block;
font-size: 11px;
font-weight: 800;
background: url(CSSimages/MapArrow1.gif) no-repeat left top;
color: #505050;
padding-left: 24px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;
}

.ListLevelOne a:link{
color: #717170;
text-decoration: none;
}

.ListLevelOne a:visited{
color: #919191;
text-decoration: none;
}

.ListLevelOne a:hover{
color: #2f6085;
background-color: #dcdfe1;
}


.ListLevelTwo{
display: block;
}

.ListLevelTwo ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.ListLevelTwo a{
display: block;
font-size: 11;
font-weight: 500;
background: url(CSSimages/MapArrow2.gif) no-repeat left top;
color: #505050;
padding-left: 48px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
}

.ListLevelTwo a:link{
color: #717170;
text-decoration: none;
}

.ListLevelTwo a:visited{
color: #919191;
text-decoration: none;
}

.ListLevelTwo a:hover{
color: #2f6085;
background-color: #dcdfe1;
}


.ListLevelThree{
display: block;
}

.ListLevelThree ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.ListLevelThree a{
display: block;
font-size: 11;
background: url(CSSimages/MapArrow3.gif) no-repeat left top;
color: #505050;
padding-left: 74px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
}

.ListLevelThree a:link{
color: #717170;
text-decoration: none;
}

.ListLevelThree a:visited{
color: #919191;
text-decoration: none;
}

.ListLevelThree a:hover{
color: #2f6085;
background-color: #dcdfe1;
}


.ListLevelFour{
display: block;
}

.ListLevelFour ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.ListLevelFour a{
display: block;
font-size: 11;
background: url(CSSimages/MapArrow4.gif) no-repeat left top;
color: #505050;
padding-left: 98px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
}

.ListLevelFour a:link{
color: #717170;
text-decoration: none;
}

.ListLevelFour a:visited{
color: #919191;
text-decoration: none;
}

.ListLevelFour a:hover{
color: #2f6085;
background-color: #dcdfe1;
}


.ListLevelFive{
display: block;
}

.ListLevelFive ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.ListLevelFive a{
display: block;
font-size: 11;
background: url(CSSimages/MapArrow5.gif) no-repeat left top;
color: #505050;
padding-left: 120px;
padding-right: 6px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
}

.ListLevelFive a:link{
color: #717170;
text-decoration: none;
}

.ListLevelFive a:visited{
color: #919191;
text-decoration: none;
}

.ListLevelFive a:hover{
color: #2f6085;
background-color: #dcdfe1;
}

/* --------------
ADDITIONAL BUTTONS
(For secure log in pages etc)
-------------- */

#bottomButton input{
width:467px;
height:70px;
}

#WarningText {
font-size: 12px;
font-weight: bold;
color: #FF0000;
text-align: center;
}

/* --------------
STYLES FOR LIGHTBOX JS
(copied from original lightbox CSS)
-------------- */

#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; }


/* -----------
ELEMENTS FOR THE 'LOWERSHOP' AREA OF THE PIREAN.COM SHOPFRONT
-------------- */

/* --
Ties the elements of the lowershop together in a fixed width of 900px
This also puts the top strip in place
-- */
#LowerShopWrapper {
display: block;
float: left;
width: 900px;
background: url(CSSimages/LowerShopTop.gif) no-repeat top;
padding-top: 8px;
}

.ButtonWrapper {
display: block;
float: left;
width: 900px;
background: url(CSSimages/LowerShopfrontSpacer.gif) no-repeat bottom;
margin: 0;
padding-bottom: 6px;
}

/* --------------
AAA BUTTON ON SHOPFRONT
-------------- */
.AAAshopButton a{
display: block;
float: left;
width: 321px;
height: 74px;
background: url(CSSimages/AAAshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.AAAshopButton a:link{
display: block;
float: left;
width: 321px;
height: 74px;
background: url(CSSimages/AAAshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.AAAshopButton a:visited{
display: block;
float: left;
width: 321px;
height: 74px;
background: url(CSSimages/AAAshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.AAAshopButton a:hover{
display: block;
float: left;
width: 321px;
height: 74px;
background: url(CSSimages/AAAshopButton.gif) no-repeat top;
text-indent: -4000px;
margin: 0;
}


/* --------------
PULSE BUTTON ON SHOPFRONT
-------------- */
.PULSEshopButton a{
display: block;
float: left;
width: 289px;
height: 74px;
background: url(CSSimages/PULSEshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.PULSEshopButton a:link{
display: block;
float: left;
width: 289px;
height: 74px;
background: url(CSSimages/PULSEshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.PULSEshopButton a:visited{
display: block;
float: left;
width: 289px;
height: 74px;
background: url(CSSimages/PULSEshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.PULSEshopButton a:hover{
display: block;
float: left;
width: 289px;
height: 74px;
background: url(CSSimages/PULSEshopButton.gif) no-repeat top;
text-indent: -4000px;
margin: 0;
}


/* --------------
BEACON BUTTON ON SHOPFRONT
-------------- */
.BEACONshopButton a{
display: block;
float: left;
width: 290px;
height: 74px;
background: url(CSSimages/BEACONshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.BEACONshopButton a:link{
display: block;
float: left;
width: 290px;
height: 74px;
background: url(CSSimages/BEACONshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.BEACONshopButton a:visited{
display: block;
float: left;
width: 290px;
height: 74px;
background: url(CSSimages/BEACONshopButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}



.BEACONshopButton a:hover{
display: block;
float: left;
width: 290px;
height: 74px;
background: url(CSSimages/BEACONshopButton.gif) no-repeat top;
text-indent: -4000px;
margin: 0;
}


/* --
Extends the background image vertically so that a long line appears between the left and right sides of the lowershop
(this is separate so that both left and right sides of the screen can be as long as we require and the dividing line will ALWAYS extend to match)
-- */

#LowerShopBgnd {
display: block;
float: left;
width: 900px;
background: url(CSSimages/LowerShopBgnd.gif) repeat-y;
}


/* --
Styling for the left and right panels that appear above the site map on 'Index.htm'
-- */

.ShopPanelText h4 {
font-size: 1.4em;
padding-top: 4px;
}

.ShopPanelText h4 a{
color: #505050;
}

.ShopPanelText h4 a:link{
color: #61605b;
text-decoration: none;
}

.ShopPanelText h4 a:visited{
color: #61605b;
text-decoration: none;
}

.ShopPanelText h4 a:hover{
color: #2f6085;
text-decoration: underline;
}

.ShopPanelText p {
padding-top: 4px;
}

.LowerShopLeft .ShopPanelText .MoreButton{
padding-left: 200px;
}

.LowerShopRight .ShopPanelText .MoreButton{
padding-left: 224px;
}

.MoreButton a{
display: block;
float: left;
width: 59px;
height: 16px;
background: url(CSSimages/IndexMoreButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.MoreButton a:link{
display: block;
float: left;
width: 59px;
height: 16px;
background: url(CSSimages/IndexMoreButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.MoreButton a:visited{
display: block;
float: left;
width: 59px;
height: 16px;
background: url(CSSimages/IndexMoreButton.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}

.MoreButton a:hover{
display: block;
float: left;
width: 59px;
height: 16px;
background: url(CSSimages/IndexMoreButton.gif) no-repeat top;
text-indent: -4000px;
margin: 0;
}


/* --
Styling for the community buttons on the left-hand side of the lowershop
-- */

.CommunityPanel{
display: block;
float: left;
width: 461px;
height: 90px;
}

.CommunityPanelLeft {
display: block;
float: left;
background: url(CSSimages/CommunityPanelLeft.gif) no-repeat right top;
width: 19px;
height: 90px;
}

.CommunityPanelInside{
display: block;
float: left;
background: url(CSSimages/CommunityPanelInside.gif) top;
width: 411px;
height: 90px;
}


.CommunityPanel img{
display: block;
float: left;
padding-top: 23px;
padding-left: 0;
padding-right: 0;
}

.CommunityPanel a{
padding: 0;
margin: 0;
}


.CommunityPanelRight {
display: block;
float: left;
background: url(CSSimages/CommunityPanelRight.gif) no-repeat left top;
width: 31px;
height: 90px;
}

/* --
Styling for the left-hand side of the lowershop (to accomodate one or more large breakout boxes)
-- */
.LowerShopLeft {
display: block;
float: left;
width: 439px;
}

.ShopLeftPanelImage {
display: block;
float: left;
width: 146px;
height: 118px;
}

.LowerShopLeft .ShopPanelText {
display: block;
float: left;
width: 263px;
padding-left: 10px;
padding-right: 20px;
}


/* --
Styling for the right-hand side of the lowershop (to accomodate two or more small breakout boxes)
-- */
.LowerShopRight {
display: block;
float: left;
width: 461px;
}

.ShopRightPanelImage {
display: block;
float: left;
width: 146px;
}

.LowerShopRight .ShopPanelText {
display: block;
float: left;
width: 285px;
padding-left: 10px;
padding-right: 20px;
}


/* --
Styling for the Index page SiteMap
-- */

.IndexSiteMap {
display: block;
float: left;
width: 878px;
background: url(CSSimages/IndexSiteMapBottom.gif) no-repeat bottom;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 40px;
}

.IndexSiteMap h3{
display: block;
float: left;
width: 878px;
height: 62px;
background: url(CSSimages/IndexSiteMapTitle.gif) no-repeat bottom;
text-indent: -4000px;
margin: 0;
}


.IndexSiteMap #ListWrapper {
display: block;
float: left;
width: 878px;
background: url(CSSimages/IndexSiteMapBgnd.gif) repeat-y top;
}

.IndexSiteMap #ListWrapper ul{
display: block;
float: left;
margin-left: 0px;
padding-left: 2px;
list-style: none;
}


.IndexSiteMap .ColumnOne,
.IndexSiteMap .ColumnThree {
display: block;
float: left;
width: 253px;
padding-left: 15px;
padding-right: 25px;
}

.IndexSiteMap .ColumnTwo {
display: block;
float: left;
width: 253px;
padding-left: 14px;
padding-right: 25px;
}

.IndexSiteMapMargin {
display: block;
float: left;
padding-top: 18px;
margin-top: 23px;
border-top: solid 1px #e7e7e7;
}

/* --
LIST LEVEL ZERO
-- */
.IndexSiteMap .ListLevelZero {
display: block;
float: left;
width: 253px;
margin-left: 0px;
padding-left: 0px;
}

.IndexSiteMap .ListLevelZero h4{
display: block;
float: left;
width: 253px;
font-size: 14px;
color: #505050;
padding-top: 3px;
margin-top: 0px;
}

.IndexSiteMap .ListLevelZero p{
display: block;
float: left;
color: #959595;
font-size: .9em;
padding-left: 4px;
}

.IndexSiteMap .ListLevelZero a{
display: block;
font-size: 14px;
color: #505050;
padding-left: 4px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
}

.IndexSiteMap .ListLevelZero a:link{
color: #61605b;
text-decoration: none;
}

.IndexSiteMap .ListLevelZero a:visited{
color: #61605b;
text-decoration: none;
}

.IndexSiteMap .ListLevelZero a:hover{
color: #2f6085;
text-decoration: underline;
}


/* --
LIST LEVEL ONE
-- */
.IndexSiteMap .ListLevelOne{
display: block;
float: left;
width: 253px;
}

.IndexSiteMap .ListLevelOne ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.IndexSiteMap .ListLevelOne p{
font-size: .9em;
color: #959595;
padding-left: 14px;
padding-bottom: 6px;
}

.IndexSiteMap .ListLevelOne a{
display: block;
font-size: 11px;
font-weight: 800;
background: url(CSSimages/IndexArrow1.gif) no-repeat left top;
color: #505050;
padding-left: 14px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 2px;
}

.IndexSiteMap .ListLevelOne a:link{
color: #717170;
text-decoration: none;
}

.IndexSiteMap .ListLevelOne a:visited{
color: #717170;
text-decoration: none;
}

.IndexSiteMap .ListLevelOne a:hover{
color: #2f6085;
background-color: transparent;
text-decoration: underline;
}


/* --
LIST LEVEL TWO
-- */
.IndexSiteMap .ListLevelTwo{
display: block;
float: left;
}

.IndexSiteMap .ListLevelTwo ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
}

.IndexSiteMap .ListLevelTwo p{
font-size: .9em;
color: #959595;
padding-left: 4px;
padding-left: 22px;
}

.IndexSiteMap .ListLevelTwo a{
display: block;
font-size: 11;
font-weight: 500;
background: url(CSSimages/IndexArrow2.gif) no-repeat left top;
color: #505050;
padding-left: 22px;
padding-right: 0px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
}

.IndexSiteMap .ListLevelTwo a:link{
color: #717170;
text-decoration: none;
}

.IndexSiteMap .ListLevelTwo a:visited{
color: #717170;
text-decoration: none;
}

.IndexSiteMap .ListLevelTwo a:hover{
color: #2f6085;
background-color: transparent;
text-decoration: underline;
}




/* --
Styling for links on p tags within index sitemap
-- */

.ListLevelZero .LittleButton a {
display: inline;
background: none;
font-size: 1em;
color: #959595;
padding-left: 0px;
text-decoration: none;
}

.ListLevelZero .LittleButton a:link {
display: inline;
background: none;
font-size: 1em;
color: #959595;
padding-left: 0px;
text-decoration: none;
}


.ListLevelZero .LittleButton a:visited{
color: #959595;
text-decoration: none;
}


.ListLevelZero .LittleButton a:hover {
color: #2f6085;
text-decoration: underline;
}




.ListLevelOne p .LittleButton a {
display: inline;
background: none;
font-size: 1em;
font-weight: 800;
color: #959595;
padding-left: 0px;
text-decoration: none;
}


.ListLevelOne p .LittleButton a:link {
display: inline;
background: none;
font-size: 1em;
font-weight: 800;
color: #959595;
padding-left: 0px;
text-decoration: none;
}


.ListLevelOne p .LittleButton a:visited{
color: #959595;
font-weight: 800;
text-decoration: none;
}


.ListLevelOne p .LittleButton a:hover {
color: #2f6085;
font-weight: 800;
text-decoration: underline;
}





.ListLevelTwo p .LittleButton a {
display: inline;
background: none;
font-size: 1em;
color: #959595;
padding-left: 0px;
text-decoration: none;
}

.ListLevelTwo p .LittleButton a:link {
display: inline;
background: none;
font-size: 1em;
color: #959595;
padding-left: 0px;
text-decoration: none;
}


.ListLevelTwo p .LittleButton a:visited{
color: #959595;
text-decoration: none;
}


.ListLevelTwo p .LittleButton a:hover {
color: #2f6085;
text-decoration: underline;
}















/* --
The footer for the lowershop area on the Index page
including styling to place copyright and business details along the bottom of the 'LowerShopBottom'
-- */
#Index #Footer {
display: block;
float: left;
width: 900px;
height: 40px;
margin: 0px;
padding-top: 5px;
padding-bottom: 9px;
text-align: center;
background: url(CSSimages/LowerShopBottom.gif) no-repeat top;
}

#Index #Footer p{
color: #ffffff;
line-height: 1em;
padding-bottom: 5px;
padding-top: 3px;
padding-left: 0px;
margin: 0;
}

#Index #Footer a:link{
color: #ffffff;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}

#Index #Footer a:hover{
color: #ffffff;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: underline;
}

#Index #Footer a:visited{
color: #ffffff;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
}

#Index #Footer .TintText{
color: #909090;
}



.ReadyForIBM {
display: block;
float: left;
padding-right: 220px;
}