@import 'layoutnew.css';
@import 'thickbox.css';

/* Intro
--------------------------------------------------------

   This file is used to help make cross-browser design
   easier by setting default styles. Most of these
   styles can be overriden and styled by editing
   'layout.css'.

   DO NOT EDIT THIS FILE!


   Global Font Sizes
--------------------------------------------------------

The following code is to help achieve scalable and consistant
font-sizes across major platforms. To set a font-size in the 
CSS, use one of the percentage values from the table below.

This code is courtosy of the fine folks at Yahoo, Code is 
licensed under the BSD License: http://developer.yahoo.net/yui/license.txt

--------------------------------------------------------

	 77% = 10px	 85% = 11px	 92% = 12px
 		
	100% = 13px	107% = 14px	114% = 15px
 	
	122% = 16px	129% =17px	136% = 18px
	
	144% = 19px	152% = 20px	159% = 21px

	167% = 22px	174% = 23px	182% = 24px

	189% = 25px	197% = 26px

-------------------------------------------------------*/

/*body {
	font:13px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	min-height: 100%;
	height: auto !important;
	height: 100%
	z-index: 1;
	}*/

	table {
		font-size:inherit;
		font:100%;
		}

	select, input, textarea {
		font:99% arial,helvetica,clean,sans-serif;
		}

	pre, code {
		font:115% monospace;
		*font-size:100%;
		}

body * {
	line-height:1.22em;
	}


/* Removes Ugly Default Border From Linked Images
-------------------------------------------------------*/

a img {
	border: none;
	}


/* Gereric Clear, Use On Divs
-------------------------------------------------------*/

.clear {
	clear: both;
	}


/* Accessible Hide: visualy hides an element yet
   makes content available to screen-readers.
-------------------------------------------------------*/

.hide {
	position: absolute;
	left: -3000px;
	}

/* Makes Horizontal Rules look consistant accross
   popular browsers.
-------------------------------------------------------*/

hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
	margin: 0 0 10px;
	}


/* Define some default margins to common elements,
   again for cross-browser purposes
-------------------------------------------------------*/

body {
	margin: 0; padding: 0;
	}

h1, h2, h3, h4, h5, h6,
p,
blockquote,
form,
label, dl, ul, ol,
fieldset,
address {
    margin: 0 0 1em 0;
	}

dd {
	margin: 0 0 0.5em 0; padding: 0;
	}

dt {
	margin: 0; padding: 0;
	font-weight: bold;
	}

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

legend {
	color: #000;
	}


	
	
	
	
/* Details Page
======================================================*/

#detailspage p {position:relative;padding:0;margin:20px 0 15px 0;font:11px arial, helvetica, verdana, sans-serif;}
#detailspage p a {color:#8b7045;}
#detailspage p a:hover {color:#666;text-decoration:none;}

dl.details {position:relative;margin:5px 0 0 0;border:0px;}
*html dl.details {margin:5px 0 0 0;}
dl.details  dt {font-weight:bold;color:#560201;float:left;height:17px;width:200px;margin-bottom:4px;font-size:11px;text-align:left;border-bottom:1px solid #cfcece;}
dl.details  dd {font-weight:normal;color:#333;height:17px;width:240px;margin-bottom:4px;margin-left:200px;font-size:11px;text-align:left;border-bottom:1px solid #cfcece;}
*html dl.details dd {width:195px;margin-left:201px;}


#content-solutions {
	    width:98%;
		float:left;
		border-top:1px solid #cacaca;
		}
		
	*html #content-solutions {
	    padding-bottom:10px;
	    }	
		
	#content-solutions-inner {
	    padding:10px 0 10px 0;
		}
		
		.solutions-solution {
		    position:relative;
		    width:29%;
			float:left;
			height:150px;
			border-right:1px solid #cacaca;
			padding:0 7px 0 10px;
			margin:0 0 10px 3px;
			}
		
		.solutions-solution-right {
			border-right:none;
		    position:relative;
		    width:29%;
			float:left;
			height:150px;
			padding:0 3px 0 10px;
			margin:0 0 10px 3px;
			}	
			
		.solutions-solution p {
		    font-size:11px;
			line-height:13px;
			color:#333;
			clear:left;
			}
		
		.solutions-solution-right p {
		    font-size:11px;
			line-height:13px;
			color:#333;
			clear:left;
			}
			
			#content .solutions-solution img {
			    float:left;
				}
				
			#content .solutions-solution-right img {
			    float:left;
				}

			#content .solutions-solution h4 {
				width: 110px;
			    float:left;
				margin-left:3px;
				}
				
			#content .solutions-solution-right h4 {
				width: 110px;
			    float:left;
				margin-left:3px;
				}

			 .solutions-solution a.more {
			     position:absolute;
				 right:10px;
				 bottom:10px;
				 }
				 
			 .solutions-solution-right a.more {
			     position:absolute;
				 right:10px;
				 bottom:10px;
				 }