* {
  margin: 0px;
  padding: 0px;
}

body {
	background:url(img/bg.gif);
	background-color: #888888;
	color:#2d2e30;
	text-align:center;
	font:12px/1.55em Arial, sans-serif;
	}
/************** Layout **************/

.header, .nav-bg, .nav-bar, .main, .footer {
	width:970px; 
	margin:0 auto;
	}
.main, .nav-bg, .nav-bar {
	text-align:left;
}
.header {
	height:86px;
	position:relative;
	width:970px;
	text-align:right;
	z-index:9;
	text-align:left;
	}
#top {
	background:url(../img/header_bg.gif) repeat-x #181818;
	border-style:solid;
	border-color:#181818;
	text-align:left;
	height:51px;
	padding-left: 15px;
	}
#top_left {
	float: left;
}
#top_right {
	float: right;
	text-align: right;
	margin-right: 5px;
	margin-top: 7px;
}
.sportsIcons {
	padding-top: 25px;
}
.textAlignRight {
	text-align: right;
}
.textAlignCenter {
	text-align: center;
}
.nav-bg {
	position:absolute;
	left:0;
	bottom:0;
	height:32px;
	margin:0;
	background:url(img/menu_bg.gif) repeat-x;
	background-color: #ececec;
	}
 .nav-bar {
	position:absolute;
	left:0;
	bottom:0;
	height:32px;
	z-index:99;
	}
.main {
	margin-top:-3px;
	background:url(../img/main_bg.gif) repeat-y 100% 0 #fff;
	}

#main_content {
  margin-left: 18px;
  margin-right: 15px;
  margin-top: 7px;
  float: left;
  width: 605px;
  padding: 7px;
}

/* IE 6 Hacks */
* html #main_content {
  margin-left: 10px;
  margin-right: 0px;
  padding: 0px;
  width: 400px;
}
/* End Hacks */

#welcomeContainer {
  float: left;
  width: 360px;
  margin-bottom: 20px;
}

* html #welcomeContainer {
  float: left;
  width: 380px;
  margin-bottom: 20px;
}

#contentContainer {
  float: left;
  width: 577px;
  margin-bottom: 20px;
}

.welcomeIntro {
  font-size: 13px;
  font-weight: bold;
}

.country {
  color: #ffffff;
  font-size:10px;
}

.ticksDIV {
  width: 375px;
  padding-bottom: 0px;
  margin-top: -10px;
}

.tickTable {
  padding-top: 20px;
  margin-bottom: 20px;
  width: 375px;
}

* html .tickTable {
  padding-top: 20px;
  margin-bottom: 20px;
  width: 375px;
}

#welcomeDemoContainer {
  text-align: right;
  float: right;
  width: 175px;
  margin-right: 5px;
  border-left: 1px dotted #cccccc;
  padding-bottom: 20px;  
}

* html #welcomeDemoContainer {
  text-align: right;
  float: right;
  width: 155px;
  margin-left: 10px;
  border-left: 1px dotted #cccccc;
  padding-bottom: 20px;
}

#easyContainer {
  text-align: right;
  float: right;
  width: 175px;
  padding-left: 18px;
  margin-right: 0px;
  border-left: 1px dotted #cccccc;
  padding-bottom: 20px;  
}

#showcase {
  float: right;
  margin-right: 23px;
  margin-top: 15px;
  width: 281px;
  padding: 7px;
}

/* IE 6 Hacks */
* html #showcase {
  padding-right: 0px;
  margin-right: 7px;
  margin-top: 8px;
}
/* End Hacks */

.showcaseLeft {
  float: left;
  width: 125px;
  margin-left: 2px;
  margin-bottom: 10px;
}

.showcaseRight {
  float: right;
  width: 125px;
  margin-bottom: 10px;
}

#box_container {
 clear: both;
 margin: 7px 15px 15px 15px; 
}

#news {
  float: left;
  width: 290px;
  padding: 7px;
  margin-left: 3px;
}

.greenText {
  color: #4b7b3c;
}

.fontSize14px {
  font-size: 14px;
}

.newsIcon {
  float: left;
  width: 15px;
}

.newsTitle {
  float: left;
  height: 10px;
  margin-left: 10px;
  font-weight: bold;
}

.newsPageTitle {
  float: left;
  height: 10px;
  font-weight: bold;
  font-size: 1.1em;
}

.newsTitle a {
  color: #000000;  
}

.newsTitle a:hover {
  color: #4b7b3c;  
}

.newsStory {
  clear: both;
  padding-top: -5px;
}

