/* 
    Document   : screen
    Created on : 09-Dec-2008, 09:37:49
    Author     : Coolpink
*/

html,body {
	background: #e2f1f5;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
* html body {
	text-align: center;
}

strong {
	font-weight: bold;
}

#page ul li,
.text ul li,
.top-intro ul li {
	margin-left:15px;
	list-style:disc;
}

#page ol li,
.text ol li,
.top-intro ul li {
	margin-left:15px;
	list-style:decimal;
}

.clear { clear: both; }
.clear-rule { clear: both; border-bottom: 1px dashed #CDEAF1; margin: 0 15px 0 15px; }

* html .clear {
	width: 100%;
}

* html .clear-rule {
	width: 100%;
}

/*******************************************************************************
* Links
*******************************************************************************/

a:link, a:visited, a:active, a:hover, a:focus {
	color: #004c93;
	text-decoration: none;
}

/*******************************************************************************
* Main content area
*******************************************************************************/

#outer-wrapper {
	background: transparent url("../images/body-bg.png") repeat-x 0 0;
	height: 100%;
}

* html #outer-wrapper {
	background: transparent url("../images/ie-middle-bg.png") repeat-y 50% 0;
}

#container {
	background: transparent url("../images/shadow-bg.png") repeat-y 50% 0;
	display: block;
	min-height: 100%;
}

* html #container {
	background: transparent url("../images/ie-top-bg.png") no-repeat 50% 0;
	height: 100%;
}

#main {
	width: 850px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

* html #main {
	width: 810px;
}

/*******************************************************************************
* Header
*******************************************************************************/

#header {
	padding: 11px 0 18px 11px;
}

#header .logo {
	float: left;
	margin-left: 8px;
}
* html #header .logo {
	margin-left: 3px;
}

#header .right {
	/*float: left;*/
}

/*******************************************************************************
* Main nav
*******************************************************************************/

#nav {
	font: 13px "Century Gothic","Tahoma","Verdana",sans-serif;
	margin: 8px 0 0 45px;
}

#nav li {
	float: left;
	position: relative;
	margin: 0;
}
* html #nav li {
	height: 15px;
}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
	margin: 0;
}

#nav li a,
#nav li span {
	text-transform: uppercase;
	text-decoration: none;
	color: #0b5498;
	padding: 8px;
	margin: 0;
	outline: none;
}
* html #nav li a {
	padding: 10px;
	padding-bottom: 6px;
	height: 15px;
}
*+html #nav li a {
	padding: 10px;
}

#nav li#active a {
	font-weight: bold;
}

#nav li#active ul li a {
	font-weight:normal;
}

#nav li ul {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 120px;
	background: #fff;
	display: none;
	z-index: 1000;
	padding-top: 5px;
}
* html #nav li ul {
	padding-top: 5px;
	top: 16px;
}
*+html #nav li ul {
	top: 16px;
	padding-top: 5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav li ul {
		top: 20px;
	}
}

#nav li ul li {
	float: none;
}

#nav li ul li a {
	text-transform: capitalize;
	font-size: 11px;
	padding: 3px 3px 3px 5px;
	border-top: 1px dashed #cde9f1;
	display: block;
}

#nav li ul li.last a {
	border-bottom: 1px dashed #cde9f1;
}

#nav li ul li a:hover {
	background: #edf7f9;
}

/*******************************************************************************
* Top search
*******************************************************************************/

#header .search {
	clear: both;
	vertical-align: middle;
	margin: -25px 0 0 400px;
	float: left;
}
* html #header .search {
	margin-left: 206px;
	width: 199px;
	margin-top: -29px;
}
*+html #header .search {
	margin-top: -29px;
	margin-left: 415px;
	position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#header .search {
		margin-left: 380px;
	}
}

#header .search input.textInput  {
	border: 1px solid #004c93;
	padding: 2px;
}
*+html #header .search input.textInput {
	margin-top: -2px;
	position: relative;
}

#header .search input.searchButton {
	margin-bottom: -5px;
}
* html #header .search input.searchButton {
	margin-top: 4px;
}

*+ html #header .search input.searchButton {

}

/*******************************************************************************
* Top click to talk
*******************************************************************************/

#header .top-area {
	float: right;
	margin: -60px 10px 0 11px;
}
* html #header .top-area {
	float: left;
	margin-top: -60px;
}
*+html #header .top-area {
	margin-top: -60px;
}

