/*-----------------------------------------------------------
Description: Total Processing and Packaging 2013
Version: 1.0
Author: Richard James
Author URI: www.aspevents.net
-----------------------------------------------------------
colors for reference:

panel light grey #f5f5f5;
blue #378BCA;
h1 #1e1e1e;
grey #878787;
body blue #4d7a9a;
nav bg blue #378BCA;
-----------------------------------------------------------
/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 0.75em "Arial", Helvetica, sans-serif; letter-spacing:normal; text-align:left; background:url(../g/2010/template/background_site.jpg) #4d7a9a  top center; color:#585858; line-height:1.42em; text-align:left;}
a {color:#008EC6; text-decoration:none; font-size:1em; font-weight:bold;}
a:hover{color:#878787; text-decoration:none; font-size:1em; font-weight:bold;}
.clear{clear:both;}
p {}
input {margin:0; padding:0;}
a img {border:none;}
div {margin:0; padding:0;}
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV { width:1000px; margin:0 auto; position:relative;}
#wrapper { float:left; width:1000px; background: #ffffff; }
#border-top {width:1000px; height:20px; float:left;}
#middle { width:960px; height:auto; float:left; position:relative; margin-left:20px; margin-right:20px; }
#content {padding:0; margin:0; width:960px; float:left; position:relative; background-color:#fff;  }
#header { float:left; position:relative; margin:0; padding:0; line-height:0; height:156px;  font-size:0; width:960px; color:#fff; }		
#header-wrap {width: 960px; height: 179px; margin:0; padding:0; float:left; position:relative; }
#header_logo {position: relative; float:left; width:535px; height:131px; margin:0; padding:0;}
#header_buttons {position: relative; float:left; width:535px; height:48px; margin:0!important; padding:0!important; display:inline;  }
#header_right {position: relative; float:right; width:425px; height:179px; margin:0; padding:0;}
#menu {width:960px; float:left; position:relative; height:auto; margin-bottom:14px; background: #378BCA;}
/*-- only added to align buttons in ie6 + 7  ---------------------------------------------------------------*/
#header_buttons .hamburg{width:176; height: 48px; margin:0!important; padding:0!important; float: left; position:relative;}
#header_buttons .asia{width:176; height: 48px; margin:0!important; padding:0!important; float: left; position: relative;}
#header_buttons .usa{width:183; height: 48px; margin:0!important; padding:0!important; float: left; position: relative;}
/*----------------------------------------------------------------------------------------------------*/
		#sub-content2{width:960px; float:left; position:relative; margin:0;}
		
			#pb_top {width:580px; height:auto; float:left; position:relative; padding:0; margin:0px; line-height:0; font-size:0;}
			
			#sheet{width:580px;  float:left; position:relative; margin-right:20px; _margin-right: 18px;  display:inline; padding: 0!important;    }
			
			#sheet_2{width:640px; float:left; position:relative;}
			#sheet_3{width:800px; float:left; position:relative;}
		#sub-contentfull{width:960px; float:left; position:relative;}
			#sheetfull {width:700px; float:left; position:relative; padding-left:20px;}
				#pbsheet_bottom{width:540px; float:left; position:relative; padding-left:20px; margin:0px; line-height:0; font-size:0; display:none;}
				#pbsheet_bottom_2{width:640px; float:left; position:relative; padding:0; margin:0px; line-height:0; font-size:0;}
			#col-right1{width:200px; float:left; position:relative; margin: 0;}
			#col-right2{width:140px; float:left; position:relative; margin-left:18px;margin-top:0px;}
		#sub-content2{width:960px; float:left; position:relative;}
			#sheet3{width:960px; float:left; position:relative;}
			
		#col-right3{width:360px; float:left; position:relative;  padding: 0 0 0 20px; margin: 0px 0 0 0; }
		
		#pbfooter_bottom{width:960px; height: 35px; margin-top: 20px; float:left; position:relative;  padding:0; line-height:1.2em; font-size:0.9em;  color: ##4D4D4D; display:none;}
		/*#bottomgrey{width:920px; float:left; position:relative; padding-bottom:7px; line-height:0; font-size:0; margin-left:20px; margin-right:20px; border-bottom:3px solid #008bb6; display:inline;}*/

		#footer {width: 950px; float:left; position:relative; background:/*url(../g/2010/template/footer_bg.gif) repeat-x top;*/ padding:0px; color: #585858; }
#border-bottom {width:960px; height:20px; float:left; }
/*---------------------------------------------------------*/