.newsStory p {
  font-size: 11px;
  line-height: 1.6em;
}

.newsDate {
  font-size: 10px;
  color: #4b7b3c;
}

.separator {
  padding-bottom: 3px;
}

.mainContentTop {
  background-image: url('img/mainContentTop.gif');
  width: 619px;
  height: 15px;  
  margin-left: -8px;
}

.mainContentMiddle {
  background-image: url('img/mainContentMiddle.gif');
  background-repeat: repeat-y;
  width: 579px; 
  margin-left: -8px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
}

.alignCenter {
  text-align: center;
}

.orderTrial {
  margin-top: 15px;
}

.demoUnavailable {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ff0000;
}

/* IE6 Hacks */

* html .mainContentTop {
  margin-left: 0px;
}

* html .mainContentMiddle {
  margin-left: 0px;
}

* html .mainContentBottom {
  margin-left: 0px;
}
/* End Hacks */

.mainContentBottom {
  background-image: url('img/mainContentBottom.gif');
  width: 619px;
  height: 15px;  
  margin-left: -8px;
  margin-top: -8px;
}

.subFooterTop {
  background-image: url('img/subFooterTop.gif');
  width: 302px;
  height: 15px;  
  margin-left: -8px;
  margin-top: -8px;
}

.subFooterMiddle {
  background-image: url('img/subFooterMiddle.gif');
  background-repeat: repeat-y;
  width: 262px; 
  margin-left: -8px;
  padding-left: 20px;
  padding-right: 20px;

}

.subFooterBottom {
  background-image: url('img/subFooterBottom.gif');
  width: 302px;
  height: 15px;  
  margin-left: -8px;
}

.subNewsFooterBottom {
  background-image: url('img/subFooterBottom.gif');
  width: 302px;
  height: 15px;  
  margin-left: -8px;
  margin-top: -8px;
}

.faqContainer {
  padding-bottom: 5px;
  height: 20px;
}

.newsContainer {
}

.showcaseTitle {
  float: left;
  margin-left: 10px;
  font-weight: bold;
  margin-top: 0px;
  width: 200px;
}

.easyContainerTitle {
  float: left;
  margin-left: 10px;
  font-weight: bold;
  margin-top: 0px;
}

.showcaseContent {
  clear: left;
}

.spotlightContent {
  clear: left;
  text-align: center;
}

.tryDemos {
  margin-right: 17px;
  margin-top: 10px;
}

.faqTitle {
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
}

.faqBullet {
  float: left;
  width: 15px;
  margin-top: 1px;
}

.faqBullet2 {
  float: left;
  width: 15px;
  margin-top: 1px;
  margin-right: 10px;
}

.faqQuestion {
  float: left;
  margin-left: 10px;
  font-weight: bold;
  margin-top: 3px;
}

.faqQuestion p {
  margin: -5px 0px 0px 0px;
}

.faqQuestion a {
  color: #000000;
}

.faqQuestion a:hover {
  color: #4b7b3c;
}

.faqAnswerDIV {
  width: 235px;
  margin-left: 27px;
}

.newsMoreDIV {
  width: 255px;
  margin-left: 0px;
}

.showAll {
  float: right;
  margin-left: 10px;
  font-weight: bold;
  margin-top: 3px;
  font-size: 10px;
} 


#latest_theme {
  width: 290px;
  float: left;
  margin-left: 14px;
  padding: 7px;
}

/* IE6 Hacks */
* html #latest_theme {
  margin-left: 10px;
}
/* End Hacks */

#featured_clan {
  width: 290px;
  float: left;
  margin-left: 20px;
  margin-top: 7px;
}

/* IE6 Hacks */
* html #featured_clan {
  margin-left: 11px;
  padding-left: 3px;
  margin-top: 4px;
  padding-top: 3px;
}
/* End Hacks */

.clanName {
  color: #4b7b3c;
}
.col-main {
	float:left;
	width:610px;
	padding:18px 0 48px 36px;
	}
.one-col-set {
	width:auto;
	padding:1.5em 30px 4em 2.33em;
	}
.next-back {
  display:block;
  width:164px;
  text-align:right;
  float:right;
  margin-top:2em;
}
.col-collateral {
	float:right;
	margin-top:-1px;
	border-top:6px solid #595b5f;
	width:258px;
	}
.footer-container {

	}
.footer {
	width:940px;
	padding:12px 15px;
	color:#3f3f3f;
	text-align:right;
	background-color: #181818;
	}
.footer a, .footer a:hover {
	color:#e65c00;
	background:none;
	text-decoration:underline;
	}