#header .top-area .clicktotalk {
	width: 206px;
	height: 65px;
	display: block;
	background: transparent url("../images/button-clicktotalk.gif") no-repeat top left;
	text-indent: -2000px;
	outline: none;
}

/*******************************************************************************
* Footer
*******************************************************************************/

#footer {
	font-size: 10px;
	color: #004c93;
	border-top: 1px dashed #cdeaf1;
	margin:2px 10px 0 10px;
	padding-bottom: 30px;
}

* html #footer {
	width: 800px;
}

#footer .footer-left {
	margin: 15px 0 0 15px;
}

#footer .footer-left ul {
	margin: 0;
	padding: 0;
}

#footer .footer-left li {
	float: left;
	padding: 0 2px 0 2px;
}

#footer .footer-left li a {
	color: #004c93;
	text-decoration: none;
}

/*******************************************************************************
* Main content (home)
*******************************************************************************/

#content .top-banner {
	text-align: center;
}

#content .top-banner-container {
	text-align: center;
}

/*******************************************************************************
* Pods
*******************************************************************************/

.pod-area {
	margin: 13px 10px 0 10px;
}

.pod {
	background: #fff url("../images/pod-background.gif") repeat-x top left;
}

.pod .pod-bg-top {
	background: transparent url("../images/pod-bg-top.gif") repeat-x top left;
}

.pod .pod-bg-left {
	background: transparent url("../images/pod-bg-left.gif") repeat-y top left;
}

.pod .pod-bg-right {
	background: transparent url("../images/pod-bg-right.gif") repeat-y top right;
}

.pod .pod-bg-bottom {
	background: transparent url("../images/pod-bg-bottom.gif") repeat-x bottom left;
}

.pod .pod-topleft {
	background: transparent url("../images/pod-topleft.gif") no-repeat top left;
}

.pod .pod-topright {
	background: transparent url("../images/pod-topright.gif") no-repeat top right;
}

.pod .pod-topright-curl {
	background: transparent url("../images/pod-topright-curl.gif") no-repeat top right;
}

.pod .pod-bottomleft {
	background: transparent url("../images/pod-bottomleft.gif") no-repeat bottom left;
}

.pod .pod-bottomright {
	background: transparent url("../images/pod-bottomright.gif") no-repeat bottom right;
}

.pod h2 {
	font: 17px "Georgia", "Arial", sans-serif;
	padding: 10px 10px 0 10px;
	color: #004c93;
}

.pod p {
	padding: 3px 0 3px 10px;
	font-size: 10px;
}

.pod p a {
	font-size: 9px;
}

.pod p.last {
	border-bottom: 0;
}

.pod .content {
	padding-bottom: 20px;
	margin-left: 3px;
	margin-right: 15px;
}
* html .pod .content {
	position: relative;
	height: 0;
}
*+html .pod .content {
	position: relative;
}

.pod a {
	color: #004c93;
	text-decoration: none;
}

/* homepage main pod specific */

.homepagepod-main {
	width: 418px;
	float: left;
}

.homepagepod-main p {
	border-bottom: 1px dashed #bbd0e3;
	margin: 0 5px 0 10px;
	padding-left: 0;
	padding-right: 0;
}

/* welcome pod main specific */

.welcomepod-main {
	width: 206px;
	height: 170px;
	float: left;
}

/* keep updated pod specific */

.keepupdated-pod {
	float: left;
	width: 206px;
}

.keepupdated-pod form .textInput {
	border: 1px solid #004c93;
	padding: 2px;
	font-size: 10px;
	width: 90%;
	margin-left: 5px;
}

.keepupdated-pod form .rad {
	float: left;
	margin-left: 8px;
	margin-right: 4px;
	margin-top: 4px;
}
*+html .keepupdated-pod form .rad {
	margin-top: 0;
	margin-right: 1px;
}

.keepupdated-pod form label {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
}

.keepupdated-pod form .field {
	text-align: center;
	font-size: 10px;
	vertical-align: middle;
	margin-top: 5px;
}

.keepupdated-pod form .send {
	clear: both;
}

/* latest new pod */

.latestnews-pod .story {
	border-bottom: 1px dashed #b2cce0;
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
}

.latestnews-pod .story p {
	margin: 0;
	padding: 0;
}

.latestnews-pod .story h3 {
	font-weight: bold;
	font-size: 11px;
	color: #000;
}

.latestnews-pod .pagination {
	margin: 10px 0 10px 0;
	text-align: right;
}

.latestnews-pod .pagination ul {
	float: right;
	margin-right: 10px;
}

