/* Import the other stylesheets into main.css */
@import url("QP-design-layout.css");
@import url("QP-design-styles.css");
 @import url("QP-nav-styles.css");
/*@import url("QP-border-guides.css");
comment out QP-border-guides.css to hide */
	
body {
	margin: 0;
	padding: 0;
	font-size: small;
	text-align: center;
}
* html body { font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}
.skipper {display: none;}
#extraText {display: none;}

#container { /*-- use if centered first figure is top margin change to suit --*/ margin: 0px auto 0; position:relative; 	padding: 0; text-align: left;}
#containerback { margin:0;  }
#pageHeader {  margin: 0 ; padding: 0 ;  width: 100%; }

#pageHeader h1 { /*-- do not remove or change padding and margin --*/ padding: 0; margin: 0; line-height: 1px; height: 2px; }
#pageHeader h1 span { visibility: hidden; line-height: 1px; height: 2px; /*-- do not remove or change padding and margin --*/ padding: 0 ; margin: 0 ; }

#wrapper {padding: 0  ; margin: 0 ; }
#spacer { clear:both; padding: 0; margin: 0; }
#main { padding:0; margin: 15px 0 0 0; }

/*-- Next page content layout  --*/

#QPpageContent { margin: 0; padding-top: 0; }
#contentMain { height: 1%; display: table; width:100%;   padding: 0 ;   }

/*-- content area --*/

.ContentArea { float: left; width: 97%;  }

.ContentArea ul { margin: 0 ; padding: 0 0 0 15px;}
.ContentArea li { margin: 0; padding: 5px; font-size: .9em;}

.ContentArea ul { margin: 0 ; padding: 0; list-style-type:none;}
.ContentArea li { background:url(../DesignImages/bullet.gif) no-repeat 0 0; padding-left:30px;}
.ContentArea li a:link, .ContentArea li a:visited { color: #114684; text-decoration:underline;}
.ContentArea li a:hover, .ContentArea li a:active { color: #B9C0DA; text-decoration:none;}




.ContentArea p { padding-top:0; margin-top:0; vertical-align:top; height:auto; line-height: 1.4em; font-size:.9em; margin-bottom: ; padding-bottom: 10px; padding-right: 10px; }
#home .ContentArea p { padding-bottom: 10px; padding-top:  ;  line-height: 1.6em; }
.ContentArea p strong{ color:#0861AD }
.ContentArea p strong em{ color:#0861AD; font-style:normal; }

strong{ color:#0861AD; }


.contentPicBox { margin-bottom: 0; display: block; }
	
.contentPicBox img.NoBorder{  border: none;}

.contentPicBox2 { float: right;}
	.contentPicBox2 img { padding:0  ;/*-- use margin to create space around the image --*/ margin:0  0px 5px 20px ;}

 
.contentPicBox span{ margin-bottom: 40px; }
/*-- image border is for gallery detail page images --*/


/*--more link style below--*/
.contentPic a{ 	padding-left:0; /* border-color: #fff; border-style: solid; border-width: 1px; */ padding:0px 2px 0px 2px; text-decoration: none; }
.contentPic span{ margin-bottom: 0px; }


#subnavlist ul  {/* list-style:none; margin: 0;*/}
#subnavlist .ContentArea ul { margin: 0 0 0 -25px; ; padding: 0 0 0 0; list-style: none;}
#subnavlist .ContentArea ul li { padding: 10px 5px 0px 5px; display: block; width:400px;}
#subnavlist .ContentArea ul li a {background: url(../DesignImages/button1.gif) bottom left no-repeat ;
		display : block;
		color : #313131;
		font-weight : normal;
		text-align: left;
		text-decoration : none;
		
		padding : 0 0px 5px 20px; }
#subnavlist .ContentArea ul li a:hover {
	color:#747474;
}

/*-- nav panel --*/

#leftpannel {
	position:relative;	padding: 0 ; height: 1%; display: table;		}
#leftpannel ul{ /* background: url(../DesignImages/button1.jpg) top left repeat-Y;  */ 	}

.NavList, .NavList ul { /* all lists */	padding: 0 ; margin: 0 0 0 5px ; list-style:none; float : left; background-color:transparent; }
.NavList li {/* all list items */ position : relative; float : left; line-height : 1em; }

#navpres li ul { /* second-level lists */
position : absolute; left: -999em; z-index: 200 ; }

#navpres  li li a { width: auto;}
	
#navpres li ul ul { /* third-and-above-level lists */left: -999em;	}
	
#navpres li:hover ul ul, #navpres li:hover ul ul ul, #navpres li.sfhover ul ul, #navpres li.sfhover ul ul ul {left: -999em; }
	
#navpres li:hover ul, #navpres li li:hover ul, #navpres li li li:hover ul, #navpres li.sfhover ul, #navpres li li.sfhover ul, #navpres li li li.sfhover ul { /* lists nested under hovered list items */	left: auto; top:-1px ;  background: transparent;	}
		
#navpres li li a { display : block; z-index: 250 ; }
/*-- image possition below menu i.e.logo --*/
.menuBase { float : left;}
.belowMenu { clear:left; }

/*-- footer --*/
#footer { clear:both; }

#footer span { color:#0861AD;}
#footer span a { padding-left: 10px; padding-right: 0px; color:#0861AD;  }
#footer p {margin: 0; padding: 0;  }




















/*-- Print link --*/
#extraDiv1 { 	width: 887px; height:225px;
	position: absolute; top: 0px; left:10px;
	/*-- use if centered first figure is top margin change to suit --*/ margin: 0 auto 0; }

