/* headings */
h1
{
    padding: 20px 0px 0px 30px;
    margin: 0px;
    color: #000000;
    border: 0px;
    font-size: 22px;
}

span.homepagesubtitle 
{
    font:1.4em/1.6em Tahoma, Verdana, Arial, Helvetica, Serif;
    padding: 0px 0px 0px 30px;
    margin: 0px;
    color: #68962a;
    font-weight: bold;
}
/* end of headings */


/* overwrite main content */
.maincontent
{
    height:450px;
}
body .maincontent {background:none;}
/* overwrite main content */

/* menu styles */
.map
{
	/*background: url("/websitev2/both/subsites/websitev2/images/map.jpg") no-repeat;!important*/
	background-image: url("/websitev2/both/subsites/websitev2/images/map.jpg");
	background-repeat:no-repeat;
    min-height: 270px !important;
	height: 270px;
    width:870px;
    margin: 0 0px 0px 10px;

	position:relative;
	cursor:default;
	/*border:#CCCCCC dotted 1px;*/
}

#subnavigation1.nonav{height:10px;border:red dotted 0px;background-position: 0 -18px;}

/* JONS CSS */

#homeImage{background: url("/websitev2/both/subsites/websitev2/images/homeImages/bg.jpg");height:450px;width:240px;position:absolute;right:-24px;top:-98px;z-index:2;}


/* AD STUFF*/

/* HOME PAGE ADVERTS */

#homeAd_1 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 240px; /* important */
	height: 450px; /* important */
}

.homeAd_item{position:absolute;left:0px;top:0;}
#homeAd_1 .homeAd_item span{
	position:absolute;
	line-height:37px;
	padding-left:40px;
	padding-bottom:4px;
	z-index:100;
	font-size:0.8em;
	color:#CCC;
	cursor:default;
	background: url(/websitev2/both/subsites/websitev2/images/cthruBlack.png) !important;
	display:block;
	width:200px;
	bottom:0;
	text-align:left;
}

#homeAd_1 .homeAd_item span p{margin:0;padding:0;}

.floater{position:absolute;top:0;left:0;z-index:10000;}

.corporateInfo{
	background:#ececec;
	height:34px;
	border-top:#e5e5e5 solid 1px;
	position:absolute;
	bottom:-82px;
	left:-10px;
	width:804px;
	z-index:auto;
}




/**/

.topnav
{

    background-image: url("/websitev2/both/subsites/websitev2/images/smallmenubg.gif");
	background-position:right bottom;
	background-repeat:no-repeat;
    width: 615px;
    height: 36px;
/*    border-right:3px solid #e0e0e0;*/
    padding:8px 0px 0px 10px;
    display:block;
}


/*
.logo 
{
    width: 158px;
    height: 118px;
    background-image: url("/websitev2/both/subsites/websitev2/images/smalllogobg.gif");
    float: left;
    padding:12px 20px 0px 20px;
    text-align:center;
}


.topnavleftslide
{
    float: left;
    height: 130px;
	width:16px;
    vertical-align:bottom;
	background:url("/websitev2/both/subsites/websitev2/images/smalltopnav-leftslide.gif") bottom left no-repeat;
}



.topnavrightslide
{
    float: left;
    height: 130px;
	width:16px;
    vertical-align:bottom;
	background:url("/websitev2/both/subsites/websitev2/images/smalltopnav-rightslide.gif") bottom left no-repeat;
}

*/

.searchlinks{position:relative;height:16px;}
.searchlinks ul{position:absolute;top:80px;right:2px;padding-top:10px;}


.nsgButton{
	background:url("/websitev2/both/subsites/websitev2/images/nsgButton.gif");
	color:#666666;
	font-size:10px;
	padding-left:76px;
	position:absolute;
	width:65px;
	height:30px;
	line-height:10px;
	padding-top:8px;
	bottom:10px;
	left:20px;
}

.pilkingtonButton{
	background:url("/websitev2/both/subsites/websitev2/images/pilkButton.gif");
	color:#666666;
	font-size:10px;
	padding-left:56px;
	position:absolute;
	width:85px;
	height:30px;
	line-height:10px;
	padding-top:8px;
	bottom:10px;
	left:180px;
}

