﻿@charset "utf-8";

/**********************
US Store Segment Pages CSS base file

Version = 2.0
Date = September 13, 2010
Author = Ricardo Zea
*********************
*/

/*	GLOBAL RULES 
=================================*/

	/*	FONTS
	===========*/

	/*OMNES*/

		/*REGULAR*/
		@font-face { font-family:'Omnes Regular'; src:url('http://www.lexisnexis.com/css/fonts/omnes-regular.eot'); } /*For all IEs*/
		@font-face { font-family:'Omnes Regular'; src:url(//:) format('no404'), url('http://www.lexisnexis.com/css/fonts/omnes-regular.ttf') format('truetype'); /*For all other browsers + no additional HTTP request from IE*/
					 src:local('☺'), url('http://www.lexisnexis.com/css/fonts/omnes-regular.ttf') format('truetype'); /*To avoid displaying a locally installed font in Mac*/
				   }
		
		/*MEDIUM*/
		@font-face { font-family:'Omnes Medium'; src:url('http://www.lexisnexis.com/css/fonts/omnes-medium.eot'); } /*For all IEs - http://www.lexisnexis.com/css/*/
		@font-face { font-family:'Omnes Medium'; src:url(//:) format('no404'), url('http://www.lexisnexis.com/css/fonts/omnes-medium.ttf') format('truetype'); /*For all other browsers + no additional HTTP request from IE*/
					 src:local('☺'), url('http://www.lexisnexis.com/css/fonts/omnes-medium.ttf') format('truetype'); /*To avoid displaying a locally installed font in Mac*/
				   }
				   
		/*SEMI BOLD*/
		@font-face { font-family:'Omnes Semibold'; src:url('http://www.lexisnexis.com/css/fonts/omnes-semibold.eot'); } /*For all IEs*/
		@font-face { font-family:'Omnes Semibold'; src:url(//:) format('no404'), url('http://www.lexisnexis.com/css/fonts/omnes-semibold.ttf') format('truetype'); /*For all other browsers + no additional HTTP request from IE*/
					 src:local('☺'), url('http://www.lexisnexis.com/css/fonts/omnes-semibold.ttf') format('truetype'); /*To avoid displaying a locally installed font in Mac*/
				   }		
	
	/*OPTIMA*/
	
		/*REGULAR*/
		@font-face { font-family:Optima; src:url('http://www.lexisnexis.com/css/fonts/optima.eot'); } /*For all IEs*/
		@font-face { font-family:Optima; src:url(//:) format('no404'), url('http://www.lexisnexis.com/css/fonts/optima.ttf') format('truetype'); /*For all other browsers + no additional HTTP request from IE*/
					 src:local('☺'), url('http://www.lexisnexis.com/css/fonts/optima.ttf') format('truetype'); /*To avoid displaying a locally installed font in Mac*/
				   }
		
		/*BOLD*/
		@font-face { font-family:'Optima Bold'; src:url('http://www.lexisnexis.com/css/fonts/optima-bold.eot'); } /*For all IEs*/
		@font-face { font-family:'Optima Bold'; src:url(//:) format('no404'), url('http://www.lexisnexis.com/css/fonts/optima-bold.ttf') format('truetype'); /*For all other browsers + no additional HTTP request from IE*/
					 src:local('☺'), url('http://www.lexisnexis.com/css/fonts/optima-bold.ttf') format('truetype'); /*To avoid displaying a locally installed font in Mac*/
				   }		   
			 
p { margin:15px 0 0; line-height:1.3em; font-size:.9em; }
em { font-style:italic; }
strong { font-weight:bold; }
a, a:visited { font-size:1em; color:#903; text-decoration:underline; }
a:hover { color:#c03; text-decoration:none; }
hr { clear:both; height:1px; border-top:1px #aaa solid; border-bottom:none; border-left:none; border-right:none; margin:10px auto; }
	
	/*IE*/
	img { -ms-interpolation-mode:bicubic; } /*IE7 only fix to properly render scaled down images*/
	a img, a:visited img, a:hover img { border:none; }

h1.optima, h2.optima, h3.optima { font:1em Optima, Arial, sans-serif; color:#000; }

h1.optima { font-size:1.2em; }
h2.optima { font-size:1.1em; }
h3.optima { font-size:1em; }

.small { font-size:.5em; }

fieldset { text-align:center; padding:10px; border:#ccc 1px solid; }
fieldset legend { text-align:left; font-size:.8em; font-weight:bold; padding:0 5px; }

::selection { background:#903; color:#fff; }
::-moz-selection { background:#903; color:#fff; }
	
	/*	FORMS
	=================================*/
	
	/* As <input> */
	input.button { height:30px; padding:2px 15px; margin-bottom:15px; font-size:.8em; font-weight:bold; border:#f90 1px solid; background:#f90; }
	input.button:hover { cursor:pointer; border:#B16B01 1px solid; background:#f90; }
	input.button:active { border:#B16B01 2px solid; }
	
	/* As <button> */
	button { height:30px; padding:2px 15px; margin-bottom:15px; font-size:.8em; font-weight:bold; border:#f90 1px solid; background:#f90; }
	button:hover { cursor:pointer; border:#B16B01 1px solid; background:#f90; }
	button:active { border:#B16B01 2px solid; }
	
	input { width:190px; margin-bottom:10px; padding:3px !important; color:#666; background:#fff; border:#ccc 1px solid !important; }
	input:hover { border:#CA8832 1px solid; }
	input:focus { color:#000; border:#CA8832 1px solid; background:#FAF1E7; }
	
	select { padding:2px; color:#333; background:#fff; border:#999 1px solid; }
	select:focus { background:#FAF1E7; border:#CA8832 1px solid; }
	
		/*IE*/
		#ie6-7 input.sitebutton { width:auto; overflow:visible; position:relative; } /*This fixes the unexplained 'extra' wide buttons in IE*/
		* html hr { height:1px; border-top:1px #ccc solid; border-bottom:none; margin:10px 0; }	
	
	/*	GENERAL RULES 
	=================================*/
	.float-left { float:left; }
	.float-right { float:right; }
	.align-middle { vertical-align:middle; }
	.display-none { display:none; }
	.text-align-left { text-align:left; }
	.text-align-right { text-align:right; }
	.text-align-center { text-align:center; }
	.img-frame { padding:5px; background:#fff; border:#ccc 1px solid; }	
		
		/* Clear floats */
		.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
		
	/*	INSIDE BORDERS IN LINKED IMAGES (This class should be added to the LINK not the image)
	=================================*/
	a.img-product { border:#368 1px solid; }
	a.img-product img { margin:-1px; }
	a.img-product img,
	a.img-product { float:left; overflow:hidden; }	
	a.img-product:hover { border:#903 3px solid; }
	a.img-product:hover img { margin:-3px; }	
	
	/*	BOX SHADOW 
	=================================*/
	div.product-container a img { -moz-box-shadow:0 0 3px rgba(0,0,0,.2); -webkit-box-shadow:0 0 3px rgba(0,0,0,.2); box-shadow:0 0 3px rgba(0,0,0,.2); }		
	#icons-container { -moz-box-shadow:0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.1); box-shadow:0 1px 3px rgba(0,0,0,.1); }
	#icons-container ul li a { -moz-box-shadow:0 1px 3px rgba(0,0,0,.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2); box-shadow:0 1px 3px rgba(0,0,0,.2); }
	#icons-container ul li a:hover { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

	/*	TEXT SHADOW 
	=================================*/			
	div.product-column h2.optima,
	h1.optima,
	span.price { text-shadow: 1px 1px 1px rgba(0,0,0,.35); }	
	
	/*	ROUNDED CORNERS / BORDER RADIUS
	=================================*/	
	input, #icons-container ul li a { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }	
	
/************************************************************************************************************************************************************************/


/*	BODY CONTAINER
=================================*/
#container { width:780px; font:normal 1.3em Arial, Helvetica, sans-serif }

	/*	MAIN TITLE
	=================================*/
	h1.optima { font-weight:bold; font-size:2em; margin:0; padding:10px 0; border-bottom:#ccc 1px dotted; padding-left:15px; background:url(/store/images/img-arrow-red.gif) left 45% no-repeat; }
		
		/*IE*/
		* html h1.optima { border-bottom:#ccc 1px solid; }

	/*	COLUMNS
	=================================*/
	div.product-column { float:left; width:259px; margin-bottom:10px; border-right:#ccc 1px solid; }
	div.last { border:none; }
	
		/* Top Titles */
		div.product-column h2.optima { display:block; height:42px; padding:14px 10px 0; margin:0; font-size:1.5em; color:#903; border-bottom:#666 1px dotted; background: url(/store/images/bg-top-titles.png) bottom right repeat-x #fff; }
		
			/*IE*/
			* html div.product-column h2.optima { border-bottom:#ccc 1px solid; }
		
		/* Middle colored column*/
		div.middle-column { background:#EFF2EA; }
		
	/*	PRODUCT CONTAINER
	=================================*/
	div.product-container { padding:10px; margin:10px 0; }
	
		/* Title */
		div.product-container h3 { margin:0 0 10px; font-size:1em; line-height:1.2em; }
		div.product-container h3 a,
		div.product-container h3 a:visited { color:#903; display:inline !important; outline:none; }
		div.product-container h3 a:hover { color:#c03; text-decoration:none; }
		div.product-container h3 a:focus { background:#eee; }
		
		/* Image */
		div.product-container img { max-width:103px; margin-right:10px; }
		div.product-container a img,
		div.product-container a:visited img { float:left; border:#ddd 1px solid; }
		div.product-container a:hover img { border:#666 1px solid; }
		
			/*IE*/
			* html div.product-container img { width:103px;}
			* html div.product-container img.img6 { width:auto; }
		
		/* Price & Author*/
		div.product-container div.price-and-info { float:left; width:120px; margin:0 0 10px; padding-bottom:10px; border-bottom:#ccc 1px solid; }
			
			/* Price */
			div.product-container div.price-and-info span.price { display:block; font-size:1.6em; color:#3A3A3A; margin-bottom:5px; }
			
			/* Author/Edition */
			div.product-container div.price-and-info div.info-container { font-size:.75em; color:#666; }
			div.product-container div.price-and-info div.info-container span.label { display:block; font-weight:bold; color:#333; margin-top:10px; }
			div.product-container div.price-and-info div.info-container span.author { color:#666; margin-bottom:10px; }
			div.product-container div.price-and-info div.info-container strong { margin-top:10px; color:#333; display:inline-block; }
						
		/* Description */
		div.product-container p { font-size:.8em; color:#3A3A3A; line-height:18px; }
		
		/* Special link */
		div.product-container a.special-link,
		div.product-container a.special-link:visited { display:block; padding:0 3px 3px 18px; margin-top:5px; font-size:.7em; background:url(/store/images/icon-information.gif) left center no-repeat; }
		div.product-container a.special-link:hover { background:url(/store/images/icon-information.gif) left center no-repeat #f7f7f7; }

/*	SEGMENTS ICONS
=================================*/
#icons-container { width:780px; height:60px; padding-top:22px; border-top:#666 1px dotted; border-bottom:#666 1px dotted; background:url(../images/bg-icons-container.png) repeat-x #efefef; }

	/*IE*/
	* html #icons-container { border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; }

	/*	LINKS
	=================================*/
	#icons-container ul { list-style:none; margin:0; padding:0; text-align:center; }
	#icons-container ul li { display:inline; }
	
	#icons-container ul li a,
	#icons-container ul li a:visited { display:inline-block; width:145px; height:26px; padding:8px 5px 0 0; border:#CEBE99 1px solid; text-align:right; text-decoration:none; letter-spacing:-.5px; color:#333; font:16px 'Omnes Medium', Arial, san-serif; background:url(../images/bg-icons-segments.png) right top no-repeat; position:relative; text-shadow:1px 1px 1px rgba(0,0,0,.3); }
	#icons-container ul li a:hover { letter-spacing:0; color:#000; position:relative; top:-2px; background:url(../images/bg-icons-segments.png) right -35px no-repeat; }
	#icons-container ul li a:focus { outline:none; border:#6B5A34 1px solid; }
	#icons-container ul li a:active { border:#6B5A34 1px solid; }
	
	/*	ICONS
	=================================*/
	#icons-container ul li a span { display:block; position:absolute; z-index:0; min-width:20px; min-height:20px; }
	
	.law-firms span { width:55px; height:47px; top:-10px; left:-5px; background:url(../images/sprite-icons-segments.png) no-repeat; }
	.corporate span { width:61px; height:45px; top:-4px; left:-5px; background:url(../images/sprite-icons-segments.png) -151px -8px no-repeat; }
	.law-students span { width:68px; height:45px; top:2px; left:-5px; background:url(../images/sprite-icons-segments.png) -305px -12px no-repeat; }
	.government span { width:41px; height:40px; top:-5px; left:-5px; background:url(../images/sprite-icons-segments.png) -472px -6px no-repeat; }
	.law-officers span { width:40px; height:36px; top:-5px; left:-5px; background:url(../images/sprite-icons-segments.png) -625px -8px no-repeat; }

/*	OVERRIDING SECTION
=================================*/
body .contentDiv_leftCol p:nth-child(-n+3) { display:none; }