.latestnews-pod .pagination li {
	float: left;
	font-size: 11px;
	margin: 0 2px 0 2px;
}

/* product category pod */

.productcategory-pod ul {
	margin: 10px 5px 0 10px;
}

.productcategory-pod ul ul {
	margin: 0;
}

.productcategory-pod ul li a,
.productcategory-pod ul li span {
	padding: 2px 2px 2px 0;
	display: block;
}

.productcategory-pod ul li a:hover {
	font-weight:bold;
}

.productcategory-pod ul ul li a,
.productcategory-pod ul ul li span {
	margin-top: 0;
	padding-left: 15px;
}

.productcategory-pod li {
	font-weight: bold;
	font-size: 10px;
}

.productcategory-pod ul ul li {
	font-weight: normal;
	border: none;
	border-bottom: 1px dashed #b2cce0;
}

.productcategory-pod ul ul li.last {
	border: none;
}

.productcategory-pod ul ul ul li {
	border: none;
}

* html .productcategory-pod ul ul ul li {
	height: 20px;
}

.productcategory-pod ul ul ul li a,
.productcategory-pod ul ul ul li span {
	padding-left: 30px;
	background: transparent url("../images/bullet-blue.gif") no-repeat 20px 50%;
}

.productcategory-pod ul ul ul li span {
	font-weight:bold;
}

/* useful link pod */

.usefullink-pod ul {
	margin: 5px 5px 0 10px;
	font-size: 11px;
}

* html .usefullink-pod ul li {
	height: 20px;
}

.usefullink-pod ul li a {
	padding: 5px 0 5px 0;
	display: block;
	border-bottom: 1px dashed #b2cce0;
}

.usefullink-pod ul li.last a {
	border: none;
}

/* documentation pod */

.documentation-pod ul {
	margin: 5px 5px 0 10px;
	font-size: 11px;
}

.documentation-pod ul li a {
	padding: 5px 0 5px 0;
	display: block;
	border-bottom: 1px dashed #b2cce0;
	position: relative;
}

* html .documentation-pod ul li {
	height: 20px;
}

.documentation-pod ul li.last a {
	border: none;
}

.documentation-pod ul li a .size {
	position: absolute;
	right: 0;
}

.documentation-pod ul li.pdf a span {
	background: transparent url("../images/icon-pdf.gif") no-repeat 100% 50%;
	padding-right:16px;
}

.documentation-pod ul li.word a span {
	background: transparent url("../images/icon-word.gif") no-repeat 100% 50%;
	padding-right:16px;
}

/* the group pod */

.thegroup-pod ul {
	margin: 5px 5px 0 10px;
	font-size: 11px;
}

.thegroup-pod ul li a,
.thegroup-pod ul li span {
	padding: 5px 0 5px 0;
	display: block;
	border-bottom: 1px dashed #b2cce0;
	font-weight: bold;
}

.thegroup-pod ul li.last a {
	border: none;
}

.thegroup-pod ul li.current a {
	color: #000;
	cursor: default;
	outline: none;
}

* html .thegroup-pod ul li {
	height: 20px;
}

/* teams pod */

.teams-pod ul#teams-ul {
	margin: 10px 5px 0 10px;
}

.teams-pod ul#teams-ul ul {
	margin: 0;
}

.teams-pod ul#teams-ul li {
	border-bottom: 1px dashed #b2cce0;
}
* html .teams-pod ul#teams-ul li {
	height: 20px;
}

.teams-pod ul#teams-ul li.last {
	border: none;
}

.teams-pod ul#teams-ul li a,
.teams-pod ul#teams-ul li span {
	display: block;
	padding: 2px 2px 2px 0;
	font-size: 11px;
	font-weight: bold;
}

.teams-pod ul#teams-ul ul li {
	border: none;
}

.teams-pod ul#teams-ul ul li a {
	font-weight: normal;
	padding-left: 15px;
}

.teams-pod ul#teams-ul li span {
	padding-left: 17px;
	font-weight: bold;
}

/* upcoming events */

.upcomingevents-pod .events {
	margin-top: 10px;
}

.upcomingevents-pod .event {
	margin: 0 5px 5px 10px;
	border-bottom: 1px dashed #b2cce0;
	padding-bottom: 5px;
}

.upcomingevents-pod .last {
	border: none;
}

.upcomingevents-pod .event p {
	margin: 3px 0 0 0;
	padding: 0;
}

.upcomingevents-pod .event p.date {
	margin: 0;
	font-weight: normal;
	font-size: 11px;
}

