@import url("thickbox.css");

*	{margin: 0; padding: 0;}

body	{color: #565a67; background: #fff; font: normal 11px/1.4 Tahoma, Arial, Helvetica, sans-serif;}
body.home #header	{background: transparent url(../images/ui/header-home.jpg) right top no-repeat;}
body.sub #header	{background: transparent url(../images/ui/header-sub.jpg) right top no-repeat;}

h2	{font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase;}
h3	{color: #000; font-size: 14px; font-weight: bold;}
h4	{font-size: 12px;}

ul	{list-style: none;}

a:link, a:visited	{color: #3b448d;}
a:hover	{text-decoration: none;}
a:focus	{outline: none;}
a.pdf	{padding: 9px 0 9px 33px; background: transparent url(../images/ui/icon-pdf.gif) left center no-repeat;}

a img	{border: none;}

table	{margin: 0 0 30px; border-collapse: collapse;}
table thead	{background: #e4d6ca;}
table thead tr td, table tbody tr td	{padding: 5px 20px;}
table thead tr td	{border: 1px solid #fff;}
table tbody tr	{background: transparent url(../images/ui/dotline-gray.gif) left bottom repeat-x;}

#container	{padding: 0 270px 0 323px; border-bottom: 1px solid #888e99; min-width: 367px; background: transparent url(../images/ui/container-repeat.gif) left top repeat-x; position: relative; overflow: hidden;}
* html #container	{float: left; width: expression(document.body.clientWidth < 961? "960px" : "auto");}

	#header	{float: right; margin: 0 -270px 0 -323px; padding: 162px 270px 0 323px; width: 100%; border-bottom: 1px solid #fff; position: relative;}
	body.home #header	{padding: 333px 270px 0 323px;}
	* html #header	{margin: 0 -135px 0 -323px;}
		#logo	{width: 450px; height: 134px; background: transparent url(../images/ui/logo.gif) left top no-repeat; position: absolute; left: 0; top: 7px; z-index: 20;}
		body.international #logo	{background: transparent url(../images/ui/logo-en.gif) left top no-repeat;}
			#logo a	{display: block; width: 450px; height: 134px; text-decoration: none;}
			#logo a img	{display: none;}
		#language	{padding: 0 15px; height: 36px; color: #fff; line-height: 36px; position: absolute; right: 0; top: 0; z-index: 20;}
			#language a	{color: #fff;}
			#language strong	{color: #ff9600;}
		#service-icons	{padding: 7px 0 8px; width: 31px; height: 90px; background: transparent url(../images/ui/service-icons.gif) left top no-repeat; position: absolute; left: 0; top: 0; z-index: 30;}
			#service-icons a	{display: block; width: 31px; height: 30px; text-decoration: none;}
			#service-icons a.icon-home	{background: transparent url(../images/ui/icon-home.gif) 7px 50% no-repeat;}
			#service-icons a.icon-sitemap	{background: transparent url(../images/ui/icon-sitemap.gif) 7px 50% no-repeat;}
			#service-icons a.icon-contact	{background: transparent url(../images/ui/icon-contact.gif) 7px 50% no-repeat;}
		#header blockquote	{padding: 21px 100px 0 320px; height: 250px; color: #fff; background: transparent url(../images/ui/gear.jpg) left top no-repeat; position: absolute; left: 0; top: 141px; z-index: 20;}
		* html #header blockquote	{width: 130%;}
		*:first-child+html #header blockquote	{min-height: 1px;}
			#header blockquote h4	{float: right; padding: 15px 0 0; width: 500px; background: transparent url(../images/ui/dotline-blue.gif) left top repeat-x; font-size: 11px; font-weight: bold;}
			#header blockquote p	{clear: right; float: right; width: 500px;}
			#header blockquote p span	{float: left; width: 3%; height: 30px; background: transparent url(../images/ui/dotline-blue.gif) left center repeat-x; text-indent: -9999px;}
			#header blockquote p em	{float: right; width: 95%; height: 30px; color: #adbef5; line-height: 30px;}
		#title	{clear: left; margin: 0 -270px 25px 0; height: 48px; background: transparent url(../images/ui/title-repeat.gif) left top repeat-x; position: relative; z-index: 20;}
			#title h1	{margin: 0 0 -48px -3px; height: 48px; background: transparent url(../images/ui/title.gif) left top no-repeat; text-indent: -9999px;}
			body.international #title h1	{background-image: url(../images/ui/title-en.gif);}
			body.es #title h1	{background-image: url(../images/ui/title-es.gif);}
			* html #title h1	{position: relative;}
			#search	{float: right; padding: 15px 20px; width: 210px; height: 18px; position: relative; z-index: 30;}
			#search p input	{float: left; margin: 0 9px 0 0; color: #6a748b;}
			#search p button	{float: left; border: none; width: 50px; height: 19px; color: #000; background: transparent url(../images/ui/search-button.gif) left top no-repeat; font-size: 11px; text-transform: lowercase;}
		#gear	{margin: 0 0 0 -270px; width: 520px; height: 266px; background: transparent url(../images/ui/gear.jpg) left top no-repeat; position: absolute; left: 25%; top: 141px; z-index: 10;}

	#sidebar	{float: left; margin: 167px 0 20px -323px; width: 300px; background: #d0daf3 url(../images/ui/sidebar-bottom.gif) left bottom no-repeat; position: relative; z-index: 20;}
	* html #sidebar	{margin: 167px -135px 0 -162px;}
		#nav	{margin: -5px 0 0; padding: 40px 0; background: transparent url(../images/ui/sidebar-top.gif) left top no-repeat;}
		* html #nav	{margin: 0; width: 300px; position: relative; left: 0; top: -5px; z-index: 20;}
		*:first-child+html #nav	{margin: 0; width: 300px; position: relative; left: 0; top: -5px;}
			#nav li	{padding: 0 30px; background: transparent url(../images/ui/nav-secondary-top.gif) 20px 25px no-repeat; font-size: 12px; font-weight: bold; line-height: 20px;}
			#nav li a	{display: block; height: 20px; color: #373737; background: transparent url(../images/ui/dotline-gray.gif) left bottom repeat-x; text-decoration: none;}
			#nav li a:hover	{text-decoration: underline;}
			#nav li a.active	{color: #d48200;}
			#nav li a.external	{padding: 0 10px 0 27px; background: transparent url(../images/ui/external.gif) 10px 50% no-repeat;}
			#nav li ul	{margin: 10px -10px 5px; padding: 0 0 5px; width: 260px; background: #e0e6f7 url(../images/ui/nav-secondary-bottom.gif) 0 100% no-repeat;}
			#nav li ul li	{padding: 0; font-weight: normal;}
			#nav li ul li a	{padding: 0 10px; background: none;}
			#nav li ul li ul	{margin: 0; padding: 5px 0; background: #eef2fb;}
			#nav li ul li ul li	{font-size: 11px;}
			#nav li ul li ul li a	{padding: 0 30px;}
			#nav li div	{margin: 0 -10px; padding: 0 10px;}
		#promo	{margin: 0 0 10px; padding: 15px 30px; height: 46px; background: #f4790b url(../images/ui/promo.jpg) right top no-repeat;}
			#promo p	{width: 100px; font-size: 12px; font-weight: bold; line-height: 14px;}
			#promo p a	{color: #fff;}
		#subscribe	{margin: 0 15px 25px; padding: 5px 15px 0; border-bottom: 1px solid #abb6d3; height: 73px; background: #c7d1ec url(../images/ui/subscribe.jpg) left top no-repeat;}
			#subscribe h4	{margin: 0 0 5px; color: #373737; background: transparent url(../images/ui/dotline-gray.gif) left bottom repeat-x; line-height: 20px;}
			#subscribe p	{margin: 0 0 5px;}
			#subscribe p input	{padding: 2px; border: 1px solid #858585; border-width: 1px 0 0 1px; color: #6a748b; font-size: 11px;}

	#content	{clear: right; margin: 0 -270px 20px -323px; padding: 20px 270px 0 320px; border-top: 3px solid #faa61a; background: #fff;}
	* html #content	{float: right; margin: 0 -135px 20px -323px; width: 100%; height: 1%;}
	*:first-child+html #content	{float: right; width: 100%; min-height: 1px; position: relative;}
		#content h2	{float: left; margin: -40px 0 20px 20px; height: 20px; background: #fff url(../images/ui/tab-right.gif) right top no-repeat; position: relative; z-index: 20;}
		* html #content h2	{margin: -40px 0 50px 10px;}
		#content h2 span	{display: block; padding: 0 10px; background: transparent url(../images/ui/tab-left.gif) left top no-repeat;}
		#content p	{margin: 0 0 10px;}
		#main-column	{float: left; margin: -49px -270px 0 0; padding: 49px 10% 0 20px; width: 90%; border-right: 1px solid #a5acbb; border-left: 1px solid #a5acbb; position: relative; z-index: 20;}
		#main-column *	{clear: both;}
		body.home #main-column	{min-height: 450px;}
		* html body.home #main-column	{height: 450px;}
		body.sub #main-column	{min-height: 500px;}
		* html body.sub #main-column	{height: 500px;}
		* html #main-column	{clear: left; left: -3px;}
		*:first-child+html #main-column	{clear: left; left: -3px;}
			#main-column h3	{margin: 0 0 30px;}
			#main-column * + h3	{margin: 30px 0;}
			#main-column h4	{margin: 0 0 10px;}
			#main-column p img	{float: left; margin: 0 20px 20px 0;}
			#main-column ul	{margin: 0 0 10px;}
			* html #main-column ul	{height: 1%;}
			*:first-child+html #main-column ul	{min-height: 1px;}
			#main-column ul li	{margin: 0 0 5px; padding: 0 0 0 30px; background: transparent url(../images/ui/list-bullet.gif) 10px 0.7em no-repeat;}
			#main-column ul li ul	{margin: 10px 0;}
			#main-column form	{margin: 0 0 30px;}
			#main-column form p	{clear: both;}
			#main-column form p label	{float: left; padding: 3px 0; width: 200px;}
			#main-column form p input.text, #main-column form p textarea	{float: left; margin: 0 0 20px; padding: 5px; border: 1px solid #858585; width: 300px; color: #6a748b; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}
			#main-column form p textarea	{height: 150px;}
			#main-column form p input.submit	{margin: 0 0 0 200px; padding: 3px;}
			#main-column form p img	{margin: 0 0 20px 200px;}
			#main-column .news-item	{float: left; margin: -49px 20px 0 -21px; padding: 49px 0 0; width: 50%; border-left: 1px solid #a5acbb;}
			* html #main-column .news-item	{margin: -49px 11px 0 -11px;}
			#main-column .news-item h3	{float: left; margin: 0 0 20px; padding: 5px 20px; color: #716357; background: #e4d6ca; font-size: 11px; font-weight: normal;}
			#main-column .news-item h4	{float: left; clear: left; margin: 0 0 15px; padding: 0 20px; width: 80%;}
			#main-column .news-item p	{float: left; clear: left; padding: 0 20px; width: 80%;}
			#main-column .section	{margin: 0 0 30px;}
			* html #main-column .section	{height: 1%;}
			*:first-child+html #main-column .section	{min-height: 1px;}
			#main-column .section h3	{float: left; margin: 0 0 20px; padding: 5px 20px; color: #716357; background: #e4d6ca; font-size: 11px; font-weight: normal; position: relative; left: -20px;}
			#main-column .section h4	{clear: left; margin: 0 0 15px;}
			* html #main-column .section h4 {float: left;}
			#main-column .section h4 img	{float: left; margin: 0 20px 0 0;}
			#main-column .section h4 em	{display: block; font-weight: normal;}
			#main-column .section p, #main-column .section ul	{clear: left;}
			#main-column .section p img	{float: left; margin: 0 20px 0 0;}
			#main-column .section img	{float: right; margin: 0 0 0 20px;}
			#main-column .item	{margin: 0 0 30px;}
			#main-column .item h4	{}
			#main-column .item h4 a img	{display: block; margin: 0 0 5px;}
			#main-column #photo-gallery	{}
			#main-column #photo-gallery li	{float: left; margin: 0 5px 5px 0; padding: 0; background: none;}
		#secondary-column	{float: right; margin: -49px -270px 0 0; padding: 49px 0 0; width: 250px; position: relative; z-index: 20;}
		* html #secondary-column	{margin: -49px -135px 0 0;}
		*:first-child+html #secondary-column	{padding: 49px 0 0 20px;}
			#secondary-column p	{padding: 0 20px;}
			#secondary-column p strong	{display: block;}
			#secondary-column ul	{margin: 0 20px 30px; padding: 1px 0 0; width: 210px; background: transparent url(../images/ui/dotline-blue.gif) left top repeat-x;}
			#secondary-column ul li	{padding: 0 0 1px; background: transparent url(../images/ui/dotline-blue.gif) left bottom repeat-x; line-height: 20px;}
			#secondary-column ul li a	{display: block; height: 20px;}

	#footer	{clear: both; padding: 30px 0 30px 340px; border-top: 4px solid #b3bac9; height: 49px; position: relative;}
	* html #footer	{width: expression(document.body.clientWidth < 961? "960px" : "auto");}
		#footer p	{width: 620px;}
		#footer p span a	{width: 300px; height: 109px; background: transparent url(../images/ui/logo-perm-motors.gif) center center no-repeat; position: absolute; left: 0; top: 0;}
		body.international #footer p span a	{background: transparent url(../images/ui/logo-perm-motors-en.gif) center center no-repeat;}
		#footer p span a img	{display: none;}

.hidden	{display: none;}

#header blockquote:after, #content:after, .section:after	{display: block; clear: both; height: 0; content: "."; visibility: hidden;}