/*-----------------------------------------------------------------------------
[UPS Systems] Master Screen Stylesheet

date:      01/03/07
author:    []
email:     [info AT c9dd DOT com]
website:   [http://www.c9dd.com/]


Colours used:	#DFE6E7  -  Blue	 	- Background 
				#333333  -  Dark Grey	- Body Copy
				#9FB4BA  -  Light Blue	- Borders
				#134B60  -  Dark Blue	- Telopone numbers
				#FFFFFF  -  White
				#4FA500  -  Green

-----------------------------------------------------------------------------*/

/* import 2009 updated styles */
/*@import url("2009-update.css");*/


/* --------------------------------------------------------------------------------------------------------- Import other stylesheets */

/* @import url("typography.css"); */

/* ----------------------------------------------------------------------------- Import other stylesheets Ends*/


/* --------------------------------------------------------------------------------------------------------- Main Default Styles */


* { /* Removes default padding and margin on all elements */
    margin: 0;
    padding: 0;
    border: 0;
}

.devBorder { /* Development Border so I can see what the elements are playing at when I need to */
	border: 1px solid #FF0000;
}

.border {
	border: 1px solid #91A9B0;
} 

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
    clear: both;
}

.floatRight {
    float: right;
	display: inline; /* IE fix */
}

.floatLeft {
    float: left;
	display: inline; /* IE fix */
}

.hidden {
	visibility: hidden;
}

.displayNone {
	display: none;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.blue {
	color: #235462!important;
}

.red {
	color: #CC0000;
}

.green {
	color: #4FA500;
}

.black {
	colour: #000;
}

.darkGrey {
	color: #999;
}

.quote {
	font-size:2em; 
	color: #666; 
	vertical-align: middle;
}

.margin1 {
	margin: 1em;
}

.marginTop1{
	margin-top: 1em;
}

.marginRight1 {
	margin-right: 1em;
}

.marginBottom1 {
	margin-bottom: 1em;
}

.marginLeft1 {
	margin-left: 1em;
}

.marginTopBottom2 {
	margin: 2em 1em;
}

.margin2 {
	margin: 2em;
}

.marginTop2{
	margin-top: 2em;
}

.marginRight2 {
	margin-right: 2em;
}

.marginBottom2 {
	margin-bottom: 2em;
}

.marginLeft2 {
	margin-left: 2em;
}

.margin0 {
	margin: 0;
}

.marginTop0{
	margin-top: 0em;
}

.marginRight0 {
	margin-right: 0em;
}

.marginBottom0 {
	margin-bottom: 0em;
}

.marginLeft0 {
	margin-left: 0em;
}

.textAlignCenter {
	text-align: center;
}

body {
    font: 62.5%/1.5em Verdana, Arial, Helvetica;
	/*background-color: #DFE6E7;*/
	background: #DFE6E7 url(../images/main_bg.jpg) repeat-y top center;
    color: #333333;
    /* text-align:center; */
}

#wrapper {
    width: 73em;
	background: #FFF url(../images/ups_logo.jpg) no-repeat top left;
	margin: 0 auto;
	height: 70em;
}


h1 {
    font-size: 2.2em;
}
    
h2 {
   	font-size: 2.0em;    
}
    
h3 {
    font-size: 1.8em;
}
    
h4 {
    font-size: 1.6em;    
}
    
h5 {
    font-size: 1.4em;    
}
/* Because Firefox does not like fonts that are less than 11px */
#container p,
#container ul li {
	font-size: 1.1em;
}
    
p {
    font-size: 1em;    
} 

a {	
	color: #4FA500;/*#134B5F;*/	
	text-decoration: none;
	outline: none;
}

a:visited {
  color: #3366FF;
  outline: none;
}

a:hover {
	text-decoration: underline;
	outline: none;
}

a:active {
	color: #FF0000;
	outline: none;
}

body div#wrapper div#contentarea div#pageContent p a,
body div#wrapper div#contentarea div#pageContent ul.list li a,
body div#wrapper div#contentarea div#pageContent div#breadcrumb ul li a,
body div#wrapper div#contentarea div#pageContent #downloads ul li a,
body div#wrapper div#contentarea div#pageContent div.newsStory a,
body div#wrapper div#subFooter ul li a {	
	color: #4FA500;	
	text-decoration: underline;
	outline: none;
}