.nsgButton:hover,.pilkingtonButton:hover{text-decoration:none;color:#999999;}

/* ////////////////////////// */

.americas{position:absolute;top:75px;left:40px;z-index:90;}

.northamerica{position:absolute;top:80px;left:40px;z-index:99;}
.southamerica{position:absolute;top:190px;left:40px;z-index:90;}

.europe{position:absolute;top:62px;left:250px;z-index:90;}
.africa{position:absolute;top:135px;left:200px;z-index:80;}
.asia{position:absolute;top:135px;left:359px;z-index:50;}

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

/* Get rid of the margin, padding and bullets in the unordered lists */
.pmenu, .pmenu ul {padding:0; margin:0; list-style-type: none;}
.pmenu ul {margin-top:1px;}
.pmenu ul li ul{margin-top:0;}
.pmenu ul li{border:1px solid #cccccc;list-style:url(/);list-style:none;}


.pmenu .drop{border:0;}
.pmenu .drop ul{margin-left:154px;margin-top:-80px;background:#FFF url("/websitev2/both/subsites/websitev2/images/countryMenuBG.gif");border:#CCCCCC solid 1px;}
.pmenu .drop ul a{margin-left:0px;}
.pmenu li ul{border:0px solid #cccccc;}

.pmenu li ul li{border:0px #999999 solid;}
.pmenu li ul li a{border:0;}

/* Set up the link size, color and borders */
.pmenu a {display:block;width:auto; font-size:11px; min-height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #cccccc;}

/* Set up the sub level borders */
.pmenu li ul li a, .pmenu li ul li a:visited {border-width:0;display:block;color:#666666;}
.pmenu li a.enclose, .pmenu li a.enclose:visited {border-width:0;}


/* .pmenu li ul li ul li{background:#fff;} */

/* For Non-IE browsers and IE7 */
/*.pmenu li:hover {position:relative;}*/
/* Make the hovered list color persist */
.pmenu li ul li:hover > a {color:#fff;background:#cccccc;}

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.pmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:0; background:transparent url(transparent.gif); background:#FFFFFF;border:#CCCCCC solid 1px;height:325px;background:#FFF url("/websitev2/both/subsites/websitev2/images/countryMenuBG.gif") repeat-y;}

/* Position the first sub level beneath the top level links */
.pmenu > li:hover > ul {left:-30px; top:16px;}

/* Position the first sub level beneath the top level links */
.pmenu > li:hover > ul >li > ul{left:111px;}

/* get rid of the table */
.pmenu table {position:absolute; border-collapse:collapse; top:0; left:0px; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html .pmenu li a:hover {position:relative;background:#dfd7ca; color:#FFF;}

/* For accessibility of the top level menu when tabbing */
.pmenu li a:active, .pmenu li a:focus {background:#000; color:#FFF;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html .pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:10px; padding:0px; background:transparent url(transparent.gif);text-align:left;}


/* make the second level visible when hover on first level link and position it */
.pmenu li a:hover ul {
visibility:visible; left:-18px; top:14px; lef\t:0px; to\p:15px;
}



.pmenu li ul a{margin:0px;height:25px;}
.pmenu li ul{background:#FFFFFF;}


/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

.drop .col1 {margin-left: 0px; width:150px;border-left:#CCCCCC solid 0px;} /* where i=0 posX=i*(width+spacer) :: (110+10) */
.drop .col2 {margin-left: 150px; width:150px;border-left:#CCCCCC solid 0px;}
.drop .col3 {margin-left: 300px; width:150px;border-left:#CCCCCC solid 0px;}
.drop .coltopper {margin-top: -250px;} /* This value depends on how many items in a list - items/line-height */

.pmenu {border: 3px solid #e2e2e2;display:block;height:36px;}

.pmenu a{text-indent:0;height:30px;border:0;margin-left:0;}

.pmenu ul li a{text-indent:5px;}

.drop .maincontinentbox{
    cursor:pointer;
	color:#FFFFFF;
    border: none;
    width: auto;
	background: url("/websitev2/both/subsites/websitev2/images/countryButton.gif");
	text-align:center;
	width:134px !important;
	height:36px;
	float:left;
	/*opacity: 0.85;
	filter: alpha(opacity=85);*/
}


.drop .maincontinentbox strong{line-height:34px;height:34px;font-weight:bold;display:block;width:auto !important; border:#6e9937 solid 1px;padding:0 10px 0 10px;width:140px;}

.drop .maincontinentbox:hover{
	background: url("/websitev2/both/subsites/websitev2/images/countryButtonOver.gif");
}

#content .drop .maincontinentbox:hover strong {color:#000;}

#content .drop a.maincontinentbox strong {color:white;}

#jumpMenuamericas{visibility:hidden;}
#jumpMenunorthamerica{visibility:hidden;}
#jumpMenusouthamerica{visibility:hidden;}
#jumpMenueurope{visibility:hidden;}
#jumpMenuafrica{visibility:hidden;}
#jumpMenuasia{visibility:hidden;}



.pmenu.americas li:hover > ul {
	height:250px; /* Americas custom Height */
}

.pmenu.northamerica li:hover > ul {
	height:75px; /* northamerica custom Height */
}

.pmenu.southamerica li:hover > ul {
	height:100px; /* southamerica custom Height */
}

.pmenu.europe li:hover > ul {
	height:250px; /* europe custom Height */
}


.pmenu.northamerica .drop ul{margin-top: -25px;}
.pmenu.southamerica .drop ul{margin-top: -25px;}



.pmenu.africa .drop ul{margin-top: -25px;}

.pmenu.africa li:hover > ul {
	height:50px; /* Africa custom Height */
	top: 15px;
}


.pmenu.asia .drop ul{margin-top: -25px;}

.pmenu.asia li:hover > ul {
	height: 175px; /* asia custom Height */
	top: 15px;
}




/* New Larger Homepage Map */

div#content h1.homepagetitle{
	padding-top: 0px;
	margin-top: 0px;
}

div#content div.map{
	height: 310px;
	background-image: url("/websitev2/both/subsites/websitev2/images/new-map.gif");
	background-repeat:no-repeat;
}

div#content .corporateInfo{
	bottom:-63px;
}

div#content #homeImage{
	top:-78px;
}

.northamerica{
	top:65px;
	left:110px;
}

.southamerica{
	top:225px;
	left:110px;
}

.europe{
	top:65px;
	left:305px;
}

.africa{
	top:145px;
	left:305px;
}

.asia{
	top:145px;
	left:500px;
}