/* SEARCH
-----------------------------------------------------------*/
.search{width:360px; height:50px; background:url(../g/2010/template/search_bg.gif) no-repeat; margin:0; padding:0; }
#inp{float:left;}
#inp input{float:left; margin:15px 0 0 148px; border:solid 0px; color:#666; padding:3px 0 0 5px; width:167px;}
#inpimg{float:left; margin:17px 0 0 0px;}
/*---------------------------------------------------------*/

/* NAVIGATION
-----------------------------------------------------------*/
div#mainmenu{float:left; width:960px; padding:0; margin:0; background:url(../g/2010/template/bg_menu.gif) repeat-x top;}
/*div#mainmenunosub{float:left; width:960px; height:37px; background:url(../g/2010/template/bg_menu.gif) repeat-x #cfcfcf top; padding:0; margin:0;}*/
ul#mainmenuitems{margin:0; padding:0; position:relative; float:left; clear:both;}
ul#mainmenuitems li{float:left; display:inline; text-decoration:none;  border-right:1px solid #ffffff;}
ul#mainmenuitems li a{text-decoration:none; color:#fff;  font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight: bold; height:28px; padding:10px 8px 0px 8px; display:inline-block;}

ul#mainmenuitems li a:hover{text-decoration:none; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; height:27px; padding:10px 8px 0px 8px; background:url(../g/2010/template/bg_menu_on.gif) no-repeat right; background-color:#378BCA;}