.upcomingevents-pod .event a {
	font-size: 10px;
	margin-top: 5px;
}

.upcomingevents-pod .event h3 {
	font-size: 11px;
	font-weight: bold;
	color: #004c93;
	margin: 0;
}

.upcomingevents-pod .pagination {
	float: right;
}

.upcomingevents-pod .pagination li {
	float: left;
	font-size: 11px;
	padding: 1px 1px 0 1px;
}

/*******************************************************************************
* Advert banner
*******************************************************************************/

#banner-container {
	margin:20px 0;
}

#content .advert-banner {
	text-align: center;
}

* html #content {
	padding-bottom: 68px;
}

/*******************************************************************************
* General (and news)
*******************************************************************************/

#page {
	margin: 0 10px 0 20px;
	width: 585px;
	padding-right: 10px;
	float: left;
}
* html #page {
	margin-left: 13px;
	margin-right: 5px;
	padding-right: 0;
}

h1 {
	font: 18px "Georgia","Verdana",sans-serif;
	color: #004c93;
	float: left;
}

#page .published {
	font-size: 11px;
	float: right;
	margin-top: 3px;
}

#page .item-image {
	margin-top: 45px;
}

#page .text {
	margin-top: 20px;
}

#page .text p.intro {
	font-size: 12px;
	color: #004c93;
}

#page .text p.intro2 {
	color: #004c93;
	font-style: italic;
}

#page .text p {
	margin: 10px 0 10px 0;
	font-size: 11px;
}

#page .text .image {
	float: left;
	margin: 0 15px 5px 0;
}

#page .image-caption {
	font-size: 10px;
}

#right {
	float: right;
	width: 205px;
	margin: 0 10px 0 0;
}
* html #right {
	margin-right: 3px;
}
*+html #right {
	margin-right: 9px;
}

/*******************************************************************************
* Products (prod cat)
*******************************************************************************/

#page p.top-intro,
#page div.top-intro {
	clear: both;
	margin: 40px 0 0 0;
	color: #004c93;
	font-size:13px;
}

#page .top-intro ul {
    padding:0.em 0 1em 0;
}

#page .product-types {
	margin-top: 20px;
}

#page .product-type {
	margin-bottom: 20px;
}

#page .product-type h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

#page .product-type p {
	font-size: 11px;
	margin-bottom: 10px;
}

#page .product-type a.readmore {
	display: block;
	width: 72px;
	height: 22px;
	text-indent: -2000px;
	background: transparent url("../images/button-readmore.gif") no-repeat top left;
}

/* testimonials */

#page .testimonials {
	margin-top: 40px;
}

#page .testimonial h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

#page .testimonial p {
	font-size: 11px;
	color: #004c93;
	font-style: italic;
}

#page .testimonial p.from {
    color:#000;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 50px;
}

/*******************************************************************************
* Products (prod type)
*******************************************************************************/

#page .product-showtype {
	margin-top: 20px;
	margin-bottom: 50px;
}

#page .product-showtype p,
#page .product-showtype ul {
	font-size: 11px;
	margin-bottom: 10px;
}

#page .product-showtype h2 {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*******************************************************************************
* Company Profile (team members)
*******************************************************************************/

#page .team-members {
	clear: both;
	margin-top: 40px;
	margin-left: -5px;
	overflow: hidden;
}

#page .member {
	display: block;
	width: 135px;
	height: 230px;
	background: transparent url("../images/photoframe.gif") no-repeat top left;
	padding: 11px 0 0 11px;
	position: relative;
	font-size: 10px;
	float: left;
	margin-right: 1px;
}
* html #page .member {
	width: 134px;
}

#page .member-photo {
	width: 121px;
	height: 182px;
	display: block;
	margin-bottom: 2px;
}

#page .member .about .name {
	font-size: 11px;
	color: #004c93;
	margin-top: -2px;
}

/*******************************************************************************
* Company Profile (member)
*******************************************************************************/

#page .team-member {
	margin-top: 10px;
	clear: both;
}

#page .team-member .text p.top-intro {
	font-size: 13px;
	margin-top: 10px;
}

#page .team-member .text {
	float: left;
	width: 400px;
}

#page .team-member .text p {
	font-size: 11px;
	margin-bottom: 10px;
}

#page .team-member .text p.quote,
#page .team-member .text div.quote {
	margin-top: 40px;
	color: #004c93;
	font-style: italic;
}

#page .team-member .photo {
	float: left;
	margin-left: 38px;
	margin-top: 22px;
}