.footer ul {
	float:left;
	width:70%;
	text-align:left;
	}
.footer li {
	display:inline;
	line-height:1.8em;
	}
.footer ul a {
	padding:0 8px 0 3px;
	color:#d5d5d5;
	text-decoration:none;
	}
.footer ul a:hover {
	padding:0 8px 0 3px;
	color:#4b7b3c;
	text-decoration:none;
	}
.footer li.last a {
	background:none;
	}
.footer fieldset {
	float:left;
	width:27em;
	text-align:left;
	}
.footer fieldset .input-text {
	width:15em;
	}

.footerSiteDocs {
	font-size: 10px;
	}
.footerCopyright {
	color: #d5d5d5;
	font-size: 10px;
	}
.footerCopyright2 {
	margin-right: 15px;
}
.footerCopyright a {
	color: #d5d5d5;
	font-size: 10px;
	}
.footerCopyright a:hover {
	color: #4b7b3c;
	font-size: 10px;
	}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}

.marginTop10 {
	margin-top: 10px;
}
/*********** Header ***************/
/* Logo */
#logo {
	position:absolute;
	top:12px;
	left:22px;
	margin:0;
	background:url(../img/logo_bg.gif) no-repeat;
	z-index:99;
	}
#logo a {
	display:block;
	width:134px;
	height:41px;
	}
#logo a:hover {
	background:none;
	}
#logo img {
	display:none;
	}


/* Top Nav */
#nav {
	margin-left:9px;
	font-size:1.1em;
	}
#nav li {
	position:relative;
	float:left;
	}
#nav a {
	display:block;
	padding:6px 13px;
	color:#74797e;
	text-decoration:none;
	}
#nav a:hover {
	background:none;
	color:#000;
	}
#nav li.on a, #nav li.on a:hover {
	color:#333;
	font-weight:bold;
	}
#nav ul {
	display:none;
	position:absolute;
	top:28px;
	left:2px;
	border-top:3px solid #C0CCD4;
	width:15em;
	height:auto;
	padding:.5em 0 .85em 0;
	background:#F2F5F7;
	}
#nav ul li { /* reset non-1st level list */
	float:none;
	margin:0;
	padding:4px 13px;
	border-bottom:1px solid #d4d4d4;
	}
#nav ul li a {
	font-size:.95em;
	padding:0;
	}
#nav li.on ul li a, #nav li.on ul li a:hover {
	font-weight:normal;
	color:#74797e;
	}
#nav li.on ul li a:hover {
	color:#232323;
	}
#nav li:hover ul, #nav li.over ul {
	display:block;
	padding:0;
	}

/********************** HOME **************************/
.page-home { padding-bottom:60px; background-image:none; }

.home-slides {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_bg2.jpg) no-repeat;
	}
.home-slides-new {
	position:relative;
	height:378px;
	border-bottom:4px solid #fff;
	background:url(img/banner_new.jpg) no-repeat;
	}
.home-slides-order {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_order.jpg) no-repeat;
	}
.home-slides-order-arrow {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_order_arrow.jpg) no-repeat;
	}
.home-slides-football {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_football.jpg) no-repeat;
}
.home-slides-cricket {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_cricket.jpg) no-repeat;
}
.home-slides-baseball {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_baseball.jpg) no-repeat;
}
.home-slides-rugby {
	position:relative;
	height:238px;
	border-bottom:4px solid #fff;
	background:url(img/header_rugby.jpg) no-repeat;
}
.orderTrialBanner {
	margin-left: 242px;
	padding-top: 177px;
}
.orderTrialBannerSport {
	margin-left: 265px;
	padding-top: 177px;
}
.home-slides a:hover { background:transparent; }
.home-slides h2 {
  margin:0;
	margin:13px 9px 12px 30px;
	font-size:1.5em;
	border-bottom:1px solid #d4d4d4;
	}
.home-slides p { font-size:.875em; padding-top:8px; }
.home-slides a {
	}
.home-slides a img {
	padding:0 7px 3px 24px;
	float:left;
	}
.home-slides .text {
	position:absolute;
	width:415px;
	top:135px;
	left:40px;
	color:#fff;
	font-size:1.25em;
	line-height:1.3em;
	}
.home-slides .text img {
	float:right;
	margin:2.5em 0 2.5em .5em; 
	}

.slide-nav{
	position:absolute;
	right:35px;
	top:130px;
	width:214px;
	font-size:1.08em;
	}
.slide-nav li a, .slide-nav li a:hover {
	display:block;
	color:#2d2e30;
	text-decoration:none;
	}
