/* Stylesheet for IPS Group */

/* 
  Colours: 
  - white: #fff;
  - dark grey: #666;
  - middle grey: #999;
  - medium light grey: #bababa;
  - light grey: #ccc;
  - dark blue: #1b5993;
  - blue: #e0a229;
  
  IPS-Trade-FZE: 
  - red: #ba2124;
  - red sidebar bg: #d8021c;
  - dark red: #800611;
  
  Fonts: 
  - Verdana
*/

html {
 /* overflow: -moz-scrollbars-vertical; */
}

body {
  padding: 0px;
  margin: 0px;
  border: none;
  text-align: center;
}

body, p, div, td, th, caption, ins, del, address, h1, h2, h3, h4, h5, h6, a {
  font-family: verdana, sans-serif;
  color: #666;
}

body, p, div, td, th, caption, ins, del, address, a {
  font-size: 11px;
  line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-weight: normal;
  text-transform: uppercase;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 14px;
  color: #000;
}

h3 {
  font-size: 12px;
}

a { color: #ba2124; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

table {
  border-collapse: collapse;
  width: 100%;
}

div, form, td, th, caption {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  text-align: left;
}

p { margin-top: 20px; margin-bottom: 20px; }
p.first { margin-top: 0px; }
p.last { margin-bottom: 0px; }

form {
	margin-bottom: 10px;
}

/* main containers */

div#page {
  width: 900px;
  margin: 0px auto;
  text-align: left;
}

table#main {
  width: 100%;
}

.inner {
  padding: 20px;
}

.next_item {
  padding-top: 20px;
  margin: 20px 0px;
  background: #fff url(../images/divider_hor.jpg) repeat-x;
}

/* generics */
td.frm_label { text-align: right; padding-right: 20px; }
td.frm_label label { width: 68px; } 
td.frm_field { text-align: right; padding-right: 20px; }
td.frm_info { width: 200px; }
input.btn_submit { margin-top: 20px; }
.textfield { width: 100%; margin-bottom: 2px; }
.shortfield { width: 70%; margin-bottom: 2px; }
.newsletterform table { width: auto; }
.newsletterform input.textfield { width: 144px; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.date { padding-left: 14px; }

.warn { font-weight: bold; color: #f00; }

/* structural elements */

td#content { 
  background: #fff url(../images/bg-content.gif) repeat-x;
  width: 624px;
} 
#content td#content_about, #content td#content_newsletter { width: 277px; }
#content #content_about .inner { padding: 0px 14px 0px 0px; }

div#footer {
  text-align: right;
  color: #999;
  font-size: 9px;
  height: 29px;
  line-height: 29px;
}

td#mainmenu {
  height: 41px;
  background: #000 url(../images/bg-mainmenu.gif) repeat-x;
  color: #bababa;
  font-size: 10px;
  text-align: right;
  vertical-align: middle;
}
#mainmenu div.inner { padding: 0px 20px 4px 0px; text-align: right; }
#mainmenu a, #mainmenu .current {
  color: #bababa;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
}
#mainmenu a:hover, #mainmenu .current {
  color: #ba2124;
}

td#news { height: 116px; }
div#newscontainer {
  background: url(../images/bg-news.gif) repeat-x bottom;
  color: #fff;
  height: 100%;
}
#news h2 { color: #fff; padding-bottom: 4px; }
#news table {
  width: 277px;
}
#news td {
  border-top: 1px solid #ccc;
}
#news td, #news td a {
  color: #fff;
}
#news td a:hover { text-decoration: none; color: #ba2124; }
#news td.date {
  color: #ba2124;
  padding-right: 20px;
}

td#services {
  background: #d8021c url(../images/bg-services.jpg) no-repeat bottom;
  width: 276px;
}
#services, #services td, #services p { color: #fff; }
#services .inner { padding-left: 27px; }
#services ul {
  list-style-type: none;
/*  list-style-image: url(../images/bullet-services.gif); */
  margin-left: 0px; 
  padding-left: 0px;
}
#services span.current, #services li a:hover {
  color: #800611;
  text-decoration: none;
}
#services li, #services li a {
  color: #fff;
}
#services li {
  line-height: 30px;
  padding-left: 18px;
  background: transparent url(../images/bullet-services.gif) no-repeat 0px 5px;
}

/* product tables */

.products caption {
	font-weight: bold;
	text-align: left;
	color: #ba2124;
	caption-side: top;
}
.products .subheading {
	color: #ba2124;
}
.products td, .products th {
	height: 22px;
	padding-right: 10px;
}
.products tr.odd td {
	background: #fff;
}
.products tr.even td {
	background: #f0f0f0;
}