@charset "utf-8";

/*Colours in CityXpress logo
red: #FF0000
navy blue: #000066
green: #009900
yellow: #FFB300
grey: #757575
*/


html {
	min-height: 100%; margin-bottom: 1px;
}

body {
	font: 80% Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 160%;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;  /*  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #FFFFFF;
	color: #000000;
}


a:link, a:visited {
	color:              #3A5FCD;
	text-decoration:    none;
}

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

h1 { /* Most pages use h1, h2, h3 etc for their main headings */
	font-size: 180%;
	color: #010483;
	padding-bottom: 10px;
}

h2 {
	font-size: 120%;
	color: #010483;
	border-bottom: 1px dotted #FFB300;
	padding-top: 10px;
}


h3 { 
	font-weight: bold;
	font-size: 100%;
	padding-top: 20px;

}


.corpstyles #container {  /* an overall container for the content of the page */
	width: 765px;
	background: #FFFFFF;
	margin: 0 auto;  /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /*	 this overrides the text-align: center on the body element. */
}

.corpstyles #header { /* a container for the logo and other elements at the top of every page */
	padding-left: 20px;
	padding-top: 10px;
	line-height: 100%;
}

.corpstyles #topmenu_container { /* The topmenu styles control the short menu in the top right corner of all pages */
	float: right;
}

.topmenu_item {
	font-size: 100%;
	color: #757575; /* Grey so it's less obtrusive*/
	padding-left: 15px; /* This puts a nice space between items in the menu */
	padding-right: 15px; /* This puts a nice space between items in the menu */
}

.topmenu_item a:link, .topmenu_item a:visited { /* sets the colour of the above class when it's a link */
	color: #757575;
}

.topmenu_item a:hover {/* sets the colour of the above class when it's a link and hovered*/
	color: #009900;
}

.corpstyles #breadcrumb { /* The breadcrumb styles control the breadcrumb and mini-navigation on the right of most pages */
	float: right;
	padding-right: 10px; /* This slightly indents the breadcrumb from the right edge, resulting in a softer transition down the page */
	font-size: 80%; /* Breadcrumb should be a bit smaller so it's less obtrusive*/
	color: #757575; /* and grey */
	text-align:right;
	line-height: 140%; /* This sets the spacing between the breadcrumb and the mini-nav */
}

.corpstyles #breadcrumb a:link, .corpstyles #breadcrumb a:visited{
	color: #757575;
}

.corpstyles #breadcrumb a:hover{
	color: #009900;
}

.corpstyles #pageheader { /* The pageheader style controls the box at the top of section pages such as Media Companies, Advertisers and About Us, which contains the logo */

	padding-left: 40px; /* This indents this a bit further from the above header */
}


.corpstyles #section_intro { /* The section_intro styles control the box of introductory text that appears on section pages such as Media Companies, Advertisers and About Us */
	border-top: solid 1px #FFB300;
	border-bottom: solid 1px #FFB300;
	width: 75%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-left: 60px;
}

.corpstyles #section_intro h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #009900;
	padding-top: 0;
	padding-bottom: 0;
}
.corpstyles #section_intro p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}

.corpstyles #section_footer { /* The section_footer styles control the contact us box at the bottom of product pages */
	border: solid 2px #FFB300;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	margin-left: 20px;
	width: 65%;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.corpstyles #maincontent { /* The maincontent style contains the body of each page, indented just slitghtly from the header, but left-aligned with the other elements on the page */
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 40px;
}

.corpstyles #maincontentindent { /* The maincontentindent style contains the body of each page, indented slightly from the other elements on the page */
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 60px;
}

.corpstyles #boxright { /* The boxright style is used to float a mid-size box on the right of the page, e.g. for screenshot thumbnails on product pages */
	float: right;
	width: 300px;  
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 90%;
}

.corpstyles #boxright2 { /* The boxright style is used to float a small box on the right of the page, e.g. for About Us */
	float: right;
	width: 140px;  
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 0 15px 15px;
	font-size: 100%;
	border: 2px solid #FFB300;
}

.table_header { /* The table_header and table_bullet styles appears on the section home pages e.g. Solutions for Media Companies, Advertisers */
	padding-left: 20px;
	padding-top: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #000066;
}

.table_bullet {
	margin-left: 40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.corpstyles #footer { /* The footer styles control the footer at the bottom of every page */
	margin-top: 20px;
	margin-left: 20px;
	font-size: 80%;
	text-align: center;
	color: #757575;

}

.corpstyles #footer a:link, .corpstyles #footer a:visited {
	color: #757575;
}

.corpstyles #footer  a:hover{
	color: #009900;
}

.staffname { /* The staffname style appears on the Management page */
	font-weight: bold;
	font-size: 110%;
}

.yellowrule  {
	border-top: solid 1px #FFB300;
}

/* The following styles are not used after all*/
.corpstyles #homebox_container { /* A container for the homeboxleft and homeboxrights styles on the home page */

}

.corpstyles #homeboxleft { /* The homeboxright style is used to float a mid-size box on the left of the home page */
	float: left;
	width: 350px;  
	margin-left: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}


.corpstyles #homeboxright { /* The homeboxright style is used to float a mid-size box on the right of the home page */
	float: right;
	width: 350px;  
	padding-left: 20px;
	padding-bottom: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}

.corpstyles #homeboxcentre { /* The homeboxmain style is used for the central portion of the home page that starts below the above 2 boxes */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
/*	margin-top: 300px;*/
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 30px;
}