/* **************** All Pages **************** */

body{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	text-align: center;
	background-color: #333333;
	color: #000000;
	font-size: 12px;
	}

img {
	border:none
}	

a {
	color:#FFFFFF;
	text-decoration:none
}

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

#wrapper {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-family: Arial;
	height: auto;
	background-color: #333333;
	}

.red{
	color:#FF0000;
	margin-left:3px
}

/* **************** TOP NAVIGATION **************** */

#topnav {
    float: right;
	text-align: left;
	background-color:#333333; 
	width:980px;
}
	
#NavigationBackground{
	background-color:#333333; 
	margin-left:0px; 
	font-size:12px;
	width:765px;
}	

.IE7Img{
	background-color:#ffffff;
	float:right;
}

#ImageNavigation{
	float:left;
	width:26px;
	margin-top:-6px;
	margin-left:-4px
}

	div#tabs {
	font-size: 14px;
	font-weight: normal;
	float:left;
	margin-left:-35px;
	max-height:27px;
	margin-top:-2px;
	width:750px
	}
	
		div#tabs a:hover {text-decoration: none;}
		
		div#tabs ul {
			display:block;
		}
		
			div#tabs li {
				display:block;
				text-align: center;
				margin: 0 1px 0 1px;
				padding: 5px 0px 0px 0px;
				float:left;
				width:inherit
			}

a#tabhome, li#tab1, li#tab2, li#tab4, li#tab5 {display: inline-block;}
			
a#tabhome {
	background-image:url(/Images/CshopKeyFeatures.jpg);
	background-repeat:no-repeat;
	width:143px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-top:2px;
}
	a#tabhome:hover, a#tabhome.selected {background-image:url(/Images/CshopKeyFeaturesHighlight.jpg); color:#0E9EFF}
							
a#tab1 {
	background-image:url(/Images/CshopCaseStudies.jpg);
	background-repeat:no-repeat;
	width:125px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-top:2px;
}

	a#tab1:hover, a#tab1.selected {background-image:url(/Images/CshopCaseHighlight.jpg);color:#02CD02}
			
a#tab2 {
	background-image:url(/Images/CshopSystemIntergration.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-top:2px;
}

	a#tab2:hover, a#tab2.selected {background-image:url(/Images/CshopSystemIntergrationHighlight2.jpg);color:#FF6702}			
							
a#tab3 {
	background-image:url(/Images/CshopSupport.jpg);
	background-repeat:no-repeat;
	width:146px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-top:2px;
}

	a#tab3:hover, a#tab3.selected {background-image:url(/Images/CshopSupportHighlight.jpg);color:#CC0000}			
							
a#tab4 {
	background-image:url(/Images/CshopHosting.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-top:2px;
}

	a#tab4:hover, a#tab4.selected {background-image:url(/Images/CshopHostingHighlight2.jpg);color:#CC0104}			
			
a#tab5 {
	background-image:url(/Images/CshopPCI.jpg);
	background-repeat:no-repeat;
	width:124px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-top:2px;
}

	a#tab5:hover, a#tab5.selected {background-image:url(/Images/CshopHostingHighlight3.jpg);color:#993399}				
	
	
/* **************** LEFT NAVIGATION **************** */

#leftnav {
	float: left;
	width: 215px;
	background-color:#333333;
	}

.LeftLinks li{
	list-style-type:none;
	text-align:left;
	margin-left:30px;
	font-size:12px;
	font-family:Arial;
	padding:5px 0px 5px 0px;
	color:#ffffff
}	


/* **************** CONTENT **************** */

#content {
	float: right;
	width: 765px;
	}

.Contentmiddle{
	background-image:url('/Images/ContentBack.jpg');
	background-repeat:repeat-y;
	width:764px; 
	margin-right:1px;
}

#ContentmiddleControl{
	background-image:url('/Images/ContentBack.jpg');
	background-repeat:repeat-y;
	width:764px; 
	height:690px
}

.AboutFont{
	text-align:left; 
	margin-left:30px; 
	width:715px;
	font-family: Arial; 
	font-size: 12px; 
}

/* **************** HOME PAGE **************** */

.HomeFont{
	text-align:left; 
	margin-left:30px; 
	width:715px;
	font-family: arial; 
	font-size: 12px; 
	width:255px; 
	float:left; 
	margin-top:10px; 
	margin-left:35px
}

.HomePageRight{
	text-align:left; 
	margin-top:3px; 
	float:right; 
	margin-right:18px;
	width:439px
}

.HomePageRightMain{
	text-align:left; 
	margin-top:3px; 
	float:right; 
	margin-right:20px;
	background-image:url('/Images/HomeMain.jpg');
	background-repeat:no-repeat;
	width:435px;
	height:242px
}

.HomePageRightMainText{
	margin-left:10px;
	margin-top:10px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;

}

#HomePCI{
	vertical-align:top; 
	margin-top:20px; 
	margin-left:60px
}

#HomeProvider{
	float:left; 
	margin-left:8px; 
	width:207px
}

/* **************** ADDED VALUE **************** */

.ValueFont{
	text-align:left; 
	margin-left:30px; 
	width:715px;
	font-family: Arial; 
	font-size: 12px; 
	margin-top:10px
}

.ValueFont li{
	text-align:left; 
	margin-bottom:5px;
	list-style:disc inside none
}

/* **************** ABOUT US **************** */

.AboutusFont{
	text-align:left; 
	margin-left:30px; 
	width:715px;
	font-family: Arial; 
	font-size: 12px; 
	background-image:url('/Images/AboutBack.jpg');
	background-repeat:no-repeat;
	margin-top:10px; 
	margin-left:37px; 
	width:670px; 
	float:left
}

