/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% verdana,arial,helvetica,sans-serif; color: #333333; background: #ffffff; text-align: center;}

.smaller {font-size: 0.909em;}
.smallest {font-size: 0.818em;}
.larger {font-size: 1.091em;}
.largest {font-size: 1.182em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 1em 0;}

hr {margin: 1em 0 1em 0; background: #d0c6ab; width: 100%; height: 1px; color: #d0c6ab; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px solid #d0c6ab;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	img.img-left {margin: 0 5px 5px 0; border: 1px solid #d0c6ab; padding: 1px; vertical-align: middle;}
	img.img-right {margin: 0 0 5px 5px; border: 1px solid #d0c6ab; padding: 1px; vertical-align: middle;}

.rotwof {width: 100%; height: 100%;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em; line-height: 1.5em;}

table#executives {}
	#executives td, #executives th {padding: 0 10px 10px 0; white-space: nowrap;}
	#executives img {border: 1px solid #d0c6ab; padding: 1px; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
	#executives img:hover {border: 1px solid #d0c6ab; padding: 1px; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #c0b79e; text-decoration: none; cursor: pointer;}
	a:hover {color: #333333;}
	a:focus {-moz-outline: none;}
	a.more {font-weight: bold; font-size: 0.9em;}
	
a.btn {color: #c0b79e; margin: 5px 0 0 0; cursor: pointer; text-transform: uppercase; font: bold 1.1em arial,helvetica,sans-serif;}
	a.btn:hover {color: #000000;}

#newsletter .btn {display: block; width: auto; text-align: center; padding: 1px; border: 1px solid #666666; background: #ffffff; margin: 15px;}
	#newsletter .btn a {display: block; padding: 2px; color: #666666; background: #e1dac8; font: 1.1em Tahoma, Geneva, sans-serif; line-height: 1.1em}
	#newsletter .btn a:hover {color: #000000; background: #c0b79e;}
	
/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1 {font: bold 1.9em arial,helvetica,sans-serif; color: #c0b79e; margin: 0 0 0.4em 0;}
	h1 em {color: #000000; font-style: normal; font-size: 0.9em;}

h2 {font: 1.9em arial,helvetica,sans-serif; color: #333333; margin: 0 0 0.5em 0;}

h3 {font: bold 1.6em arial,helvetica,sans-serif; color: #666666; margin: 0 0 0.3em 0;}

h4 {font: bold 1.4em arial,helvetica,sans-serif; color: #999999; margin: 0.6em 0 0.1em 0; text-transform: uppercase;}

h5, h6 {font: bold 1em verdana,arial,helvetica,sans-serif; color: #000000; margin: 0.6em 0 0.1em 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 2em;}
	ul li {margin: 0 0 0.2em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ol {margin: 0 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form fieldset {	margin: 0 0 1em 0; border: none;}

label {padding: 0 10px 0 0; font-size: 1em;}

input, textarea, select {font: 1em verdana,arial,helvetica,sans-serif; color: #333333; background: #ffffff; margin: 0 0 2px 0; padding: 1px 3px 1px 3px;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}

	input.btn {float:none; border: none; color: #c0b79e; margin: 5px 0 0 0; cursor: pointer; width: auto !important; text-transform: uppercase; font: bold 1.1em Tahoma, Geneva, sans-serif;}
		input.btn:hover {color: #000000;}
	
	#search-form input.btn {color: #666666; background: url(../images/icon_search.gif) 0 0 no-repeat; font-weight: bold; font-size: 0.9em; padding: 0 0 5px 20px; margin: 5px 0 0 0; width: 13em !important;}
			#search-form input.btn:hover {color: #000000;}

optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 20px;}

form input[type="radio"], form input[type="checkbox"] {width: auto; margin: 0 2px 0 5px;}
form input[type="hidden"] {display: none;}
form select[multiple="multiple"] {margin-left: 0;}

form br {clear: both; line-height: 0; height: 0;}

form .required {border: 1px solid #c0b79e;}

form.custom1 {}
	form.custom1 input, form.custom1 textarea, form.custom1 select {float: left; width: 200px;}
	form.custom1 label {float: left; width: 200px; text-align: right;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#wrapper {position: relative; width: 990px; margin: 0 auto; text-align: left; background: transparent url(../images/bg_wrapper.gif) 0 0 repeat-y;}

#head {margin: 0 10px;}
	#head h1 {float: left; margin: 0; padding: 20px 15px 20px 15px; background: transparent url(../images/logo_plp.gif) 15px 20px no-repeat;}
		#head h1 a {display: block; width: 237px; height: 70px;}
			#head h1 a span {display: none;}
	#head #login {float: right; margin: 0; padding: 15px 15px 10px 15px; text-align: right;}
			
#main {margin: 0 10px; clear: both; width: 970px; background: transparent url(../images/bg_main.gif) 0 0 repeat-y;}
	#page-home #main {background: transparent url(../images/bg_main_home.gif) 0 0 repeat-y;}

#sidebar {float: left; width: 200px;}

#content {float: left; width: 770px; font-size: 1.1em; line-height: 1.3em;}
	#content #header {width: 770px; height: 120px; overflow: hidden;}
		#content #header img {width: 770px; height: 120px;}
	#page-home #content #header {width: 770px; height: 250px; overflow: hidden;}
		#page-home #content #header img {width: 770px; height: 250px;}
	#content #heading {float: left; width: 700px; padding: 15px 15px 0 15px;}
	#content .content-left {float: left; width: 425px; padding: 0 15px 15px 15px;}
	#content .content-right {float: right; width: 305px; padding: 0 10px 15px 0; overflow: hidden;}
		#content .content-right img {margin: 0 0 10px 0; border: 1px solid #d0c6ab; padding: 1px; float: right;}
	#content .swfcontainer {border: 1px solid #d0c6ab; padding: 1px; width: 300px;}

#base {margin: 0 10px; clear: both; background: transparent url(../images/bg_base.gif) 0 0 repeat-y;}
	#base .box {float: left; width: 237px; margin: 15px 0 15px 15px;}
		#base .box img {float: left; width: 105px; height: 35px; margin: 0 8px 0 0; padding: 1px; border: 1px solid #666666;}
		#base .box a img {border: 1px solid #666666;}
		#base .box a:hover img {border: 1px solid #ffffff;}
		#base .box .content {float: right; width: 120px;}
		#base .box a {color: #333333;}
		#base .box a:hover {color: #ffffff;}
		#base .box h1 {font: bold 1.1em arial,helvetica,sans-serif; color: #000000; margin: 0 0 0.2em 0; background: #d0c6ab;}
		#base .box p {margin: 0; font-size: 1em; background: #d0c6ab;}
		
		#latest-news {height: 65px;}

#newsletter {float: left; width: 200px;}
	#newsletter .btn {display: block; width: auto; text-align: center; padding: 1px; border: 1px solid #666666; background: #ffffff; font: 1.2em arial,helvetica,sans-serif; margin: 15px;}
		#newsletter .btn a {display: block; padding: 3px; color: #666666; background: #e1dac8;}
		#newsletter .btn a:hover {color: #000000; background: #c0b79e;}
	

/*-----------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------*/

#footer {clear: both; width: 990px; min-height: 60px; font-size: 0.9em; background: #ffffff url(../images/bg_footer.gif) 0 0 no-repeat;}
	* html #footer {height: 60px;}
	#footer, #footer a {color: #999999;}
	#footer a:hover {color: #333333;}

#copyright {float: left; padding: 10px 10px 10px 20px;}
#site-by {float: right; padding: 10px 20px 10px 10px;}

/*-----------------------------------------------------------------------------
	MAIN NAVIGATION
-----------------------------------------------------------------------------*/

#p7TMnav {background: #e1dac8; min-height: 230px; padding: 10px 0;}
* html #p7TMnav {height: 230px;}

#p7TMnav div {padding: 0;}
	#p7TMnav div div {margin: 0 0 0 15px;}
	#p7TMnav div a {font: 1.3em Tahoma, Geneva, sans-serif; color: #666666; text-transform: uppercase; text-decoration: none; display: block; padding: 4px 5px 4px 15px; margin: 0;}
	#p7TMnav div a:hover {color: #000000; background: #c0b79e;}

		#p7TMnav div div a {color: #666666; font-size: 1.2em; text-transform: none; padding: 3px 5px 3px 15px; line-height: 1;}
			#p7TMnav div div div a {font-size: 1.1em;}

.p7currentmark {background-color: #c0b79e !important; color: #000000 !important; padding: 4px 5px 4px 15px !important;}

#p7TMnav .home a {color: #666666 !important; background: none !important;}
#p7TMnav .home a:hover {color: #000000 !important; background: #c0b79e !important;}

/*-----------------------------------------------------------------------------
	SECONDARY NAVIGATION
-----------------------------------------------------------------------------*/

ul#nav2 {float: left; width: 185px; padding: 10px 0 10px 15px; margin: 0; list-style: none; background: #dcd2b5;}

	ul#nav2 li {float: left; width: 155px !important; width /**/: 180px; padding: 2px 5px 2px 24px; margin: 0 0 3px 0px; font: 1.2em Tahoma, Geneva, sans-serif; color: #666666;}
	
	ul#nav2 li#search {font-size: 1em; padding: 0; margin: 0 0 15px 0px;}

	ul#nav2 li#datasheets {background: transparent url(../images/icon_datasheets.gif) 4px 0 no-repeat;}

	ul#nav2 li#plpglobal {background: transparent url(../images/icon_plpglobal.gif) 4px 0 no-repeat;}

	ul#nav2 li#racktech {background: transparent url(../images/icon_racktech.gif) 0 0 no-repeat;}

	ul#nav2 li#bluesky {background: transparent url(../images/icon_bluesky.gif) 0 3px no-repeat;}

	ul#nav2 li#electropar {background: transparent url(../images/icon_electropar.gif) 4px 0 no-repeat; margin: 0 0 15px 0px;}

	ul#nav2 li#applproc {background: transparent url(../images/icon_tools.gif) 4px 0 no-repeat;}

	ul#nav2 li#phone {background: transparent url(../images/icon_phone.gif) 4px 0 no-repeat;}

	ul#nav2 li#fax {background: transparent url(../images/icon_fax.gif) 4px 0 no-repeat;}

	ul#nav2 li#address {background: transparent url(../images/icon_address.gif) 4px 0 no-repeat;}
	
	ul#nav2 li a {display: block; color: #666666;}
	ul#nav2 li a:hover {color: #000000;}