li.menu_on a {text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; height:27px; padding:0px; color:#ffffff!important; background:url(../g/2010/template/bg_menu_on.gif) no-repeat right;}

li.menu_on a:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; height:27px; padding:0px; color:#fff;}

li.menu_on{height:37px;}
li.menu_off{height:37px;}
li.menuwithsub_on{height:67px; }
li.menuwithsub_off{height:37px;}
li.menuwithsub_on a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; height:27px; padding:0px; color:#ffffff!important; background: #378BCA; no-repeat right;}

div#submenu{ margin:0; padding:0; float:left; width:960px; height:30px; left:0px; top:37px; background:#378BCA; border:none; position:absolute;}
ul#submenuitems{margin:0; padding:0; height:30px;}
ul#submenuitems li{background:none; float:left; height:30px; display:inline; text-decoration:none; border:none; }
ul#submenuitems li a{text-decoration:none; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal; height:24px; padding:6px 11px 0px 10px; display:inline-block; border:none; background:#378BCA; }
ul#submenuitems li a:hover{text-decoration:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal;  height:24px; padding:6px 11px 0px 10px; border:none; background:#4BA3E5;}

li.submenu_on a{text-decoration:none; background-color:#fff!important; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal;  color:#4C4C4C!important;}
li.submenu_on a:hover{text-decoration:none; background-color:#fff!important; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal;  color:#878787!important;}
li.submenu_off{}

ul#submenuitems li.separatorsubmenu{padding-top:2px; height:10px;}

/*---------------------------------------------------------*/



/* SHEET
-----------------------------------------------------------*/
h1{ margin:0; padding:0;  color:#4F6D83; font-family: Arial, Helvetica, sans-serif ; font-size:1.8em; font-weight:normal; padding-top:0!important; padding-bottom:5px; line-height: 1em; border-bottom: 1px solid #c2cdd5; margin-bottom:10px; }
h2{ margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif,; color:#0060AF; font-size:1.2em; font-weight:bold; line-height:1.2em; padding:5px 0;  margin-bottom:5px; border-top:1px solid #d4d4d4;}
h3{ margin:0; padding:0; font-weight:bold; color:#2c414c; font-size:1.2em; line-height:1.3em; padding-top:5px;}

.sheetbody{margin:0; padding:0;  padding-bottom:0px; margin-bottom:0px;}
/*.sheetbody_noh2 {margin:0; padding:0; padding-top:6px; padding-bottom:0px; margin-bottom:5px;}*/
.sheetbody p{margin:0; padding:0; margin-bottom:10px;}
.horizontal_separator{margin:0; padding:0; height:5px;}
.vertical_separator{ width:20px; height:10px; display:none; /* I (Soeren) added display:none; to this as it was causing the top sheets to not line up*/}
/*.vertical_separator{ width:20px; height:10px;}*/
.clear_all{margin:0; padding:0; line-height:0px;}

.fullsheet{width:580px; float:left;}
.leftsheet{width:280px; float:left; margin-bottom:5px; margin-right:20px;}
.rightsheet{width:280px; float:left;  margin-bottom:5px; display:inline;} 
.sheetbody_line_notitles {border-top: 1px solid #D4D4D4;}

.hoz{height:15px;}

.sheet_noborder h2{margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif; color:#378BCA; font-size:1.2em; font-weight:bold; line-height:1.2em; margin-bottom:5px; border:none;}
/*---------------------------------------------------------*/


/* EZone
-----------------------------------------------------------*/

.ez_header {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color:#fff;}
.ez_po_header {font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:normal!important; color:#000;}
.exhib_overview_platinum{background-color:#e6e5dd;}


/* PANELS 
-----------------------------------------------------------*/
/*default panels*/

.panel_plain { margin:0 0 10px 0; padding: 0;}
.panel_plain p { margin:0 0 0 0; padding: 0;}

.panel_4 { margin:0 0 13px 0; padding: 0;}
.panel_4 p { margin:0 0 0 0; padding: 0;}

/* PANELS
-----------------------------------------------------------*/
/*to panels in vertical powerbars --------   reed09 panel 1 - panel
.panel_top{ height:30px; width:200px; background:url(../g/2010/template/panel_top_blue.gif) no-repeat top #1a4085;}
h4{margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; font-size:1.1em; padding:7px 10px 5px 10px;}
.panel_body{ width:200px; background:url(../g/2010/template/panel_bg.gif) repeat-y;}
.panel_body p {margin:0; padding:0;}
.borderpanel{margin:0; padding:8px 10px;}
.panel_bottom{width:200px; height:10px; padding:0; margin-bottom:14px; background:url(../g/2010/template/panel_bottom_bg.gif) no-repeat top;}*/

.panel_2 {width: 360px; margin: 0 0 20px 0; padding: 0; }



.panel_3{width:100%; padding:0; margin:0 0 10px 0; background-color: #ffffff; border-left:1px solid #A7B8C2; border-right:1px solid #A7B8C2; border-bottom: 4px solid #A7B8C2;}
.paneltitle_3{  line-height:30px; color:#585858;  margin:0; padding:0 0 0 10px; height: 30px; background:url(../g/2010/template/panel_top_grey.gif) repeat-x top; background-color: #ffffff; font-weight: bold;}
.panelbody_3{  padding:10px 10px 10px 10px; margin:0;  }
.panelbody_3 p {margin:0; padding:0;}
.panelbody_3 a {margin:0; padding:0; color:#378BCA; font-weight: bold;}
.panel_3_foot{width:100%;  padding:0; margin: 0;  }

.panel_body3{ width:100%; background-color:#fff; border:1px solid #A8B9C3;}
.panel_body3 p {margin:0; padding:0;}
.borderpanel3{margin:0; padding:9px;}
.panel_bottom3{width:0; height:10px; padding:0; margin:0;}


/*---------------------------------------------------------*/


/* FOOTER
-----------------------------------------------------------*/
ul#footer{ margin:10px 0 0 0; height: 20px; padding: 7px 0 0 10px;  background:url(../g/2010/template/bg_menu.gif) repeat-x bottom; color: #fff;}
 /*footer wrapper*/
ul#footer li {display:inline; padding:0px 2px 0 6px; text-align:left; font:normal 0.8em Arial, Sans-serif;}
ul#footer li a{ font:normal 1em Arial, Sans-serif; text-decoration:none; text-align:left; color: #fff;}
ul#footer li a:hover{text-decoration:none; text-align:left;}
.footer {font:normal 0.85em Arial, Sans-serif; text-decoration:none; text-align:left; padding-left:2px; color: #ccc;}
/*---------------------------------------------------------*/

/* SEARCH
-----------------------------------------------------------
.searchbutton input {*margin-top:1px;} 
/*---------------------------------------------------------*/

/* SEARCH
-----------------------------------------------------------*/
.search{width:360px; height:52px; background:url(../g/2010/template/search_bg.gif) no-repeat; margin: 0 0 15px 0; padding:0; }
#inp{float:left;}
#inp input{float:left; margin:15px 0 0 148px; border:solid 0px; color:#666; padding:3px 0 0 5px; width:167px;}
#inpimg{float:left; margin:17px 0 0 0px;}
/*---------------------------------------------------------*/

/* SEARCH small
-----------------------------------------------------------*/
.search_small{width:140px; height:67px; background:url(../g/2010/template/search_bg_small.gif) no-repeat; margin-bottom:15px;  }
#inp_sml{float:left;}
#inp_sml input{float:left; margin:34px 0 0 12px; border:solid 0px; color:#666; padding:3px 0 0 5px; width:89px;}
#inpimg_sml{float:left; margin:17px 0 0 0px;}
/*---------------------------------------------------------*/

br.rss_spacer_above {display:none;}

/*DPA font as requested by NS for all RX Uk sites */
#form_DPAs{color:#a2a2a2; font-size:11px;}
#dpa{color:#a2a2a2; font-size:11px;}