/* **************** CONTACT US **************** */

#ContactLeft{
	width:255px; 
	float:left; 
	margin-top:10px; 
	margin-left:35px;
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
}

.ContactRight{
	width:436px; 
	float:left; 
	margin-left:-30px; 
}

.ContactUsHeader{
	color:#0E9EFF; 
	width:500px
}

.TrainLineLink{
	color:#000000; 
	text-decoration:underline
}

.GoogleMaps{
	margin-top:20px
}

#ContactStaticRight{
	margin-top:-20px; 
	margin-left:10px
}

#ContactStaticRight2{
	margin-top:5px; 
	margin-left:10px
}

/* **************** CONTACT FORM **************** */

#ContactForm{
	margin-top:10px; 
	margin-left:-20px; 
	width:670px; 
	text-align:left
}

#ContactFormTable{
	margin-top:10px; 
	margin-left:35px; 
	width:700px; 
	float:left;
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
}

/* **************** PCI DSS COMPLIANCY **************** */

#PCILeft{
	width:195px; 
	float:left; 
	margin-top:10px; 
	margin-left:35px;
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
}

#PCIRight{
	width:436px; 
	float:left; 
	margin-left:15px; 
	text-align:left; 
	margin-top:10px
}

/* **************** CASE STUDIES **************** */

#CaseStudies{
	width:120px; 
	float:left; 
	margin-top:10px; 
	margin-left:35px;
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
}

#CaseStudies ul{
	margin-left:0px
}

#CaseStudies li{
	list-style:none
}

.CaseMainError{
	width:560px; 
	margin-left:15px; 
	text-align:left; 
	margin-top:9px
}


.CaseMain{
	width:560px; 
	margin-left:15px; 
	text-align:left; 
	margin-top:9px
}

/* **************** SITE MAP **************** */
.SiteMapLink{
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
	color: #666666
}

/* **************** WHAT IS CSHOP **************** */

#WhatCshop{
	margin-top:10px; 
	margin-left:37px; 
	width:670px; 
	float:left;
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
}

/* **************** CSHOP ARCHITECTURE **************** */

.FeatureImageLinks{
	padding-left:30px; 
	display:none
}

/* **************** CONTENT **************** */

.FeaturesFont{
	margin-top:-10px !important;
	font-family: arial; 
	font-size: 12px; 
	margin-left:0px !important;
	width:400px
}

.FeaturesFont2{
	font-family: arial; 
	font-size: 12px; 
}

.FeaturesFontHeader{
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
	font-weight:bold

}

.KeyFeaturesFontCshop{
	margin-right:50px;
	margin-top:-13px
}

.FeaturesLinks{
	color:#000000
}

.FeaturesLinks:hover{
	color:#0e9eff
}

.FeaturesFont{
	text-align:left; 
	margin-left:30px; 
	font-family:Arial;
	font-size:12px;
	float:left;
	margin-top:50px;
	width:400px
}

.CShopAdmin{
	list-style-image:url('/Images/FeatureBullet.jpg');
}

.CaseStudies{
	background-image:url('/Images/CaseBoxBack.jpg');
	 background-repeat:no-repeat; 
	 width:351px; 
	 height:150px;
	 vertical-align:top
}

.KeyFeatures{
	list-style-image:url('/Images/FeatureBullet.jpg');
	font-size:12px
}

#KeyFeatureBack{
	background-image:url('/Images/contentfeaturestop.jpg');
	background-repeat:no-repeat;
}

/* **************** FOOTER **************** */

#PCI{
	padding-left:30px; 
	background-image:url('/Images/MiddleBack.gif'); 
	background-repeat:repeat-y;
}				
	
#BottomNavBackground{
	background-color:#333333; 
	float:left;
	width:764px;
}

#BottomImage{
	margin-left:-1px
}

#BottomScroller{
	margin-top:-2px; 
	margin-left:-1px;
	width:300px;
	float:left
}

#ContentHeader{
	font-family:arial; 
	font-size:20px; 
	float:left; 
	margin-left:35px; 
	font-weight:bold; 
	text-align:left;
	width:600px
}

#Blue #ContentHeader{
    color:#0e9eff; 
    width:500px;
}

#Green #ContentHeader{
    color:#01CC00; 
    width:600px;
}

.FeaturesBackgroundImage{
	float:left; 
	width:340px; 
}

.AColour{
	color:blue;
	text-decoration:underline
}

#BottomAddress{
	float:left;
	margin-top:5px;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	margin-left:30px;
	width:720px
}

.WebPlatformText{
	margin-left:3px; 
	font-size:12px; 
	font-family:arial; 
	font-weight:bold;
	color:#0099FF
}

.TelesalesList{
	margin-top:3px;
	color:#0099FF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}

#Softscan{
	margin-top:10px; 
	margin-left:37px; 
	width:670px; 
	float:left;
	text-align:left; 
	font-family: arial; 
	font-size: 12px; 
}

#ScrollBackground{
	background-image:url('/Images/BottomScrollBackground.gif');
	background-repeat:no-repeat;
	width:756px;
	height:80px;
	float:left;
	margin-left:8px;
}

#boundry{
	margin-left:0px;
}

.HomeRight{
	margin-top:-48px
}

.AddedValueBlue{
	font-size:14px; 
	color:#0D9EFF; 
	list-style-type:none; 
	margin-left:0px
}

.ChopLogo{
     float:left;
}

.IE8Bottom{
    margin-right:1px;
}

#TopPage{
    margin-right:1px;
}