*
{
	padding: 0;
	margin: 0;	
}

html
{	height: 100%; }

body 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	background-image: url(../images/newimages/main-bg.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	color: #333;
	height: 100%;
	text-align: center;
}

a
{
	color: #333;
}

a:hover
{
	color: #091a42;
}

h1
{
	font-family: Garamond, Serif;
	font-size: 30px;	
	font-weight: normal;
	margin-bottom: 15px;	
}

h2
{
	font-family: Garamond, Serif;
	font-size: 20px;	
	font-weight: normal;
	margin-bottom: 15px;
}

h3
{
	font-family: Garamond, Serif;
	font-size: 14px;	
	font-weight: normal;
	margin-bottom: 15px;
}

h4
{
	font-size: 12px;	
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 15px;
}

p
{
	line-height: 25px;
	margin-bottom: 15px;	
}

img
{
	border: 0;	
}

.clear
{
	clear: both;	
}

#main-container
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

#top-header
{
	position: relative;
	background-image: url(../images/newimages/top-header-bg-sliver.png);
	background-repeat: repeat-x;
	height: 107px;
	width: 100%;
	z-index:100;
}

#logo
{
	background-image: url(../images/newimages/pottinger-logo.png);
	position: absolute;
	width: 214px;
	height: 109px;
	left: 13px;
	cursor: pointer;
}