body div#wrapper div#contentarea div#pageContent p a:visited,
body div#wrapper div#contentarea div#pageContent ul.list li a,
body div#wrapper div#contentarea div#pageContent div#breadcrumb ul li a:visited,
body div#wrapper div#contentarea div#pageContent div.newsStory a:visited,
body div#wrapper div#subFooter ul li a:visited {	
	color: #4FA500; /* 3366FF */
	outline: none;
}

body div#wrapper div#contentarea div#pageContent h2 a {
	color: #184C59;
}

/* ----------------------------------------------------------------------------- Main Default Styles Ends */

/* --------------------------------------------------------------------------------------------------------- Site Form Styles */
form.contact_us {
	width: 42em;
	margin: 2em;
}
form.contact_us input,
form.contact_us textarea,
form.contact_us select {
	margin: 0 0.5em 0.5em 0.5em;
	border-bottom: 1px dashed #999;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #003366;
}

form.contact_us input {
	padding: 0 0 0.2em 0;
}

form.contact_us textarea,
form.contact_us select {
	border: 1px solid #999;
	padding: 0.2em;
}

form.contact_us select {
	margin-right: 9.5em;
	width: 6em;
}

form.contact_us input.textField {
	width: 22em;
}

form.contact_us textarea {
	width: 14.4em;
}


form div.multipleRight {
	margin: 1.5em 0 0 1em;
}

p.contactTel,
p.contactFax,
p.contactEmail {
	width: 8.5em;
	.width: 9em;
	text-align: right;
}

p.contactEmail {
	padding-right: 2em;
	.padding-right: 3.3em;
}

#enquiry {
	height: 8em;
	width: 30em;
}

/*	
.multiselectArea input,
.multiselectArea p {
	float: left;
	display: inline;
}

.multiselectArea input {
	clear: left;
}
*/

input#submitButton {
	width: 8em;
	margin: 0 0.4em 0 0;
	border: none;
	background-image: url(../images/nav_selected_bg.jpg) repeat-x;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------------------------------- Site Form Styles Ends */




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- Header */

#header {
	text-align: right;
	margin: 4.5em 2em 0 2em ;
	width: 47em;
}

#homeLink {
	margin: 2em 0 0em 2em;
}

#homeLink a {
	text-decoration: none;
}

.homeLink {
	width: 16.5em; 
	height: 6em; 
	display: block;
}

.logoNav {
	/*width: 19.5em;*/
	display: none;
}

.logoNav ul {
	list-style-type: none;
	padding: 0;
	/*.padding-left: 1em;*/
	margin: 0;
	/*.width: 19em;*/
}

.logoNav li{
	float: left;
	position: relative;
	z-index: 100;
}

.logoNav a, 
.logoNav :visited {
	display: block;
	font-size: 8px;
	/*.font-size: 0.8em;*/
	padding: 0.2em 0.45em;
	/*.padding: 0.2em 0.45em;*/
	color: #134B60;
	/*background: #FFF;*/
	text-decoration: none;
	text-align: center;
}
/*
.logoNav :hover{
	color: #4DA500;
	background: #134B60; 
}*/
.logoNav ul li:hover a {
	background-color: #134B5F;
	color: #4DA500;
}

.logoNav ul li a.navBorder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #134B5F;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #134B5F;
}



#hedaer img.strapline {
	margin: 0;
}

.contactNav_area {
	width: 69.3em;
}

#contactNav {
    width: 28.5em;
	height: 2.1em;
	padding: 0 ;
	background: #F5F6F8 url(../images/contactNav_bg.jpg) repeat-x;
	color: #235462;
	text-align: center;
}

#contactNav ul {
	list-style: none;
	margin: 0 0.4em 0 1em;	
}

#contactNav ul li {
	float: left;
	list-style-type: none;
	margin-top: 0.3em;
}

#contactNav ul li.contact {
	margin: 0.3em 1em 0 1em;
	padding: 0 1em;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: 235462;
	border-left-color: 235462;
	
}

#contactNav a {
	color: #235462;
	font-size: 1em;
	vertical-align: top;
}

/* ----------------------------------------------------------------------------- Header Ends*/



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- Contantarea */

#contentarea {
	margin-top: 1.5em;
	width: 73em;

}

div#container h1.sorry {
	font-size: 3em;
}


/* ------------------------------------------------------------------------------------------------------------------- Left Column */

#leftColumn {
	width: 17em;
	margin: 0 1em 0 2em;
}

#leftColumn h1 {
	font-size: 1.2em;
	color: #134B60;
	text-align: center;
}

