/*  
	2009 Copyright Graphics Atlas. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */


body {font:12px/1.5 Helvetica, Arial, sans-serif;color:#333333;background-color:#f0f0ec}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {color:#4c82ac;text-decoration:none}
a:hover {text-decoration:underline}
a img {display:block}

.images a img {display:inline }

a.view-fullscreen, a.view-both {float:right;width:160px;position:relative;z-index:40;margin:0 8px 5px 0;padding-right:20px;background:transparent url(../images/plus-ico.png) no-repeat 100% 0;text-align:right;font-size:11px;font-weight:bold;display:inline}

a.view-both {font-weight:normal}

#enlarge-both {float:left;width:70px;text-transform: lowercase}

a.help {display:block;width:100px;margin:0 7px 0 0;padding-right:20px;background:transparent url(../images/help-ico.png) no-repeat 100% 0;text-align:right;font-size:11px;display:inline}

/*---- <a> ----*/
h1 {font-size:24px;color:#444f37;padding:0 0 6px 9px;margin-bottom:0;border-bottom:1px solid #edede9;font-weight:normal}
h2 {font-size:12px;color:#555555;padding:0 0 6px 15px;margin-bottom:0;text-transform:uppercase;letter-spacing:1px}
	h2 span {font-size:11px;color:#999999;font-weight:normal;text-transform:lowercase;letter-spacing:0px;}

/*---- <p> ----*/
#article p {font-size:14px;margin-bottom:1.5em}

/*---- <ul> ----*/
#article ul {margin:0 0 1.5em 1.5em;list-style:disc}
	#article ul ul {margin:0 0 0 1.5em;list-style:circle}
		#article ul ul ul {margin:0 0 0 1.5em;list-style:lower-alpha}


/*---- <div> ----*/


div.loading {background:transparent url(../images/loading.gif) no-repeat center center;}

/*------- Object Explorer -------*/

div.page #selection {width:100%}
	div.selectors {float:left;width:479px;position:relative;padding-top:1em;display:inline}
	#primary-selection {margin-right:7px;}
	
	div.selection-wrap {padding:7px;}
	
	input.selectbox {display:block;width:456px !important;height:24px;background:#fff url(../images/select_bg.jpg) no-repeat 430px 2px;border:1px solid #ddd;margin:0 0 3px 0;padding:5px 0 6px 7px;font:16px/1 Helvetica, Arial, sans-serif !important;color:#222222;cursor:pointer}
	
	div.selectbox-wrapper {position:absolute;width:456px !important;z-index:500;background-color:white;border:1px solid #ccc;margin:0px;margin-top:-4px;padding:0;font-size:0.8em;text-align:left;max-height:200px;overflow:auto}
		div.selectbox-wrapper ul {list-style-type:none;margin:0px;margin-top:-19px;padding:0px}
		div.selectbox-wrapper ul li.selected {background-color:#e7f2fd}
		div.selectbox-wrapper ul li.current {background-color:#CDD8E4;}
		div.selectbox-wrapper ul li {list-style-type:none;display:block;margin:0;font-size:14px;padding:2px 2px 2px 7px;cursor:pointer;zoom:1}
		div.selectbox-wrapper ul li.option-group {padding:10px 2px 2px 7px;font-size:14px;font-weight:bold;background-color:#fff;cursor:default}
		div.selectbox-wrapper ul li.option-group-cat {padding:8px 2px 8px 7px;margin:18px 0 0;font-size:11px;font-weight:bold;background-color:#eee;text-transform:uppercase;letter-spacing:1px;border-top:1px dotted #ccc;border-bottom:1px solid #ccc;color:#555555;cursor:default}
	
	div.selection-wrap p {font-size:11px;color:#777777;padding-left:7px}
		div.selection-wrap p a {font-size:12px;text-decoration:underline}
		div.selection-wrap p a:hover {text-decoration:none}

#primary-group-select {position:relative}
	#primary-group-select-box {display:none}
	a.groups-toggle {position:absolute;right:0}
	a.add-comparison-btn {position:absolute;left:20px;top:26px;width:160px;height:26px;padding:6px 0 0 32px;background:transparent url(../images/add-big-btn.jpg) no-repeat 0 0;text-decoration:none !important}
	a.add-comparison-btn:hover {text-decoration:underline !important}
	a.close {position:absolute;right:16px;font-weight:bold;color:#777777;text-decoration:none !important}
	a.close:hover {color:#4c82ac;}

	#primary-selection .add-comparison-btn {width:220px;left:250px;top:6px;padding:6px 0 0 0;background:transparent url(../images/jump-btn.jpg) no-repeat 0 0;text-align:center}
	
#secondary-group-select {position:relative}
	div.groups {width:400px;position:absolute;z-index:8888;top:auto;left:30px;background-color:#fff;padding:10px 20px 20px 20px;border:2px solid #ddd}
				
div.compare {float:left;width:479px;position:relative;padding:0 0 26px 0;display:inline}
div.full {width:724px}
div.inactive {display:none !important}
#primary {margin-right:7px;}

#image-stage {width:100%;}
	
	div.image-wrap {clear:both;padding-bottom:3px;background:#dfdfdf url(../images/corner-bl.png) no-repeat 0 100%;overflow:visible}
	#secondary div.image-wrap {background:#dfdfdf url(../images/corner-br.png) no-repeat 100% 100%;}
		div.images {width:465px;padding:7px;border:1px solid #dfdfdf;background-color:#fff;text-align:center}
		
		div.full div.images {width:708px}
		
		#primary div.images {margin-left:-1px}
		#secondary div.images {margin-right:-1px}

	div.drop-down {width:191px;height:25px;position:absolute;bottom:0;left:7px;right:auto;z-index:99}
	#secondary div.drop-down {left:auto;right:7px;z-index:100}
		div.drop-down ul {width:191px;}
			div.drop-down ul li.first {width:177px;height:20px;padding:5px 0 0 14px;background:transparent url(../images/learnmore-dd_bg.jpg) no-repeat 0 0;font:9px Helvetica, Arial, sans-serif;color:#808181}
			div.drop-down ul li.first:hover {background:transparent url(../images/learnmore-dd_bg.jpg) no-repeat 0 -25px}
				
				div.drop-down ul li ul {position:absolute;z-index:999;background-color:#f9f9f9;width:187px;left:-9999px;top:22px;padding:4px 0 12px 0;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border:2px solid #eeeeeb;border-top:0}
					div.drop-down ul li ul li {display:block;zoom:1}	
						div.drop-down ul li ul a {display:block;font-size:12px;font-weight:bold;padding:4px 0 5px 11px}
						div.drop-down ul li ul a:hover {background-color:#eeeeeb;text-decoration:none}
									
				div.drop-down ul li:hover ul, 
				div.drop-down ul li.sfhover ul {left:0px}
				
				#secondary div.drop-down ul li:hover ul, 
				#secondary div.drop-down ul li.sfhover ul {right:0px}


	div.image-tools {}
	
		div.notes {float:left;width:285px;margin-bottom:1em;display:inline}
			div.notes h3 {font-size:11px;margin-bottom:1em;font-weight:normal;color:#555555;letter-spacing:1px;text-transform:uppercase}
			div.notes p {font-size:14px;margin-bottom:1.5em;}
			div.notes ul {margin:0 0 1.5em 1.5em;list-style:disc}
			
		#primary-notes {margin-right:7px;padding:1.5em 20px 0 12px}
		#secondary-notes {width:275px;padding:1.5em 12px 0 30px}
		
		#image-actions {float:left;width:324px}
		
		#navigator {width:319px;height:153px;position:relative;z-index:10;margin-bottom:1em;background:transparent url(../images/navigator_bg.jpg) no-repeat 0 0}
			
		#view-toggles {width:319px;}
			#view-toggles h4 {padding-top:6px;text-align:center;font-size:9px;color:#606060;letter-spacing:1px;text-transform:uppercase}	
			
			
			#side-toggle {float:left;width:88px;padding:0 0 0 2px;height:112px;position:relative;z-index:20;display:inline}
				
				#side-toggle a.icon {display:block;width:53px;height:50px;margin:10px auto 0 auto;background:transparent url(../images/side-toggle-ico.jpg) no-repeat 0 0;text-indent:-9999px;text-decoration:none}
				#side-toggle a.back {background:transparent url(../images/side-toggle-ico.jpg) no-repeat 0 -50px}
				
				
				#side-toggle ul.toggles {position:absolute;bottom:0;left:7px;width:77px;height:17px}
					#side-toggle ul.toggles li {display:block;float:left;width:39px;height:17px}
					#side-toggle ul.toggles li.last {width:38px}
						#side-toggle ul.toggles li a {display:block;width:39px;height:17px;text-indent:-9999px;text-decoration:none;line-height:0}
						#side-toggle ul.toggles li.first a 	{background:transparent url(../images/sides-nav_bg.jpg) no-repeat 0 -17px}
						#side-toggle ul.toggles li.last a 	{width:38px;background:transparent url(../images/sides-nav_bg.jpg) no-repeat -39px -17px}
						
						#side-toggle ul.toggles li.first a.current,
						#side-toggle ul.toggles li.first a:hover 	{background:transparent url(../images/sides-nav_bg.jpg) no-repeat 0 0}
						#side-toggle ul.toggles li.last a.current, 	
						#side-toggle ul.toggles li.last a:hover 	{background:transparent url(../images/sides-nav_bg.jpg) no-repeat -39px 0}
						
						#side-toggle ul.toggles li.first a.inactive 	{background:transparent url(../images/sides-nav_bg.jpg) no-repeat 0 -34px}
						#side-toggle ul.toggles li.last a.inactive  	{background:transparent url(../images/sides-nav_bg.jpg) no-repeat -39px -34px}
						
						
						
			#orient-toggle {float:left;width:90px;height:112px;position:relative}
				#orient-toggle a.icon {display:block;width:64px;height:50px;margin:10px auto 0 auto;background:transparent url(../images/orient-toggle-ico.jpg) no-repeat 0 0;text-indent:-9999px;text-decoration:none}
				#orient-toggle a.edge {background:transparent url(../images/orient-toggle-ico.jpg) no-repeat 0 -50px}

				#orient-toggle ul.toggles {position:absolute;bottom:0;left:7px;width:76px;height:17px}
					#orient-toggle ul.toggles li {display:block;float:left;width:41px;height:17px}
					#orient-toggle ul.toggles li.last {width:35px}
						#orient-toggle ul.toggles li a {display:block;width:41px;height:17px;text-indent:-9999px;text-decoration:none;line-height:0}
						#orient-toggle ul.toggles li.first a 	{background:transparent url(../images/orient-nav_bg.jpg) no-repeat 0 -17px}
						#orient-toggle ul.toggles li.last a 	{width:35px;background:transparent url(../images/orient-nav_bg.jpg) no-repeat -41px -17px}
						
						#orient-toggle ul.toggles li.first a.current,
						#orient-toggle ul.toggles li.first a:hover 	{background:transparent url(../images/orient-nav_bg.jpg) no-repeat 0 0}
						#orient-toggle ul.toggles li.last a.current, 	
						#orient-toggle ul.toggles li.last a:hover 	{background:transparent url(../images/orient-nav_bg.jpg) no-repeat -41px 0}
						
						#orient-toggle ul.toggles li.first a.inactive 	{background:transparent url(../images/orient-nav_bg.jpg) no-repeat 0 -34px}
						#orient-toggle ul.toggles li.last a.inactive  	{background:transparent url(../images/orient-nav_bg.jpg) no-repeat -41px -34px}
			
			#light-toggle {float:left;width:132px;height:112px;position:relative}
				
				#light-icons-wrap {position:relative;width:115px;height:67px;margin:0 auto;background:transparent url(../images/light-source_bg.jpg) no-repeat 10px bottom;}
					
						div.light-source {display:block;position:absolute;z-index:300}
						/*.light1 {top:23px;left:12px}*/
						.light2 {top:18px;left:31px;}
						.light3 {top:21px;right:28px;}
						.light4 {top:35px;right:13px;}
					
					#light-icons {position:relative;width:115px;height:67px;margin-top:2px;z-index:125}
						#light-icons li {position:absolute;z-index:150}
							#light-icons li a {display:block;text-indent:-9999px;text-decoration:none}
						
						#light-icons li.first {width:27px;height:28px;top:8px;left:0px;}
							#light-icons li.first a {width:27px;height:28px;background:transparent url(../images/video-play_bg.jpg) no-repeat 0 0;}
							#light-icons li.first a.inactive {background:transparent url(../images/video-play_bg.jpg) no-repeat 0 -28px;}
							#light-icons li.first a.current {background:transparent url(../images/video-play_bg.jpg) no-repeat 0 -56px;}
						
						#light-icons li.second {width:26px;height:23px;top:0px;left:37px;}
							#light-icons li.second a {width:26px;height:23px;background:transparent url(../images/0-light_bg.jpg) no-repeat 0 0;}
							#light-icons li.second a.inactive {background:transparent url(../images/0-light_bg.jpg) no-repeat 0 -60px;}
						
						#light-icons li.third {width:27px;height:28px;top:8px;left:73px;}
							#light-icons li.third a {width:27px;height:28px;background:transparent url(../images/45-light_bg.jpg) no-repeat 0 0;}
							#light-icons li.third a.inactive {background:transparent url(../images/45-light_bg.jpg) no-repeat 0 -60px;}
						
						#light-icons li.last {width:23px;height:26px;top:38px;right:0px;}
							#light-icons li.last a {width:23px;height:26px;background:transparent url(../images/90-light_bg.jpg) no-repeat 0 0;}
							#light-icons li.last a.inactive {background:transparent url(../images/90-light_bg.jpg) no-repeat 0 -60px;}
					
				
				#light-toggle ul.toggles {position:absolute;bottom:0;left:0;width:130px;height:17px}
					#light-toggle ul.toggles li {display:block;float:left;width:36px;height:17px}
					#light-toggle ul.toggles li.second,
					#light-toggle ul.toggles li.third {width:29px}
						
						#light-toggle ul.toggles li a {display:block;width:36px;height:17px;text-indent:-9999px;text-decoration:none;line-height:0}
						#light-toggle ul.toggles li.first a 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat 0 -17px}
						#light-toggle ul.toggles li.second a 	{width:29px;background:transparent url(../images/lights-nav_bg.jpg) no-repeat -36px -17px}
						#light-toggle ul.toggles li.third a 	{width:29px;background:transparent url(../images/lights-nav_bg.jpg) no-repeat -65px -17px}
						#light-toggle ul.toggles li.last a	 	{width:36px;background:transparent url(../images/lights-nav_bg.jpg) no-repeat -94px -17px}
						
						#light-toggle ul.toggles li.first a.current,
						#light-toggle ul.toggles li.first a:hover 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat 0 0}
						#light-toggle ul.toggles li.second a.current, 	
						#light-toggle ul.toggles li.second a:hover 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat -36px 0}
						#light-toggle ul.toggles li.third a.current,
						#light-toggle ul.toggles li.third a:hover 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat -65px 0}
						#light-toggle ul.toggles li.last a.current, 	
						#light-toggle ul.toggles li.last a:hover 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat -94px 0}
						
						#light-toggle ul.toggles li.first a.inactive 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat 0 -34px}
						#light-toggle ul.toggles li.second a.inactive 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat -36px -34px}
						#light-toggle ul.toggles li.third a.inactive 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat -65px -34px}
						#light-toggle ul.toggles li.last a.inactive 	{background:transparent url(../images/lights-nav_bg.jpg) no-repeat -94px -34px}
					
						
		#zoom {width:302px;height:18px;padding-top:5px;position:absolute;bottom:11px;left:8px;background:transparent url(../images/zoom_bg.jpg) no-repeat 0 0}
			#zoom li {display:inline}
				#zoom li a {float:left;width:33px;height:10px;border:1px solid #b7b7b7;border-right:0;text-indent:-9999px;text-decoration:none;display:inline}
				#zoom #zoom-down a {width:32px;border:0;}
				#zoom #zoom-up a {width:24px;height:12px;border:0;border-left:1px solid #b7b7b7}
				#zoom li.level a {background:transparent url(../images/zoom-a_bg.jpg) no-repeat 0 0;}
				#zoom li.active a {background:transparent url(../images/zoom-a-active_bg.jpg) no-repeat 0 0;}
				#zoom li.active a:hover, 
				#zoom li.current a {background:transparent url(../images/zoom-a-current_bg.jpg) no-repeat 0 0;}
		
		#subactions {position:relative;width:100%}
			#subactions select {position:relative;z-index:3000;width:230px;font:11px Helvetica, Arial, sans-serif;}
			#subactions a.help {position:absolute;top:0;right:0;width:50px !important}


/*------- Identification -------*/

#guided-tour-page #image-stage {padding-top:.5em}
#guided-tour-page div.compare {padding-top:1em}

#guided-tour-page #selection {position:relative}

#guided-tour-page a.add-comparison-btn {left:524px;top:22px;}


#slides {width:674px;height:31px;padding:0 0 0 34px;margin-left:7px;border-bottom:1px solid #dedede;position:relative;overflow:hidden}			

	#slides #prev-tab {display:block;position:absolute;top:0;left:0;width:31px;height:31px;padding:0 3px 0 0;}
	#slides #next-tab {display:block;position:absolute;top:0;right:0;width:31px;height:31px;padding:0 0 0 3px;}
		
		#slides #prev-tab a {display:block;width:31px;height:30px;padding-top:0;text-indent:-9999px;border:0;background:transparent url(../images/arrow-left.jpg) no-repeat 0 0}
		#slides #next-tab a {display:block;width:31px;height:30px;padding-top:0;text-indent:-9999px;border:0;background:transparent url(../images/arrow-right.jpg) no-repeat 0 0}	
		
		#slides #prev-tab a.inactive {background:transparent url(../images/arrow-left.jpg) no-repeat 0 -30px}
		#slides #next-tab a.inactive {background:transparent url(../images/arrow-right.jpg) no-repeat 0 -30px}
	
	#slides #tabs {overflow:hidden;}
		#slides #tabs ul {float:left}

		#slides #tabs li {float:left;width:155px;height:31px;padding-right:5px;display:inline;zoom:1}
		#slides #tabs li.current {border-bottom:0}

			#slides #tabs li a {display:block;width:154px;height:26px;padding-top:4px;border:1px solid #dedede;border-bottom:0;background-color:#e8eff1;text-align:center;color:#333}
			#slides #tabs li.current a {height:27px;background-color:#f7f7f3}

#id-surface-view,		
#id-ten-view,		
#id-thirty-view	{display:none;position:relative;z-index:88}		

#id-notes {float:left;width:222px;padding:2.5em 0 0 12px}
				
/*------------- Layout Styles ------------------- */

#header-wrap {width:100%;height:90px;background:#fff url(../images/header-wrap_bg2.jpg) repeat-x 0 0}
	#header {width:965px;margin:0 auto;position:relative}

		#logo {position:absolute;left:0px;top:10px}
		
		#ipi-logo {display:block;position:absolute;top:12px;right:0}
		
		#topnav {position:absolute;top:32px;right:0px}
			#topnav li {display:inline}
				#topnav li a {float:left;border-right:1px solid #c3c8ca;font-size:11px;padding:0 8px 0 8px;display:inline}
				#topnav li.first a {background:transparent url(../images/feedback-ico.png) no-repeat 0 2px;padding:0 8px 0 16px}
				#topnav li.last a {padding:0 0 0 8px;border-right:0}

		#nav {width:760px;position:absolute;top:53px;right:10px}
			#nav li {float:left;width:144px;height:35px;margin-right:7px;display:inline}	
				#nav li a {display:block;width:144px;height:25px;background:#d9e0e5 url(../images/nav-a_bg.png) no-repeat 0 0;padding-top:10px;font:12px "Lucida Grande", Helevetica, Arial, sans-serif;color:#222222;text-align:center}
			#nav li.current {width:144px;height:37px;margin-right:6px;}
				#nav li.current a, 
				#nav li a:hover {width:144px;height:27px;background:#d9e0e5 url(../images/nav-active_bg.jpg) no-repeat 0 0;color:#222222;text-align:center;text-decoration:none}
				#nav li.last {margin-right:0px;}

#stage-wrapper {width:100%;background-color:#f7f7f3;border-bottom:1px solid #d5d5ce}
	#stage {width:965px;margin:0 auto;padding:1.2em 0 3em 0}
		#heading {position:relative;border-bottom:1px solid #fff}
		#compare-page #heading {height:12px;border-bottom:0}
			#heading a.go-search {display:block;width:150px;height:18px;position:absolute;right:8px;top:4px;background:transparent url(../images/search-ico.jpg) no-repeat 2px 7px;line-height:1;padding:5px 0 0 0;font-size:12px;text-align:center}
			#heading a.go-search:hover {}
			#compare-page a.go-search {top:-4px;}
			
	#article {width:450px;padding:1em 0 1.5em 1em}
	div.page #article {float:left;display:inline}
	
	div.page #sidebar {width:200px;float:left;padding:10px 4px 1em 10px;margin-left:50px;display:inline;border-top:4px solid #eeeeee;background-color:#ffffff}
	
#footer-wrapper {width:100%;border-top:1px solid #fff}
	#footer {width:949px;margin:0 auto;padding:1.5em 8px 2em;font-size:11px}
		#footer ul {margin-bottom:1em}	
			#footer ul li {display:inline}
				#footer ul li a {padding:0 8px;color:#555555}
				#footer ul li.first a {padding:0 8px 0 0}
				
		#footer p {color:#777777}
		
		
				
/*------------- Form Styles ------------------- */

#feedback-page label,
#contact-page label {display:block;font-size:14px;padding:1em 0 .25em 0}
#feedback-page textarea,
#contact-page textarea {display:block}

#feedback-page #sidebar,
#support-page #sidebar,
#contact-page #sidebar,
.framed #sidebar {background-color:transparent !important;border:0 !important}


/*------------- Page Specific Styles ------------------- */
				
/*----- Home page ------ */

#home-page #notice-wrap {width:100%;background-color:#f7f8f3;padding:1em 0 0 0;}
	#home-page #ie-notice {width:964px;margin:0 auto;background-color:#fbf8dc;border:1px dotted #e0dbb2;padding:.5em;text-align:center}
		#home-page #ie-notice p {margin:0 auto;width:500px !important}
	
	#home-page #article {width:945px;margin:0 auto;padding-top:6px;}
	
	#home-page #recentlyadded {margin:0 auto; margin-bottom:30px; background-color:#3B3B3B; border:2px solid #000000;}
	
		#home-page #recentlyadded .recent {margin:7px;}
		
				#home-page .recentlyaddedtitle {font-size:18px;}
		
			#home-page #hero {width:945px;height:314px;position:relative;background:transparent url(/media/images/hero.jpg) no-repeat 0 0;padding-bottom:24px;border-bottom:1px dotted #777777}
			#home-page #hero a {display:block;position:absolute;top:245px;left:245px;width:240px;height:68px;text-indent:-9999px}

		#home-page p.intro {margin:4px 0 1em 0;padding:8px 0 5px 0;border-top:1px dotted #777777;font-size:11px;color:#333333;text-transform:uppercase}
		
		#home-page #article div.col {float:left;position:relative}
		
		#home-page #article #guided-tour-co 	{width:200px; margin-right:45px;}
		#home-page #article #compare-co 		{width:200px; margin-right:45px;}
		#home-page #article #id-co 				{width:200px; margin-right:45px;}
		#home-page #article #ipow-co 			{width:200px;}
		
			#home-page #article div.col img {margin-bottom:1em; width:100%;}
			#home-page #article div.col a.start {display:block;position:absolute;top:0;left:0;padding:4px 8px;background-color:#2a1617;color:#ffffff;font-size:11px;font-weight:bold;text-transform:uppercase;text-align:center;text-decoration:none}
			#home-page #article div.col a.start:hover {background-color:#558390;}
			
			#home-page #article div.col h2 {font-size:22px;color:#000000;padding:0;margin:12px 0 0 0;text-transform:none;letter-spacing:0;font-weight:normal}
				#home-page #article div.col h2 a {color:#000000}
				#home-page #article div.col h2 a:hover {color:#4c82ac;text-decoration:none}
			#home-page #article div.col p {width:200px;font:12px/1.5 Helvetica, Verdana, sans-serif;}
			#home-page #article div.colwide p {width:200px;font:12px/1.5 Helvetica, Verdana, sans-serif;}

				#home-page #article div.col p strong {}
        
        #home-page .book {clear:both;overflow:hidden;border-top:1px dotted #777777;}
        #home-page .book .col {font-size:12px;width:300px;margin-right:10px;}
		 #home-page .book .colwide {font-size:12px;width:920px;margin-right:10px;}
        #home-page .book .book-details {width:280px;margin:0 20px;}
        #home-page .book .order-book {margin-right:0;text-align:left;}
            #home-page #article .book div.col p {width:auto;}
			#home-page #article .book div.colwide p {width:auto;}
            #home-page #article .book div.col h2 {font-size:20px;line-height:1.1;margin-bottom:8px;}
            #home-page #article .book div.col a img {margin:0 ;}
        #home-page .book .book-cover {float:left; margin-right:20px;}
		
		
		#home-page #hero .subscribe-button-inner {margin-left: 667px; margin-top: 220px;}

        /*
        #home-page .book {clear:both;overflow:hidden;}
        #home-page .book .col {font-size:12px;width:380px;margin-right:10px;}
        #home-page .book .book-details {width:250px;margin:0 18px;}
        #home-page .book .order-book {width:120px;margin-right:0;text-align:center;}
            #home-page #article .book div.col p {width:auto;}
            #home-page #article .book div.col h2 {font-size:20px;line-height:1.1;margin-bottom:8px;}
            #home-page #article .book div.col a img {margin:0 auto;}
        #home-page .book .book-cover {float:left;}

        #home-page #article .job .col {width:48%;margin-right:2%;}
        #home-page #article .job .col p {width:90%;}
        #home-page #article .job .col strong {font-size:12px;}
        */
        
/*----- Search page ------ */
#search-page #article {position:relative;width:945px;padding:1em 12px 1.5em 0}

	#search-page p.intro {padding-left:12px}

#search-nav {width:773px;padding:.5em 0 0 0;margin:0 !important}			
	#search-nav li {float:left;width:155px;height:31px;border-bottom:1px solid #dedede;padding-right:5px;display:inline}
	#search-nav li.current {border-bottom:1px solid #fff}
	
		#search-nav li a {display:block;width:154px;height:26px;padding-top:4px;border:1px solid #dedede;border-bottom:0;background-color:#e8eff1;text-align:center;color:#333;font-weight:bold}
		
		#search-nav li.current a {background-color:#ffffff}


#search-fields {padding:1.5em 0 1.5em 1em;background-color:#ffffff;border:1px solid #dedede;border-top:0}


div.ac_results {background-color:#fff;border:1px solid #ddd}
	div.ac_results li {font-size:14px;}

#search-page p.hint {font-size:12px;color:#555555;margin-bottom:.5em;padding:12px 0 0 10px;}

#search-guide {font-size:12px;width:600px;padding:30px}
	#search-guide p {font-size:12px}
	#search-guide table th,
	#search-guide table td {width:50%;text-align:left;padding:2px 7px 3px 0}

#visual-browser {display:none}

#process-search {position:absolute;top:8px;right:0}
	#process-search #search-guide {display:none}
	#process-search form {padding-bottom:.5em}
		#process-search #search-processes {float:left;width:300px;font-size:14px;padding:2px 0 3px 8px}
		#process-search #process-submit {float:left;width:80px;font-size:12px;margin-left:8px;vertical-align:middle;display:inline}
		#process-search a.boxy {display:block;width:100%;clear:both}
#timeline-wrap {display:none}
#timeline {width:910px;height:575px;border:1px solid #ddd}

table.timeline-highlight-label td {font-size:12px !important;color:#555555}
div.timeline-event-label,
div.timeline-date-label {font-size:11px}

.browse {padding:0 0 1em 0;display:none}
		.browse h4 {position:relative;font-size:18px;padding:3px 0 4px 15px;font-weight:normal;background-color:#fff;border-bottom:2px solid #eeeeee;}
		.browse h4 span {position:absolute;top:8px;right:8px;width:15px;height:15px;/*background:transparent url(../images/toggle_bg.jpg) no-repeat 0 0*/}
		.browse h4 span.collapse {background:transparent url(../images/toggle_bg.jpg) no-repeat 0 -15px}
		
		.browse h4:hover {cursor:pointer}
	
		.browse div.cats {padding:0;background-color:#f9f9f9;margin-bottom:1em}
			.browse div.cats h5 {font-size:13px;padding:4px 0 5px 21px;border-bottom:1px dotted #ccc;font-weight:normal}
			.browse div.cats h5:hover {cursor:pointer}
			div.cats ul {margin:0 0 1em 2.75em !important;padding-top:.5em}

#search-page .browse {display:block}

			
/*----- The Atlas page ------ */			
			
#theatlas-page #article {width:955px;padding-bottom:20em}
	#theatlas-page #article .intro {width:67%;}
	#theatlas-page #article .col {width:45%;float:left;margin-right:3%;display:inline}
		#theatlas-page #article .col a {display:block;text-indent:4px;font-size:20px;margin-bottom:4px}

/*----- Identification page ------ */
#identification-page #article {width:95%;padding:1.5em 2%;background-color:#ffffff}
	#identification-page #article img {vertical-align:middle;display:inline !important}

/*----- Support ------ */
#support-page #article {width:95%;padding:1.5em 2%;background-color:#ffffff}
	#support-page #article img {vertical-align:middle;display:inline !important}

.framed #article {width:95%;padding:1.5em 2%;background-color:#ffffff}
	.framed #article img {vertical-align:middle;display:inline !important}




#ipow .book {clear:both;overflow:hidden;border-top:1px dotted #777777;}
#ipow .book .col {font-size:12px;width:300px;margin-right:10px;}
#ipow .book .colwide {font-size:12px;width:920px;margin-right:10px;}