/*******************************************************************************
* General (full width)
*******************************************************************************/

#full {
	margin: 0 20px 0 20px;
	min-height: 500px;
}

/*******************************************************************************
* Press releases
*******************************************************************************/

#full .general-list {
    width: 810px;
	clear: both;
	padding-top: 20px;
	float: left;
}

* html #full .general-list {
	padding-bottom: 10px;
}

#full form.sorter {
	float: left;
	margin-left: 15px;
}

#full .pagination {
	float: right;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 10px;
}

* html #full .pagination {
	margin-top: -15px;
}

#full .pagination ul li {
	float: left;
	padding: 1px;
}

#full .item {
        float: left;
        width: 810px;
	border-bottom: 1px dashed #b2cce0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#full .item h2 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;	
	float: left;
	padding-right: 22px;
	padding-bottom: 0px;
}

#full .item h2.pdf {
	background: transparent url("../images/icon-pdf.gif") no-repeat 100% 50%;
}

#full .item h2.word {
	background: transparent url("../images/icon-word.gif") no-repeat 100% 50%;
}

#full .item p {
	clear: both;
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}

#full .item .links {
	margin-top: 5px;
	font-size: 11px;
}

/*******************************************************************************
* Events
*******************************************************************************/

#page .event {
	clear: both;
}

#page .event .main-image {
	float: left;
	clear: both;
	margin: 0 10px 5px 0;
}

#page .event p.top-intro,
#page .event div.top-intro,
#page .event div.top-intro p {
	font-size: 13px;
	margin-bottom: 10px;
}

#page .event p {
	font-size: 11px;
	margin-bottom: 10px;
}

#page .event p.quote {
	color: #004c93;
	font-style: italic;
}

#page form.sorter {
	float: right;
	text-align: right;
}

/*******************************************************************************
* Contact
*******************************************************************************/

#page .contact-details {
	clear: both;
	margin-top: 40px;
	border-bottom: 1px dashed #b2cce0;
	padding-bottom: 20px;
}
* html #page .contact-details {
	padding-bottom: 0;
}
*+html #page .contact-details {
	padding-bottom: 0;
}

#page .contact-details .address {
	float: left;
	width: 230px;
}

#page .contact-details .address p {
	margin-bottom: 15px;
}

#page .contact-details .map {
	float: left;
}

#page .contact-details .address .download {
	display: block;
	padding: 5px 20px 5px 0;
	background: transparent url("../images/icon-pdf.gif") no-repeat 100% 50%;
	float: left;
}

#page .enquiry-form {
	margin-top: 15px;
}

#page .enquiry-form h2 {
	font: 18px "Georgia","Verdana",sans-serif;
	color: #004c93;
	margin-bottom: 15px;
}

#page .enquiry-form .field {
	margin: 10px 0 10px 0;
}

#page .enquiry-form label {
	display: block;
	width: 140px;
	float: left;
	margin-top: 2px;
}

#page .enquiry-form .textField {
	border: 1px solid #004c93;
	width: 420px;
	padding: 2px;
}

/*******************************************************************************
* Distribution Network Map
*******************************************************************************/

#page .distributor-network-map {
	margin-top: 40px;
	border-bottom: 1px dashed #b2cce0;
	padding-bottom: 20px;
}

#page .dist-network-form {
	padding: 10px;
	border-bottom: 1px dashed #b2cce0;
}

#page .dist-network-form select {
	margin-right: 10px;
}

#page .dist-network-form input {
	margin-bottom: -5px;
}

#page .dist-network-results h2 {
	margin: 20px 0 20px 0;
	font: 18px "Georgia","Verdana",sans-serif;
	color: #004c93;
}

#page .dist-network-results .distributor p {
	margin-bottom: 10px;
}

#page .dist-network-results .distributor {
	float: left;
	margin-right: 25px;
	width:200px;
}

/*******************************************************************************
* Call back form
*******************************************************************************/

#page .callback-intro {
	clear: both;
	margin-top: 40px;
	border-bottom: 1px dashed #b2cce0;
	padding-bottom: 10px;
}

#page .callback-intro p {
	margin-bottom: 10px;
}

#page .callback-form {
	margin-top: 10px;
}

#page .callback-form .field {
	margin: 10px 0 10px 0;
}

#page .callback-form .buttons {
	margin-top: 50px;
}

#page .callback-form label {
	display: block;
	float: left;
	width: 140px;
	margin-top: 2px;
}