ul.navbar-container
{
	position:absolute;
	left: 245px;
	top: 35px;
	width: 700px;
	height: 30px;
	background-color: #fff;
	border: solid 7px #4d608a;	
	background-image: url(../images/newimages/navbar-bg.jpg);
	background-repeat: repeat-x;
	list-style-type: none;
	padding-left: 10px;
	padding-top: 2px;
	margin-left: 0;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
ul.navbar-container table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

ul.navbar-container li
{
	float: left;
	position:relative;
}

ul.navbar-container li a
{
	height: 20px;
	display: block;
	padding: 0 15px 0 15px;
	padding-top: 5px;
	color: #333;
	text-decoration: none;
}

ul.navbar-container li.active a, ul.navbar-container li a:hover
{
	position: relative;
	background-color: #e4e4e4;
	border-top: solid 1px #b1b1bd;
	border-left: solid 1px #b1b1bd;
	border-right: solid 1px #b1b1bd;
	border-bottom: none;
	z-index: 100;
}

ul.navbar-container li ul
{
	position: absolute;
	list-style-type: none;
	text-align: left;
	background-image: url(../images/newimages/secondary-nav-bg.jpg);
	background-repeat: repeat-x;
	border: solid 1px #b1b1bd;
	margin-top: -1px;
	padding-top: 10px;
	#width: 230px;
	min-width: 230px;
	visibility: hidden;
	background-color: #f8f8fa;
	left: 0;
	padding-bottom: 10px;
}


ul.navbar-container li ul li
{
	float: none;
	width: inherit;
	border-bottom: none;
	height: 30px;
}

ul.navbar-container li ul li a
{
	background-color: Transparent !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	z-index: 40;
	height: 15px;
	padding: 5px 15px 5px 15px;
	/*margin-top: 2px;
	margin-bottom: 2px;*/
	width: inherit;
}

ul.navbar-container li ul li a:hover
{
	background-color: #d9d9d9 !important;	
}

ul.navbar-container li:hover ul, ul.navbar-container a:hover ul
{
	visibility:visible; 
}

#stock-image
{
	background-image: url(../images/newimages/home-montage.jpg);
	width: 981px;
	height: 387px;
	margin-top: -12px;
}

#home-content-container
{
	position: relative;
	background-image: url(../images/newimages/home-content-bg-sliver.jpg);
	background-repeat: repeat-x;
	min-height: 150px;
	width: 941px;
	text-align: left;
	padding: 40px 20px 20px 20px;
}

#homepage-content
{
	width: 550px;
	margin-left: 30px;
	
}

#content-container
{
	position: relative;
	background-image: url(../images/newimages/main-content-bg.png);
	background-repeat: no-repeat;
	background-position: 229px 185px;
	min-height: 460px;
	background-color: Transparent;
}

#content-container p
{
	line-height: 18px;	
}

#footer
{
	font-family: Garamond, Serif;
	font-size: 11px;
	background-image: url(../images/newimages/footer-divider.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 30px;
	color: #666;
}

#footer a
{
	text-decoration: none;
	color: #666;
}

#footer a:hover
{
	text-decoration: underline;
}

.float-right
{
	float: right;	
}

.float-left
{
	float: left;	
}

#home-side-bar
{
	position: absolute;
	top: 41px;
	right: 10px;
	background-image: url(../images/newimages/home-sidebar-bg.png);
	background-repeat: repeat-y;
	width: 291px;
	min-height: 208px;
	margin-top: 3px;
	margin-left: 30px;
	/*border: solid 1px red;*/
	padding: 0 30px 0 30px;
}

.news-story
{
	width: auto;	
	height: 65px;
	background-image: url(../images/newimages/news-item-bg.jpg);
	margin-top: 5px;
	margin-right: 10px;
	padding: 5px;
}

#home-side-bar .alt
{
	background-position: bottom !important;	
}

.news-story .image
{
	float: left;
	width: 61px;	
	height: 62px;
}

.news-story .content
{
	margin-left: 70px;	
}

.news-story .content .news-title
{
	font-weight: bold;	
}

.news-story .content p
{
	line-height: 15px;	
	padding: 0;
	margin: 0;	
}

.news-story .content a
{
}

div.searchBox
{
	position: absolute;
	right: 2px;	
	#right: -38px;
	top: 7px;
	margin-right: 40px;
}

div.searchBox input
{
	margin-right: 5px;
}

.search-btn
{
	position: absolute;
	width: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	height: 20px;
	padding-bottom: 10px;
	background-color: white;
	border: solid 1px #b1b1bd;
	color: #666;
}

.search-btn:hover
{
	background-color: #e4e4e4;
}

#side-nav-container
{
	width: 221px;
	background-color: #f0f1f1;
	margin: -12px 0 0 8px;
	padding-bottom: 6px;
	float: left;
	text-align: center;
}

.side-nav
{
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 209px;
	text-align: left;	
	list-style-type: none;
	background-color: #e8e8e8;
}

.side-nav li
{
}

.side-nav li a
{
	display: block;
	padding: 8px;
	text-decoration: none;
}

.side-nav li.active a, .side-nav li a:hover
{
	background-image: url(../images/newimages/side-nav-active.jpg);
	background-repeat: repeat-x;
	background-color: #cdcdcd;
}

#main-content
{
	position: relative;
	float: right;	
	margin-top: -12px;
	width: 725px;
	text-align: left;
	padding-right: 10px;
	background-color: Transparent;
}

#main-content #image
{
	/*height: 190px;*/
}

#main-content #breadcrumb
{
	background-image: url(../images/newimages/breadcrumb-bg.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	padding: 10px 10px 10px 40px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#main-content #breadcrumb a
{
	text-decoration: none;	
}

#main-content #body-content
{
	padding: 20px 20px 20px 40px;	
}

.primary-nav-border-bottom
{
	border-bottom: solid 1px #b1b1bd;
}

#main-content #body-content ul
{
	line-height: 25px;
	margin-bottom: 15px;
	margin-left: 35px;	
}

div.employeecontainer
{
	margin: 11px 10px 11px 10px;
	text-align: left;
	float: left;
	width: 180px;
	height: 175px;
	background-image: url(../images/newimages/img-gradient.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	position: relative;
}

div.employeecontainer div.image
{
	position: absolute;
	bottom: 0;
	left: 35px;
	text-align: center;
	width: 104px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

div.employeecontainer div.image-saturated
{
	/*text-align: center;*/
	display: none;
	position: absolute;
	top: 42px;
	left: 15px;
}

* html div.employeecontainer
{
	margin: 11px 12px 11px 12px;
	text-align: center;
	float: left;
	width: 160px;
}

div.RightColumn 
{
	width: 160px;
	float: right;
	margin: 0 35px 0 0;
	padding: 55px 0 100px 0;
	margin-left: 30px;
}

div.RightColumnImage
{
	margin-bottom: 20px;
	padding: 10px;
	background-image: url("../images/newimages/img-gradient.jpg");
	background-repeat: repeat-x;
	text-align: center;
	width: auto;
	width: 150px;
}

div.RightColumnImage div
{
	margin-left: auto;
	margin-right: auto;	
}

div.Quote
{
	color: #666;
	font-size: 11px;
}

.ResultCount
{
}

.SearchResult
{
	padding: 10px 0;	
}

.SearchHightlight
{
	background-color: #ccc;
	font-weight: bold;	
}

.employeename
{
	text-align: center;
	padding-top: 5px;
}

.role
{
	text-align: center;
}

.employeename a
{
	font-weight: bold;
	text-decoration: none;	
}



ul.navmenu-h 
{ 
	position:absolute;
	left: 245px;
	top: 35px;
	width: 700px;
	height: 30px;
	background-color: #fff;
	border: solid 7px #4d608a;	
	background-image: url(../images/newimages/navbar-bg.jpg);
	background-repeat: repeat-x;
	list-style-type: none;
	padding-left: 10px;
	padding-top: 3px;
	margin-left: 0;
}

ul.navmenu-h ul {
 width: 160px; /* Sub Menu Width */
 margin: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul.navmenu-h ul ul,ul.navmenu-h ul ul ul 
{ top: 0; left: 100%; }

ul.navmenu-h li 
{ float: left; display: inline; position: relative; }

ul.navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul.navmenu-h a {
	height: 20px;
	display: block;
	padding: 0 15px 0 15px;
	padding-top: 5px;
	color: #333;
	text-decoration: none;
}

* html ul.navmenu-h a {
	display: inline-block;
}

/* Root Menu Hover Persistence */
ul.navmenu-h a:hover,
ul.navmenu-h li:hover a,
ul.navmenu-h li.iehover a,
ul.navmenu-h li.active a
{
	position: relative;
	background-color: #e4e4e4;
	border-top: solid 1px #b1b1bd;
	border-left: solid 1px #b1b1bd;
	border-right: solid 1px #b1b1bd;
	border-bottom: solid 1px #b1b1bd;
	z-index: 300;
}

ul.navmenu-h li ul
{
	position: absolute;
	list-style-type: none;
	text-align: left;
	background-image: url(../images/newimages/secondary-nav-bg.jpg);
	background-repeat: repeat-x;
	border: solid 1px #b1b1bd;
	margin-top: -1px;
	padding-top: 10px;
	#width: 230px;
	min-width: 230px;
	background-color: #f8f8fa;
	left: 0;
	padding-bottom: 10px;
}

/* 2nd Menu */
ul.navmenu-h li:hover li a,
ul.navmenu-h li.iehover li a {
	border: 0;
	background-color: Transparent;	
}

/* 2nd Menu Hover Persistence */
ul.navmenu-h li:hover li a:hover,
ul.navmenu-h li:hover li:hover a,
ul.navmenu-h li.iehover li a:hover,
ul.navmenu-h li.iehover li.iehover a {
	background-color: #d9d9d9;	
}

/* Hover Function - Do Not Move */
ul.navmenu-h li:hover ul ul,
ul.navmenu-h li:hover ul ul ul,
ul.navmenu-h li.iehover ul ul,
ul.navmenu-h li.iehover ul ul ul 
{ display: none; }

ul.navmenu-h li:hover ul,
ul.navmenu-h ul li:hover ul,
ul.navmenu-h ul ul li:hover ul,
ul.navmenu-h li.iehover ul,
ul.navmenu-h ul li.iehover ul,
ul.navmenu-h ul ul li.iehover ul 
{ 
	display: block;
	z-index: 200;
}


.Gradient
{
	background-image: url(../images/newimages/gradient-sliver.jpg);
	background-repeat: repeat-x;
	height: 203px;
	position: absolute;
	top: -12px;
	left: 228px;
	width: 752px;
}

.resources
{
	margin-left: 40px;
}

.resources ul
{
	margin-left: 25px;
	list-style-type: none;
}

.resources ul li
{
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}

.resources ul li.PDF
{
	background-image: url(../images/newimages/pdf-icon.gif);
}

.resources ul li.Image
{
	background-image: url(../images/newimages/document-icon.gif);
}

.resources ul .filesize
{
	padding-left: 5px;
	color: #666;
	font-size: 11px;
}

.resources ul li .description
{
	padding-left: 5px;	
}

#body-content-form
{
	padding: 0 10px 0 10px;	
	height: 6000px;
}

#body-content-form h1
{
	padding: 20px 40px;	
}

.WooFooForm
{
	width: 700px;
	height: 98%;
}

table, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

table tr
{
	vertical-align: top;	
}

table tr > td:first-child
{
	/*background-color: #ccc;*/
}

table td
{
	padding: 10px;
	border: solid 1px #ccc;
}

#flag-container
{
    position: absolute;
    right: 205px;
    top: 7px;
    width: 68px;
    height: 20px;
}

.flag
{
    background-image: url(/images/flags.jpg);
    height: 20px;
    width: 29px;
    display: block;
    float: left;
    font-size: 0;
    margin-right: 5px;
}

.chinese
{
    background-position: 29px 0;
}

.japanese
{
    background-position: 0 0;    
}