#banner1,
#banner2,
#banner3,
#banner4 {
	height: 7em;
	margin-top: 2em;
}

#banner1 {
	background: #94ABB0 url(../images/banner_1.jpg) no-repeat;
}
	
#banner2 {
	background: #94ABB0 url(../images/banner_2.jpg) no-repeat;
}

#banner3 {
	background: #94ABB0 url(../images/banner_3.jpg) no-repeat;
}

#banner4 {
	background: #94ABB0 url(../images/banner_4.jpg) no-repeat;
}

#banner5 {
	/*background: #FFF url(../images/store_banner.png) no-repeat;
	background-position: 0 0;*/
	margin: 2em 0 0 0;
	display: none;
}
/*
#banner5:hover {
	background: #FFF url(../images/store_banner.png) no-repeat;
	background-position: -17.1em 0;
}
*/
#banner1 h2,
#banner2 h2,
#banner3 h2,
#banner4 h2 {
	color: #000;
	font-size: 1.25em;
	font-weight: normal;
	/*margin: 0.8em;*/
}
/*
#banner5 h2 {
	display: none;
}

#banner5 a {
	width: 16em;
	height: 14.5em;
	display: block;
}
*/
#banner5 {
	width: 16em;
	display: block;
	color: #134B5F;
	padding: 0;
}
/*
#banner5 a span {
	display: none;
}
*/
#banner1 h2 a,
#banner2 h2 a,
#banner3 h2 a,
#banner4 h2 a {
	width: 12em;
	height: 2em;
	display: block;
	color: #134B5F;
	font-weight: normal;
	text-align: left;
	padding: 0.8em 0 0 0.8em;
}

#banner1 h2 a:hover,
#banner2 h2 a:hover,
#banner3 h2 a:hover,
#banner4 h2 a:hover/*,
#banner5 a:hover*/ {
	text-decoration: none;
}

#banner1 a,
#banner2 a,
#banner3 a,
#banner4 a {
	width: 15em;
	height: 1.5em;
	display: block;
	margin: 1em 0.8em 0 0;
	color: #FFF;
	font-weight: bold;
	text-align: right;
}

#to_do_postit {
	margin: 2em 0 0 0;
	width: 16em;
}

.to_do_postitMiddle {
	background: #FFF url(../images/to_do_middle.png) repeat-y;
}
.to_do_postitMiddle p {
	padding: 1em 1.2em;
	font-family: "Trebuchet", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 10em;
	display: block;
	color: #4FA500;
}

/* ---------------------------------------------------------------------------------------------- Left Column Ends */



/* ------------------------------------------------------------------------------------------------------------------- Page Content */


#pageContent {
	width: 50em;
	margin: 0 2em 0 1em;
}

#nav {
	text-align: right;
	width: 50em;
}
/*
#nav ul li{
	list-style-type: none;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #134B5F;
	margin-right: 1em;
	padding-right: 1em;
	display: block;
}

#nav ul li.navContact {
	border: none;
	margin-right: 0em;
	padding-right: 0em;
}

#nav ul li a {
	font-size: 1.2em;
	color: #235462;
	display: block;
}
*/
#pageContentHeader {
	width: 50em;
	margin: 1em 0 2em 0;/**/
}
#pageContentHeader.random {
	height: 16em;
}

#pageContentHeader img {
	/*width: 48em;
	height: 15.5em;*/
}
/* header images dependent on browser */
#pageContentHeader img#header_img_ie6 {
	visibility: hidden;
}

#homePageNewsColumn {
	width:15em;
}

div#homePageNewsColumn img {
	margin: 0 0.8em 0 0;
	padding: 0em;
	background: none;
}

#pageContentCopy {
	width: 33.8em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFE6E7;
	padding-right: 1em;
	margin-bottom: 2em;
}

#pageContentCopy h1,
#pageContentCopy p {
	margin-right: 1em;
}

#pageContentCopy p {
	margin-bottom: 1em;
}

#pageContentCopy h1{
	font-size: 1.8em;
	font-weight: normal;
	color: #84DF2A;
	margin-bottom: 1em;
}

#pageContentCopy img {
	margin: 0.4em 1.5em;
	padding: 0.5em;
	display: block;
	background: #FFF url(../images/img_bg.jpg) repeat-x;
}
/* ------------------------------------------------------------------------------------------- SUB CONTENT COPY STYLES */
#breadcrumb {
	width: 50em;
	height: 3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFE6E7;
	margin-bottom: 2em;
	
}
#breadcrumb ul li {
	list-style: none;
	float: left;
	display: inline;
	margin-right: 0.5em;
}