#page .callback-form label.enquiry {
	float: none;
	width: auto;
	margin: 20px 0 15px 0;
}

#page .callback-form .textField {
	border: 1px solid #004c93;
	width: 437px;
	padding: 2px;
}

#page .callback-form .textArea {
	width: 98%;
	border: 1px solid #004c93;
	padding: 5px;
}

/*******************************************************************************
* Resource Centre (login)
*******************************************************************************/

#header .title {
	float: right;
	margin: 40px 25px 0 0;
}

#header .welcome {
	float: left;
	margin: 50px 0 0 28px;
}
*+html #header .welcome {
	width: 200px;
}
* html #header .welcome {
	width: 200px;
}

#header .title h1 {
	font: 20px "Century Gothic","Verdana",sans-serif;
	font-weight: normal;
}

#rc {
	min-height: 500px;
	/*padding-top: 30px;*/
}

#rc .top {
	padding: 30px 40px 20px 40px;
}

#rc .top p.intro {
	color: #004c93;
	font-size: 14px;
	margin-bottom: 5px;
}

#rc .login {
	padding: 40px;
	font-size: 11px;
}

#rc .login h2 {
	font: 18px "Georgia","Verdana",sans-seif;
	color: #004c93;
	margin-bottom: 15px;
}

#rc .login .error {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #ff0000;
	background: #F6B2B2;
	width: 330px;
}

#rc .login .error li {
	padding-left: 12px;
	background: transparent url("../images/bullet-error.gif") no-repeat 0 50%;
}

#rc .login .message {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #FFE400;
	background: #FFF8BA;
	width: 330px;
}

#rc .login .left {
	float: left;
	width: 50%;
}

#rc .login .left p {
	height: 80px;
}

#rc .login .right p {
	height: 80px;
}

#rc .login .right p.normal {
	height: auto;
}

#rc .login label {
	display: block;
	margin: 0 0 5px 0;
	font-size: 11px;
}

#rc .login input.textField {
	border: 1px solid #004c93;
	padding: 2px;
	width: 330px;
}

#rc .login .field {
	margin: 0 0 10px 0;
	position: relative;
}

#rc .login .field .note {
	position: absolute;
	right: 15px;
	font-size: 10px;
	color: #004c93;
}

#rc .login .forgotten {
	font-size: 11px;
	float: left;
}

#rc .login .login-field {
	text-align: right;
	padding-right: 50px;
}

#rc .login .right {
	float: right;
	width: 350px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#rc .login .submit-field .short-message {
	float: left;
}

#rc .login .submit-field {
	text-align: right;
	padding-right: 14px;
}

/*******************************************************************************
* Doc Library (updates)
*******************************************************************************/

#header .page-title {
	margin: 20px 0 10px 10px;
}

#header .page-title h2 {
	font: 18px "Georgia","Verdana",sans-serif;
	color: #004c93;
}

#rc .filter-search .first, #rc .filter-search .second, #rc .filter-search .third {
	float: left;
	width: 263px;
	padding: 5px;
}

* html #rc .filter-search .first {
	padding: 0;
}

#rc .filter-search {
	border-bottom: 1px dashed #CDEAF1;
	padding-bottom: 10px;
	font-size: 11px;
	margin: 0 15px 0 15px;
}

* html #rc .filter-search {
	width: 100%;
	margin-right: 0;
}

#rc .filter-search .field {
	margin: 4px 0 4px 0;
}

#rc .filter-search label {
	display: block;
	float: left;
	width: 110px;
	font-size: 11px;
}

#rc .filter-search select {
	width: 150px;
}

#rc .filter-search .submit-field {
	text-align: right;
	padding-right: 34px;
}
*+html #rc .filter-search .submit-field {
	padding-right: 50px;
}

#rc .keyword-search {
	font-size: 11px;
	padding: 15px 6px 15px 6px;
	border-bottom: 1px dashed #CDEAF1;
	margin: 0 15px 0 15px;
}

#rc .keyword-search .textField {
	border: 1px solid #004c93;
	padding: 2px;
	width: 382px;
	margin-left: 15px;
}
*+html #rc .keyword-search .textField {
	width: 387px;
}
* html #rc .keyword-search .textField {
	width: 402px;
}

#rc .keyword-search .large {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #004c93;
}

#rc .keyword-search .search-button {
	margin-bottom: -5px;
	margin-left: 20px;
}

/* listing */

#rc .listing {
	padding: 15px 20px 15px 20px;
}