.slide-nav li a:hover {
	color:#D52B71;
	background:none;
	}
.slide-nav li a span {
	display:block;
	background:url(../img/home_slides_li_bg.gif) repeat-x 0 100%;
	padding:.45em 0;
	}
.slide-nav li.last a span {
	background:none;
	}
.home-slides .content {
	display:none;
	}
.slide-nav .active a, .slide-nav .active a:hover {
	color:#dc007a;
	font-weight:bold;
	}
.slide-nav .top a img { display:none; }
.slide-nav .top p { margin-left:31px; }


.img-border img, img.img-border { display:block; border:1px solid #b9b9b9; }
.home-content { border-top:4px; background:url(../img/home_content_bg.gif) repeat-x; padding:22px 28px; }

/*****************NEW HOME END********************/
	
	
/* Title and headings */
.head-alt {
	border-bottom:3px solid #E5E5E6;
	}
.title-emph {
	margin:0 0 .1em 0;
	font-size:2.8em;
	}
.title-emph em {
	color:#e65c00;
	}
.emph {
	color:#e65c00;
	}

.col-content {
	float:right;
	width:405px;
	}

a img { border:0; }
a { color:#000000; text-decoration: underline; }
a:hover { color:#4b7b3c; text-decoration:none; }
a.small { font-size:.95em;}

/* Headings */
h1, h2, h3, h4 { 
	margin-bottom:.8em; 
	line-height:1.4em; 
	}
h1 { margin-bottom:.4em; font-size: 24px; font-weight:bold; }
h2 { margin-bottom:.4em; font-size:1.5em; font-weight:normal; }
h3 { font-size:1.25em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }


/* Table */
table { width:100%; }
th, td { padding:0; text-align:left; vertical-align:top; }
.label { padding-right:8px; clear: both;}


/* Block Text */
p, address { margin:0 0 .7em 0; }
address { font-style:normal; }
cite { color:#9a9a9a; font-style:normal; font-size:.79em;}
cite strong { font-weight:bold; color:#5f5f5f;}


/* List */
ul li { list-style:none; }
dt { display:block; font-weight:bold;}
dd { margin-bottom:5px; }

/* Forms */


fieldset {  
width: 400px;
margin: 1.5em 85px 0 85px;  
padding: 0;
padding-top: 20px;
}

* html fieldset {  
width: 400px;
margin: 1.5em 0px 0 0px;  
padding-top: 20px;
}

.errorBox {
  border: 2px solid #ff0000;
  background-color: #ffd7d7;
  padding: 15px;
  color: #000000;
} 
legend {  
margin-left: 1em;  
color: #a24220;  
font-weight: bold; 
} 
fieldset ol {  
padding: 2em 2em 2em 2em;  
list-style: none; 
} 
fieldset li {  
padding-bottom: 1em; 
} 
fieldset.submit {  
border-style: none;
margin-bottom: 20px;
text-align: center;
}
input, select { }
label, .label { color:#666; font-weight:bold; float: left; width: 11em; margin-right: 0.5em; }

* html .main_content {
  width: 603px
}

.requiredField {
  color: #4b7b3c;
  font-weight: bold;
  font-size: 1.2em;
}

.checkoutP {
  padding: 5px;
}

.checkoutItemImage {
  padding-left: 5px;
  padding-top: 3px;
  text-align: center;
}

.center {
  text-align: center;
}

.spotlightLogo {
  padding-left: 0px;
}

.demoAccess {
  font-size: 10px;
  color: #FF0000;
}

.order_small_text {
  color: #4b7b3c;
  font-size: 10px;
  margin-left: 165px;
}

.paddingTopInvoice {
  padding-top: 5px;
}

.paddingTopInvoice2 {
  padding-top: 2px;
}

.flagMargin {
  margin-left: 25px;
}

.currencyStatement {
  font-size: 9px;
}

.easy_title h2 {
  font-size: 13px;
  font-weight: bold;
}

.easy_icon {
  clear: both;
  float: left;
  width: 72px;
  height: 88px;
}

.easy_details {
  float: right;
  width: 97px;
}

.easy_details p {
  font-size: 10px;
}

.marginBottom30px {
  margin-bottom: 15px;
}

.homePrice {
  font-size: 30px;
  text-align: center;
  margin-top: 15px;
}

.homePricePence {
  font-size: 26px;
}

.easyTitle {
  font-size: 17px;
  font-weight: bold;
  color: #007318;
}

.packageStatement {
  float: right;
  width: 455px;
}

.sale_tag {
  float: left;
}