.breadcrumbPageselect {
	font-weight: bold;
}

#breadcrumb img.borderNone {
	margin: -0.5em 0 0 0;
	padding: 0;
	display: block;
	background: none;
}

#breadcrumb ul li.buy {
	width: 12em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
}

#container p {
	margin: 0.5em 0;
	padding: 0.5em 0;
}

#container ul {
	margin: 0 0 0 2em;
}

#container h1 {
	font-size: 1.8em;
	font-weight: normal;
}

#container h2 {
	font-size: 1.2em;
}

#container h3 {
	font-size: 1.2em;
	font-weight: normal;
}

#container h1,
#container h2,
#container h3 {
	margin: 1em 0;
}

#container h1 {
	color: #4FA500;
}

#container h2,
#container h3 {
	color: #134B60;
}

#container h2 em {
	font-weight: normal;
}

#container img,
img.border {
	margin: 0.4em 1.5em;
	padding: 0.5em;
	display: block;
	background: #FFF url(../images/img_bg.jpg) repeat-x;
	background-position: bottom left;
}

img.ups_building {
	float: left;
	margin: -17.5em 0 0 26.5em;
	_margin: -18.5em 0 0 13em;
	}

#container table td {
	border-bottom: 1px solid #CCCCCC;
}

#container table.noTableBoarder td {
	border: none;
}

	#container table.noTableBoarder img {
		margin: 0 auto;
	}

div#container div#newsPage em {
	padding-bottom: 0;
	margin-bottom: 0;
}

div#container div#newsPage h2 {
	padding-top: 0;
	margin-top: 0;
}

/* ---------------------------------------------------------------------- SUB CONTENT COPY STYLES ENDS */
	
#independentAdvice {
	width: 13em;
	height:18em;
	background: #97ACB1 url(../images/independentAdvice_bg.jpg) no-repeat;
	/*border: 1px solid #91A9B0;*/
	margin-left: 2em;
}

#independentAdvice h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0.8em;
	padding-top:0.8em;
}

#independentAdvice p {
	margin:0 0.8em;
	font-size: 1em;
	line-height: 1.1em;
}

#independentAdvice a {
	color: #FFF;
	margin: 0.2em 0.8em 0.8em 0.8em;
}

#homePageNewsColumn h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #134B60;
	margin: 0.8em 0 0 1.5em;
}

.newsStory {
	margin: 1.5em 0 0 1.6em;
}

.newsStory img {
	margin-right: 0.8em;
}

div.newsStory p {
	font-size: 1em;
	padding-top: 0;
	margin-top: 0;
	font-style: italic;
}

.newsStory a {
	margin-top: -1em;
	font-size: 1em;
	color: #235462;
}

	


/* ------------------------------------------------------------------------------------------ Page Content Ends */

/* ----------------------------------------------------------------------------- Contentarea Ends*/
 
 
 
 
 
 
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- Navigation */





/* ----------------------------------------------------------------------------- Navigation Ends*/



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- Footer */

#subFooter{
	width: 64em;
	height: 14em;
	background: #FFF url(../images/subFooter_bg.jpg) repeat-x;
	/*background-position: bottom left;*/
	margin: 1em 4em;
}
#subFooter p {
	padding: 2em 2em 0 1.8em;
	font-size: 1.2em;
	font-weight: bold;
	color: #134B60;
}
#subFooter ul {
	padding: 1em 2em 2em 2em;
	float: left;
	width:;
}

#subFooter ul li {
	list-style-type: none;
	margin-bottom: 0.3em;
}
	


#footerArea {
	margin: 0 2em 2em 2em;
}

#investing {
	width: 6.5em;
	height: 4em;
	background: #F1F4F5 url(../images/investing_bg.jpg) repeat-x;
	text-align: center;
}

#investing img {
}

#footer {
	margin-left: 1em;
	width: 60.8em;
	height: 4em;
	background: #BFCDD0 url(../images/footer_bg.jpg) repeat-x;
}

#footer p {
	margin: 1.4em 1em;
}

/* ----------------------------------------------------------------------------- Footer Ends*/



/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- Homepage */

/* ----------------------------------------------------------------------------- Homepage Ends*/






/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- Your template */

/* ----------------------------------------------------------------------------- Your template Ends*/