#rc .listing h2 {
	font: 18px "Georgia","Verdana",sans-serif;
	color: #004c93;
	float: left;
	margin-bottom: 15px;
}

#rc .items-listing h2 {
	font: 18px "Georgia","Verdana",sans-serif;
	color: #004c93;
	float: left;
	margin-bottom: 15px;
}

#rc .pagination-bottom {
	margin: 10px 0 10px 0;
}

*+html #rc .pagination-bottom {
	margin-right: 20px;
}

* html #rc .pagination-bottom {
	margin-right: 20px;
}

#rc .listing .pagination {
	float: right;
	font-size: 11px;
}

#rc .listing .pagination ul li {
	float: left;
	margin: 0 2px 0 2px;
}

#rc .listing .item .left {
	width: 620px;
	float: left;
}

#rc .listing .item .right {
	float: right;
	margin-right: 20px;
}

#rc .listing .item {
	clear: both;
	border-bottom: 1px dashed #CDEAF1;
	padding-bottom: 10px;
	padding-top: 10px;
	/*height: 100px;*/
}

* html #rc .listing .item {
	width: 800px;
}

#rc .listing .item h3 {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 1px 5px 1px 1px;
	float: left;
}

#rc .listing .item span.pdf {
	background: transparent url("../images/icon-pdf.gif") no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
	float: left;
}

#rc .listing .item span.word {
	background: transparent url("../images/icon-word.gif") no-repeat 0 0;
	display: block;
	width: 18px;
	height: 18px;
	float: left;
}

#rc .listing .item span.powerpoint {
	background: transparent url("../images/icon-powerpoint.jpg") no-repeat 0 0;
	display: block;
	width: 17px;
	height: 17px;
	float: left;
}

#rc .listing .item div.img {
	margin-right: 150px;
}

#rc .listing .item p {
	margin-bottom: 5px;
	font-size: 11px;
	clear: left;
}

#rc .listing .item .links {
	font-size: 11px;
}

#rc .listing .item .links-marketing {
	
}

#rc .listing .item .links-marketing span {
	display: block;
	clear: left;
	margin-right: 150px;
}

#rc .listing .item img {
	float: right;
}

#rc .listing .sorter {
	float: left;
	margin-left: 20px;
	font-size: 11px;
}

* html .keyword-search .field {
	width: 795px;
}

/*******************************************************************************
* marketing library
*******************************************************************************/

#rc .keyword-search .search_section {
	margin-bottom: -5px;
	margin-left: 10px;
}

#rc .keyword-search .search_all {
	margin-bottom: -5px;
	margin-left: 10px;
}

#header .page-intro {
	padding: 0 10px 0 10px;
}

#header .page-intro p {
	font-size: 13px;
	color: #004c93;
	margin-bottom: 10px;
}

#header .page-intro p.small {
	font-size: 11px;
	color: #000;
}

#rc .items-listing,
#rc .top-area {
	margin: 0 15px 0 15px;
	padding: 10px 5px 10px 5px;
}

#rc .top-area h2 {
	color: #004c93;
	font-family: "Georgia","Verdana",sans-serif;
	font-size: 18px;
	margin-bottom: 15px;
	float: left;
}

#rc .items-listing p.intro,
#rc .top-area p.intro {
	clear: left;
	font-size: 13px;
	color: #004c93;
	margin-bottom: 10px;
}

#rc .items-listing p.sub-intro,
#rc .top-area p.sub-intro {
	font-size: 11px;
	margin-bottom: 20px;
}

#rc .items-listing h3 {
	font-weight: bold;
	margin-bottom: 15px;
	border-top: 1px dashed #CDEAF1;
	padding-top: 15px;
	clear: both;
}

#rc .items-listing .item {
	font-size: 11px;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	vertical-align: bottom;
}

#rc .items-listing .item .title {
	margin-top: 5px;
}

/*******************************************************************************
* marketing materials request form
*******************************************************************************/

#rc .thanks {
	margin: 0 15px 0 15px;
}

#rc .thanks h1 {
	margin: 10px 0 10px 0;
}

#rc .thanks p {
	clear: both;
	margin-bottom: 10px;
}

#rc .your-details {
	margin: 0 15px 0 15px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dashed #CDEAF1;
}

#rc .your-details .error {
	background: #f6b2b2;
	border: 1px solid #ff0000;
	margin: 0 0 10px 0;
	padding: 5px;
}

#rc .your-details .error li {
	padding-left: 12px;
	background: transparent url("../images/bullet-error.gif") no-repeat 0 50%;
}