#extraDiv1 span { position: relative; padding:0; margin:0;}
#payonline {width: 550px; height:46px; position: relative; top: 0px; left: 319px;}

#extraDiv2 { 	width: 786px;
	position:relative;
	/*-- use if centered first figure is top margin change to suit --*/
	margin: -60px auto 0; height: 40px;}
#extraDiv2  ul { margin: 0; padding: 0 ; }
#extraDiv2  li { margin: 0 ; padding: 0; display: inline; list-style: none;}
#extraDiv2  li a { float: left; line-height: 12px; font-weight: normal; padding: 4px 12px 4px 170px; text-decoration: none; color: #050A61; margin: 0 0 5px 0; }
#extraDiv2  li a:hover {   color: #050A61;}







#extraDiv3 { position:absolute; top: 290px; left: 263px; background:#FFF ; width: 516px; border-right: 1px solid #fff; }
#extraDiv3  ul { margin: 0; padding: 0 ; }
#extraDiv3  li { margin: 0 ; padding: 0; display: inline; list-style: none;}
#extraDiv3  li a { float: left; line-height: 12px; font-weight: normal; padding: 4px 12px 4px 12px; text-decoration: none; background:#3B93BD; color: #FFF; border-right: 1px solid #fff; margin: 0 0 5px 0; }
#extraDiv3  li a:hover { background:#FFF; }


#print { float: right; padding:0 60px 20px 20px; background: url(../DesignImages/icon-print-file.gif) 0 0 no-repeat; }
/*-- image gallery --*/
/*-- image gallery --*/

div.GalleryImageA {float: left ; padding: 0px 0 0 0px; width:190px; background: #fff;  border:1px solid #E8F1FF; margin: 0px 10px 20px 0; text-align:center; height: 250px; overflow:hidden;}
div.GalleryImageB  { border: none;  text-align:center; height: 330px;}
div.GalleryImageB .ico {width:26px;} 
div.GalleryImageA img {border:1px solid #002F71; width:190px; }
div.GalleryImageA a:link, div.GalleryImageA a:visited { font-size:10px; text-decoration: none;}
div.GalleryImageA a:hover, div.GalleryImageA a:active {text-decoration: none;}

/*-- image gallery details --*/

#GalleryWrapper a:link, #GalleryWrapper a:visited {text-decoration: none; font-size:80%; font-weight:bold; padding-bottom: 10px;}
#GalleryWrapper a:hover, #GalleryWrapper a:active {text-decoration: none;}

div.GalleryMainPicBox {padding: 0; background: #fff;  border:1px solid #fff; margin: 0px 0px 0px 0px; text-align:left;}
div.GalleryMainPicComment  { border: none;  text-align:left; font-size:10px; padding: 10px 0 10px 0;}
 
div.GalleryMainPicBox img {border: 1px solid #002F71; margin:0; padding:0; }
div.GalleryMainPicBox a:link, div.GalleryMainPicBox a:visited { font-size:10px;}
div.GalleryMainPicBox a:hover, div.GalleryMainPicBox a:active {}


/*-- news items --*/
.NewsThumbPicBox {margin:0 10px 0 0; padding:0; float:left;}
.NewsThumbPicBox img {border:0; width:190px;}
#NewsWrapper a:link, #NewsWrapper a:visited {}
#NewsWrapper a:hover, #NewsWrapper a:active {}

div.NewsMainPicBox {padding: 1px; background: white;  border:1px solid #E3E2DF; margin: 0px 0px 20px 0px; text-align:left; float: left;}
div.NewsMainPicComment  { border: none;  text-align:left; font-size:10px; padding: 10px 0 10px 0;}
 
div.NewsMainPicBox img {border: none;}
div.NewsMainPicBox a:link, div.GalleryMainPicBox a:visited { font-size:10px;}
div.NewsMainPicBox a:hover, div.GalleryMainPicBox a:active {}


.LnkNews a:link, .LnkNews a:visited { font-weight:bold; text-decoration:underline;}
.LnkNews a:hover, .LnkNews a:active { text-decoration:none; }


/*-- Form --*/

#form {
margin:6px 0;
}
#form td{
margin:6px 0;
/*-- font-size: 12px; --*/
padding:4px 4px 4px 4px;
vertical-align:top;
}
.FormSubmitButton {
margin: 10px 10px 10px 10px;
}
.clear { clear:both; padding-bottom:2px;}

#extraDiv2 { position: relative; top: -80px; left: -200px;}

/* Order Book Page extras */
.ContentArea dl { float: left; width: 610px; margin: 10px 10px; padding: 8px; display: inline; background:#040404; border: 1px solid #111111 }
.ContentArea dt { float: right; width: 510px; margin: 0; padding: 0 0 0 0; font-size: 1.1em; font-weight: bold; }
.ContentArea dt strong { color: #0861AD ;}
.ContentArea dd {   margin: 0 0 0 100px ; padding: 0; }
.ContentArea dl dd.img { margin: 0 ;}
.ContentArea dl dd.img  img { float: left; margin: 0 8px 0 0 ;    }

#homepageflash { float: right; margin: 0 10px 10px 10px;}