.tr {
	background-color:transparent;
	background-image: url(../images/tr.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:100%;
}

.bl {
	background-color:transparent;
	background-image: url(../images/bl.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:100%;
}
/*
.tl {
	background-color:transparent;
	background-image: url(../images/tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:100%;
}

.br {
	background-color:transparent;
	background-image: url(../images/br.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:100%;
}*/

/* PNG Over Ride For Better Browsers */

html>body #wrapper .tr {
	background-image:  url(../images/tr.png);
}

html>body #wrapper .bl {
	background-image:  url(../images/bl.png);
}
/*
html>body #wrapper .tl {
	background-image:  url(../images/tl.png);
}

html>body #wrapper .br {
	background-image:  url(../images/br.png);
}
*/





/* MAIN NAV START */

.menu {
	width: 44.5em;
	float: right;
	/*border: 1px solid #FF0000;*/
}
.menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float: left;
	position: relative;
	z-index: 100;
}

/* use the table to position the dropdown list */
.menu table{
	position: absolute;
	border-collapse: collapse;
	z-index: 80;
	left: -0.1em;
	top: 2.5em;
}

/* style all the links */
.menu a, 
.menu :visited,
actinic {
	display: block;
	font-size: 1.2em;
	padding: 0.5em 0.5em;
	color: #134B60;
	/*background: #FFF;*/
	text-decoration: none;
	text-align: left;
}
/* style the links hover */
.menu :hover{
	color: #FFF;
	background: #134B60; 
}


/*
.menu ul li a:hover {
	border: 1ps solid #134B5F;
}*/
.menu ul li ul li a {
	width: 14em;
	background-color: #FFFFFF;
}

/* hide the sub level links */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 2.7em; /* position sub menu from the top */
	_top: -0.2em; /* IE 6 ONLY */
	left: -0.1em;
	width: 14.9em;
	height : 0;
}

.shopLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
}


/* Sub Menu width */
.menu ul li {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #134B5F;
}

.menu ul li ul li{ /* removes the doubling of the sub menu border */
	border: none;
}

.menu ul li:hover a {
	background-color: #134B5F;
	color: #FFFFFF;
}
.menu ul li:hover a:hover {
	color:#4FA500;
}
.menu ul ul a {
	width: 16em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #134B5F;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #134B5F;
	text-align: left;
}

.top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #134B5F;
}
.bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #134B5F;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility: visible;
}

/* DROP DOWN FOR MAIN NAV FINISH */

/* Hidden from ie 6 */

html>body#services .nav_services,
html>body#products .nav_products,
html>body#standby .nav_standbyPower,
html>body#about_us .nav_aboutUs {
	background: #FFF url(../images/nav_selected_bg.jpg) repeat-x;
	background-position: bottom left;
}


#cloud9 {
	text-indent:-200em;
	z-index:-1;
}
/*------------------------------------------------------------------------------------------------- Store Popup Styles */
body#store_popup {
    font: 62.5%/1.5em Verdana, Arial, Helvetica;
	/*background-color: #DFE6E7;*/
	background: #DFE6E7 url(../images/popup_bg.jpg) no-repeat top center;
    color: #333333;
    /* text-align:center; */
}

body#store_popup div#wrapper {
    width: 40em;
	background: none;
	margin: 0 auto;
	height: 40em;
}

body#store_popup div#wrapper form#store_popup {
	margin: 6em 2em 0 2em;
}

div#message {
	margin: 6em 2em 0 2em;
	float: left;
	clear: left;
}

body#store_popup ul {
	list-style: none;
}

body#store_popup form {
	width: 36em;
}

body#store_popup form input,
body#store_popup form textarea,
body#store_popup form select {
	border-bottom: 1px dashed #999;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #003366;
	background-color: transparent;
}



body#store_popup form input.details,
body#store_popup form textarea.details,
body#store_popup form select.details {
	margin: 0 1em 0 1em;
	float: left;
	width: 18em;
}

body#store_popup form input#submitButton {
	margin: 1em 0 0 0;
	border: none;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}


body#store_popup form input.productName {
	float: left;
	clear: left;
	width: 29em;
	margin: 0 0 2em 0;
}

body#store_popup form label {
	float: left;
}

body#store_popup legend{
	font-size: 1.2em;
	font-weight: bold;
	color: #4FA500;
}


body#store_popup p.popupTel {
	margin: -1.5em 2em 0 0;
}



/*------------------------------------------------------------------------------------------------- Actinic Styles */

form input#simplesearch {
	border:1px solid #134B60;
}