#rc h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

#rc .your-details .field {
	margin: 5px 0 5px 0;
}

#rc .your-details .textField,
#rc .request-list .textField {
	border: 1px solid #004c93;
	padding: 2px;
	width: 680px;
}

#rc .request-list .request-items {
	float: right;
	width: 75px;
	margin-right: 8px;
}

#rc .your-details label,
#rc .request-list label {
	display: block;
	float: left;
	width: 115px;
	font-size: 11px;
}

#rc .request-list label.request-qty {
	width: 15px;
	margin-left: 10px;
}

#rc .request-list select {
	width: 150px;
	margin-right: 10px;
	float: left;
}

#rc .request-list select.m-items {
	width: 390px;
}

#rc .items {
	margin: 0 15px 0 15px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px dashed #CDEAF1;
}

#rc .items .add-new {
	margin-top: 15px;
}

#rc .items .add-new .addanotherbutton {
	border: none;
	cursor: pointer;
	color: #0b5498;
	background: none;
}

#rc .items .field {
	margin-bottom: 5px;
}

#rc .items .left {
	float: left;
	width: 50%;
}

#rc .items .right {
	float: right;
	width: 50%;
}

#rc .items .right .item {
	float: right;
	padding-right: 5px;
}

#rc .items .item input.textQuan {
	border: 1px solid #004c93;
	padding: 2px;
}

#rc .items .item input.textPrice {
	width: 20px;
	margin-right: 10px;
}

#rc .items .item .checkItem {
	width: 20px;
	margin-right: 10px;
}

#rc .items .item input.textQuan {
	width: 40px;
	margin-left: 10px;
}

#rc .items .item {
	margin: 0 0 5px 0;
}

#rc .items .item label {
	margin-top: 3px;
	display: block;
	float: left;
	font-size: 11px;
}

#rc .items .item label.prod {
	width: 240px;
}

#rc .items .item input {
	float: left;
}

#rc .purpose {
	margin: 0 15px 0 15px;
	padding: 10px 5px 15px 5px;
	border-bottom: 1px dashed #CDEAF1;
}

#rc .purpose label {
	display: block;
	float: left;
	width: 240px;
	font-size: 11px;
	margin-top: 3px;
}

#rc .purpose .textField {
	border: 1px solid #004c93;
	padding: 2px;
	width: 560px;
}

#rc .date {
	margin: 0 15px 25px 15px;
	padding: 10px 5px 15px 5px;
	border-bottom: 1px dashed #CDEAF1;
}

#rc .date label {
	font-size: 11px;
	float: left;
	display: block;
}

#rc .date .textField {
	width: 150px;
	border: 1px solid #004c93;
	margin-left: 10px;
}
*+html #rc .date .textField {
	width: 185px;
}

#rc .electronic {
	margin: 0 15px 25px 15px;
}

#rc .submit {
	margin: 0 0 15px 20px;
}

#sitemap h2 {
	margin:1em 0;
}

#sitemap li {
	list-style:circle;
	margin:0 0 0.25em 2em;
}

/* STUFF FROM FCK CUSTOM CSS */
em.blue-italic {
	color: #004c93;
	font-style:italic;
}

img.image-left-caption,
div.image-left-caption {
	float:left;
	text-align:left;
	margin:0 2em 0.25em 0;
}

p.blue-large,
#page .text p.blue-large {
	font-size:13px;
	color: #004c93;
}

#region_pod {
	font-size:10px;
}

#region_pod ul {
	margin-left:10px;
}

/*******************************************************************************
* Events - regions
*******************************************************************************/

#page h2.regions {
	margin: 15px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #323232;
}

#page .regions {
	margin: 10px 0 60px 0;
}

#page .region h3 {
	float: left;
	width: 350px;
	font-size: 11px;
	color: #004C93;
}

#page .region a {
	float: left;
	font-size: 11px;
	color: #004C93;
	text-decoration: none;
}

#page .region p {
	clear: both;
	font-size: 10px;
	color: #004C93;
	margin: 0 0 5px 0;
	padding: 0;
}

*+html #page .region p {
	margin: -10px 0 5px 0;
}

* html #page .region p {
	margin: -10px 0 5px 0;
}

#region_pod {
	padding-top: 10px;
	font-size: 11px;
	border-bottom: 1px dashed #b2cce0;
	padding-bottom: 10px;
}

#region_pod p {
	font-size: 11px;
	padding-bottom: 0;
}

#region_pod a {
	font-weight: bold;
}